{"version":3,"sources":["src/components/search/atomic-sort-expression/atomic-sort-expression.tsx"],"names":["AtomicSortExpression","[object Object]","dropdownComponent","this","host","closest","error","Error","nodeName","toLowerCase","h","element"],"mappings":"wDASaA,EAAoB,+BAsBxBC,SACL,MAAMC,EAAoB,uBAC1B,IAAKC,KAAKC,KAAKC,QAAQH,GAAoB,CACzC,MAAMI,EAAQ,IAAIC,MAChB,QAAQJ,KAAKC,KAAKI,SAASC,qDAAqDP,cAElF,OACEQ,EAAA,yBAAA,CACEC,QAASR,KAAKC,KACdE,MAAOA","sourcesContent":["import {Component, Prop, Element, h} from '@stencil/core';\n\n/**\n * The `atomic-sort-expression` component defines a sort expression. This component must be inside an `atomic-sort-dropdown` component.\n */\n@Component({\n tag: 'atomic-sort-expression',\n shadow: false,\n})\nexport class AtomicSortExpression {\n @Element() public host!: HTMLElement;\n\n /**\n * The non-localized label to display for this expression.\n */\n @Prop({reflect: true}) public label!: string;\n\n /**\n * One or more sort criteria that the end user can select or toggle between.\n *\n * The available sort criteria are:\n *\n * * `relevancy`\n * * `date ascending`/`date descending`\n * * `qre`\n * * ` ascending`/` descending`, where you replace `` with the name of a sortable field in your index (e.g., `criteria=\"size ascending\"`).\n *\n * You can specify multiple sort criteria to be used in the same request by separating them with a comma (e.g., `criteria=\"size ascending, date ascending\"`).\n */\n @Prop({reflect: true}) public expression!: string;\n\n public render() {\n const dropdownComponent = 'atomic-sort-dropdown';\n if (!this.host.closest(dropdownComponent)) {\n const error = new Error(\n `The \"${this.host.nodeName.toLowerCase()}\" component has to be used inside an ${dropdownComponent} element.`\n );\n return (\n \n );\n }\n }\n}\n"]}