{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"7bcfdec6-2153-450a-878e-957fa5e4fa17"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"0ddc8b8d-1000-4efb-b4c2-1a5ff816cc9b"}},{"type":"heading","attrs":{"level":1},"content":[{"text":"Overview","type":"text"}]},{"type":"paragraph","content":[{"text":"The Range Slider Facet component renders a ","type":"text"},{"text":"Range Slider Component","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/HUI/pages/3461775390"}}]},{"text":" and number input elements for minimum and maximum value.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":356,"id":"f712306f-9db6-4fda-8c7c-65432ea894ed","collection":"contentId-3461776943","type":"file","height":100}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Selector","type":"text"}]},{"type":"paragraph","content":[{"text":"The selector for this component is ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Data Model","type":"text"}]},{"type":"paragraph","content":[{"text":"The following data model is exposed to the Handlebars template:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"text":"{\n id: string;\n field: string;\n startValue: number;\n endValue: number;\n minValue: number;\n maxValue: number;\n sliderStart: number;\n sliderEnd: number;\n}","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"sliderStart","type":"text","marks":[{"type":"code"}]},{"text":" and ","type":"text"},{"text":"sliderEnd","type":"text","marks":[{"type":"code"}]},{"text":" are on a 0-100 scale and are intended to be used as inputs on the ","type":"text"},{"text":"Range Slider","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/HUI/pages/3461775390"}}]},{"text":" component.","type":"text"}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Event Binding Attributes","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"475dcd51-8897-4f8b-bd45-919210e853cc"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-start","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph"}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-end","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph"}]}]}]},{"type":"paragraph","content":[{"text":"These attributes should be placed on number input elements. When these elements lose focus (blurred), the entered price range will be applied as a facet value.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Default Template","type":"text"}]},{"type":"codeBlock","attrs":{"language":"html"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"","type":"text"}]},{"type":"paragraph"}],"version":1}

Browser not supported