npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.4-canary.0 → 39.5.0 - Mend

@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1210) hide show

package/dist/collection/components/search-field/search-field.js CHANGED Viewed

@@ -368,12 +368,12 @@ export class SearchField {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (h("div", { key: '7e4c393707a14e0fb180b2871db1a0cdd071a245', "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: 'f16ac525d64cdba8c62a52b2c60ede614386d7ba', class: this.getWrapperClassNames(), tabindex: 1, onClick: () => this.focusInput() }, h("ifx-icon", { key: '7556bc15840895f5ca6d7716471c1fbd51e85c4c', icon: "search-16", class: "search-icon" }), h("input", { key: 'a0f2ae89e3d8b515d66f59919d54d209f834a9e0', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), onFocus: () => this.focusInput(), onBlur: () => this.blurInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value, role: "combobox", "aria-controls": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-expanded": this.showDropdown, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-describedby": this.ariaDescribedBy, "aria-owns": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-activedescendant": this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cRemove16", class: "delete-icon", onClick: this.handleDelete, role: "button", tabindex: "0", "aria-label": this.deleteIconAriaLabel, onKeyDown: (event) => {
+        return (h("div", { key: 'd355ec7cdbe980ea99e4238cf02d907ddd76d59b', "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '2aa3d943caab35213ca10f071586c80358515f1c', class: this.getWrapperClassNames(), tabindex: 1, onClick: () => this.focusInput() }, h("ifx-icon", { key: 'eaa300dd0f8466a2396c55f3f2fffe9dcf5bbf44', icon: "search-16", class: "search-icon" }), h("input", { key: 'cce86ee892ec624fe8671d7567434ae5433b8702', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), onFocus: () => this.focusInput(), onBlur: () => this.blurInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value, role: "combobox", "aria-controls": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-expanded": this.showDropdown, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-describedby": this.ariaDescribedBy, "aria-owns": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-activedescendant": this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cRemove16", class: "delete-icon", onClick: this.handleDelete, role: "button", tabindex: "0", "aria-label": this.deleteIconAriaLabel, onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.handleDelete();
                 }
-            } })) : null), this.showDropdown && this.filteredSuggestions.length > 0 && (h("div", { key: '9bf17746181be5acb6b9e33d7155396186daaf3b', ref: (el) => (this.dropdownElement = el), id: "suggestions-dropdown", class: "suggestions-dropdown", role: "listbox", "aria-label": this.dropdownAriaLabel }, this.isShowingOnlyHistory() && (h("div", { key: '2bb36b6c16c734b47eebf72046e9dc59b23b0998', class: "suggestions-header" }, this.historyHeaderText)), this.filteredSuggestions.map((suggestion, index) => (h("div", { key: suggestion.id, id: `suggestion-${index}`, class: this.getSuggestionClassNames(index), role: "option", "aria-selected": index === this.selectedSuggestionIndex, "aria-label": `${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`, onClick: () => this.selectSuggestion(suggestion), onMouseEnter: () => this.selectedSuggestionIndex = index }, h("div", { class: "suggestion-content" }, suggestion.type === 'history' && (h("ifx-icon", { icon: "history-16", class: "suggestion-icon suggestion-icon--history" })), suggestion.type === 'suggestion' && (h("ifx-icon", { icon: "search-16", class: "suggestion-icon suggestion-icon--suggestion" })), h("span", { class: "suggestion-text" }, h("span", { class: "suggestion-main-text" }, this.renderHighlightedText(suggestion.text, this.value)), suggestion.scope && (h("span", { class: "suggestion-scope" }, "\u2013 ", suggestion.scope))), suggestion.resultCount !== undefined && suggestion.scope && (h("span", { class: "suggestion-count" }, suggestion.resultCount)), suggestion.type === 'history' && (h("ifx-icon", { icon: "cross16", class: "suggestion-delete-icon", role: "button", tabindex: "0", "aria-label": `${this.historyDeleteAriaLabel}: ${suggestion.text}`, onClick: (event) => this.handleHistoryDelete(event, suggestion.text), onKeyDown: (event) => {
+            } })) : null), this.showDropdown && this.filteredSuggestions.length > 0 && (h("div", { key: 'd447e63087ac5b41d2109a16b8db37df4c9db860', ref: (el) => (this.dropdownElement = el), id: "suggestions-dropdown", class: "suggestions-dropdown", role: "listbox", "aria-label": this.dropdownAriaLabel }, this.isShowingOnlyHistory() && (h("div", { key: '6a4662d31fd8c755ec1ec9da4bb871750aa63a57', class: "suggestions-header" }, this.historyHeaderText)), this.filteredSuggestions.map((suggestion, index) => (h("div", { key: suggestion.id, id: `suggestion-${index}`, class: this.getSuggestionClassNames(index), role: "option", "aria-selected": index === this.selectedSuggestionIndex, "aria-label": `${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`, onClick: () => this.selectSuggestion(suggestion), onMouseEnter: () => this.selectedSuggestionIndex = index }, h("div", { class: "suggestion-content" }, suggestion.type === 'history' && (h("ifx-icon", { icon: "history-16", class: "suggestion-icon suggestion-icon--history" })), suggestion.type === 'suggestion' && (h("ifx-icon", { icon: "search-16", class: "suggestion-icon suggestion-icon--suggestion" })), h("span", { class: "suggestion-text" }, h("span", { class: "suggestion-main-text" }, this.renderHighlightedText(suggestion.text, this.value)), suggestion.scope && (h("span", { class: "suggestion-scope" }, "\u2013 ", suggestion.scope))), suggestion.resultCount !== undefined && suggestion.scope && (h("span", { class: "suggestion-count" }, suggestion.resultCount)), suggestion.type === 'history' && (h("ifx-icon", { icon: "cross16", class: "suggestion-delete-icon", role: "button", tabindex: "0", "aria-label": `${this.historyDeleteAriaLabel}: ${suggestion.text}`, onClick: (event) => this.handleHistoryDelete(event, suggestion.text), onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.handleHistoryDelete(event, suggestion.text);
@@ -439,7 +439,7 @@ export class SearchField {
                     "references": {
                         "SuggestionItem": {
                             "location": "local",
-                            "path": "/home/fp/Dev/IFX/dds/packages/components/src/components/search-field/search-field.tsx",
+                            "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/search-field/search-field.tsx",
                             "id": "src/components/search-field/search-field.tsx::SuggestionItem"
                         }
                     }
@@ -911,7 +911,7 @@ export class SearchField {
                     "references": {
                         "SuggestionItem": {
                             "location": "local",
-                            "path": "/home/fp/Dev/IFX/dds/packages/components/src/components/search-field/search-field.tsx",
+                            "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/search-field/search-field.tsx",
                             "id": "src/components/search-field/search-field.tsx::SuggestionItem"
                         }
                     }

package/dist/collection/components/search-field/search-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,OAAO,WAAW;IANxB;QAW2B,UAAK,GAAW,EAAE,CAAC;QACpC,gBAAW,GAAqB,EAAE,CAAC;QACnC,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAW,EAAE,CAAC;QAC5B,oBAAe,GAAW,CAAC,CAAC;QAC5B,kBAAa,GAAY,IAAI,CAAC;QAC9B,eAAU,GAAW,oBAAoB,CAAC;QAC1C,sBAAiB,GAAW,iBAAiB,CAAC;QAEtD,sCAAsC;QAC9B,cAAS,GAAkB,cAAc,CAAA;QAGzC,wBAAmB,GAAW,cAAc,CAAC;QAC7C,2BAAsB,GAAW,qBAAqB,CAAC;QACvD,sBAAiB,GAAW,gCAAgC,CAAC;QAC7D,wBAAmB,GAAW,mBAAmB,CAAC;QAClD,yBAAoB,GAAW,qBAAqB,CAAC;QAQpD,iBAAY,GAAY,KAAK,CAAC;QAC9B,wBAAmB,GAAqB,EAAE,CAAC;QAC3C,4BAAuB,GAAW,CAAC,CAAC,CAAC;QACrC,kBAAa,GAAa,EAAE,CAAC;QAE9B,mBAAc,GAAY,KAAK,CAAC;QAC/B,gCAA2B,GAAY,KAAK,CAAC;QAC9C,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAW,GAAG,CAAC;QAClB,cAAS,GAAY,KAAK,CAAC;QAC5B,gBAAW,GAAW,WAAW,CAAC;QAClC,iBAAY,GAAW,KAAK,CAAC;QAC7B,cAAS,GAAY,IAAI,CAAC;QAE1B,iBAAY,GAAY,KAAK,CAAC;QAmDtC,gBAAW,GAAG,GAAG,EAAE;YACjB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAE/B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;gBAClC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;QAEF,iBAAY,GAAG,GAAG,EAAE;YAClB,IAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC7B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;gBAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/B,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAA;QAED,iBAAY,GAAG,GAAG,EAAE;YAClB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAC5C,kDAAkD;gBAClD,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACxC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;YACD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAA;QAiHD,wCAAwC;QAChC,wBAAmB,GAAG,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;YAC3D,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;YAC1D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAA;KAwVF;IA1hBC,kBAAkB,CAAC,KAAiB;QAClC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAC9E,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAGD,aAAa,CAAC,KAAoB;QAChC,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAE/B,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;gBAC5B,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,OAAO;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,IAAI,CAAC,uBAAuB,IAAI,CAAC,EAAE,CAAC;oBACtC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;gBAChF,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,MAAM;QACV,CAAC;IACH,CAAC;IAGD,YAAY,CAAC,QAAgB;QAC3B,IAAI,IAAI,CAAC,YAAY,IAAI,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;YAC9D,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,QAAQ,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAkCD,UAAU;QACR,0DAA0D;QAC1D,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvB,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,4CAA4C;YAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC3B,oDAAoD;gBACpD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,+CAA+C;gBAC/C,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS;QACP,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,oCAAoC;YAC/D,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,wDAAwD;IACjD,iBAAiB;QACtB,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,YAAY,KAAK,WAAW,EAAE,CAAC;YAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACrD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAEtD,4CAA4C;YAC5C,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAEzB,kDAAkD;YAClD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC;IAED,4CAA4C;IACrC,kBAAkB;QACvB,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,YAAY,KAAK,WAAW,EAAE,CAAC;YAC9D,0BAA0B;YAC1B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAEzC,yBAAyB;YACzB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YAExB,qCAAqC;YACrC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;YAC9B,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAE1B,iCAAiC;YACjC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,gCAAgC;IACxB,YAAY,CAAC,IAAY;QAC/B,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAAE,OAAO;QAEhD,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE5C,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACnC,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtB,+CAA+C;QAC/C,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAE5D,IAAI,OAAO,YAAY,KAAK,WAAW,EAAE,CAAC;YACxC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAED,kCAAkC;IAC1B,iBAAiB,CAAC,IAAY;QACpC,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QAEhC,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEpC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;YACf,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;YAE7B,sBAAsB;YACtB,IAAI,OAAO,YAAY,KAAK,WAAW,EAAE,CAAC;gBACxC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAC5E,CAAC;YAED,mCAAmC;YACnC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAEzB,uCAAuC;YACvC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC;IAQO,kBAAkB,CAAC,KAAa;QACtC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEO,iBAAiB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACvC,IAAI,WAAW,GAAqB,EAAE,CAAC;QAEvC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,gEAAgE;YAEhE,iCAAiC;YACjC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpD,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACnD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CACrC,CAAC;gBACF,WAAW,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,gBAAgB,CAAC,CAAC;YACtD,CAAC;YAED,qCAAqC;YACrC,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxD,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa;qBACvC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBAClD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBACrB,EAAE,EAAE,WAAW,KAAK,EAAE;oBACtB,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,SAAkB;iBACzB,CAAC,CAAC,CAAC;gBACN,WAAW,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,eAAe,CAAC,CAAC;YACrD,CAAC;YAED,kEAAkE;YAClE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBAEnC,mCAAmC;gBACnC,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,KAAK;oBAAE,OAAO,CAAC,CAAC,CAAC;gBAClD,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,KAAK;oBAAE,OAAO,CAAC,CAAC;gBAEjD,2CAA2C;gBAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAE5C,IAAI,WAAW,IAAI,CAAC,WAAW;oBAAE,OAAO,CAAC,CAAC,CAAC;gBAC3C,IAAI,WAAW,IAAI,CAAC,WAAW;oBAAE,OAAO,CAAC,CAAC;gBAE1C,4DAA4D;gBAC5D,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,CAAC;gBAC/D,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY;oBAAE,OAAO,CAAC,CAAC;gBAE9D,yCAAyC;gBACzC,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QAEL,CAAC;aAAM,CAAC;YACN,+DAA+D;YAC/D,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxD,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBAClE,EAAE,EAAE,WAAW,KAAK,EAAE;oBACtB,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,SAAkB;iBACzB,CAAC,CAAC,CAAC;gBAEJ,WAAW,GAAG,kBAAkB,CAAC;YACnC,CAAC;YACD,mDAAmD;QACrD,CAAC;QAED,iGAAiG;QACjG,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,MAAwB,EAAE,OAAO,EAAE,EAAE;YACjF,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAC5C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;gBACtD,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAC7B,CAAC;YACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;gBACzB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,8DAA8D;gBAC9D,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;oBAC3E,MAAM,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC;gBAClC,CAAC;YACH,CAAC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3E,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC;IAEO,mBAAmB,CAAC,SAAiB;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC;QAErD,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAClB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,GAAG,QAAQ;gBACpE,CAAC,CAAC,IAAI,CAAC,uBAAuB,GAAG,CAAC;gBAClC,CAAC,CAAC,CAAC,CAAC;QACR,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,GAAG,CAAC;gBAC7D,CAAC,CAAC,IAAI,CAAC,uBAAuB,GAAG,CAAC;gBAClC,CAAC,CAAC,QAAQ,CAAC;QACf,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,UAA0B;QACjD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;QAC1C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,0EAA0E;YAC1E,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,8DAA8D;IACtD,mBAAmB;QACzB,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,4BAA4B;YAC5B,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAClE,EAAE,EAAE,WAAW,KAAK,EAAE;gBACtB,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,SAAkB;aACzB,CAAC,CAAC,CAAC;YAEJ,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC5E,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;IAED,mEAAmE;IAC3D,oBAAoB;QAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YACvB,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC;YACnC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IACnE,CAAC;IAED,uCAAuC;IAC/B,qBAAqB,CAAC,IAAY,EAAE,KAAa;QACvD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAE5C,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAEnD,OAAO;YACL,MAAM;YACN,kBAAS,KAAK,CAAU;YACxB,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAA;YACnC,cAAc,CAAC,kBAAkB,EAAE,MAAM,SAAS,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;YACtB,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;QAC1C,CAAC;;YAAM,IAAI,CAAC,2BAA2B,GAAG,KAAK,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,6EACiB,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,KAAK,EACtB,KAAK,EAAC,cAAc;YAEpB,4DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAClC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;gBAEhC,iEAAU,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,GAAY;gBAC1D,8DACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAChC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC9B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,UAAU,mBACA,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,mBACtD,IAAI,CAAC,YAAY,uBACd,MAAM,mBACV,SAAS,gBACX,IAAI,CAAC,SAAS,qBACT,IAAI,CAAC,cAAc,sBAClB,IAAI,CAAC,eAAe,eAC3B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,2BAC1C,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,SAAS,GACnH;gBACD,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,CACzD,gBACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,gBACA,IAAI,CAAC,mBAAmB,EACpC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,IAAI,CAAC,YAAY,EAAE,CAAC;wBACtB,CAAC;oBACH,CAAC,GACQ,CACZ,CAAC,CAAC,CAAC,IAAI,CACJ;YAGL,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3D,4DACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACxC,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAC,SAAS,gBACF,IAAI,CAAC,iBAAiB;gBAGjC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAC9B,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,iBAAiB,CACnB,CACP;gBAEA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,WACE,GAAG,EAAE,UAAU,CAAC,EAAE,EAClB,EAAE,EAAE,cAAc,KAAK,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,IAAI,CAAC,uBAAuB,gBACzC,GAAG,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,KAAK,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACjP,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAChD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,GAAG,KAAK;oBAExD,WAAK,KAAK,EAAC,oBAAoB;wBAC5B,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,CAChC,gBAAU,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,0CAA0C,GAAY,CACzF;wBACA,UAAU,CAAC,IAAI,KAAK,YAAY,IAAI,CACnC,gBAAU,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,6CAA6C,GAAY,CAC3F;wBACD,YAAM,KAAK,EAAC,iBAAiB;4BAC3B,YAAM,KAAK,EAAC,sBAAsB,IAC/B,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CACnD;4BACN,UAAU,CAAC,KAAK,IAAI,CACnB,YAAM,KAAK,EAAC,kBAAkB;;gCAAI,UAAU,CAAC,KAAK,CAAQ,CAC3D,CACI;wBAEN,UAAU,CAAC,WAAW,KAAK,SAAS,IAAI,UAAU,CAAC,KAAK,IAAI,CAC3D,YAAM,KAAK,EAAC,kBAAkB,IAAE,UAAU,CAAC,WAAW,CAAQ,CAC/D;wBAGA,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,CAChC,gBACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,gBACA,GAAG,IAAI,CAAC,sBAAsB,KAAK,UAAU,CAAC,IAAI,EAAE,EAChE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EACpE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gCACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oCAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;oCACvB,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;gCACnD,CAAC;4BACH,CAAC,GACS,CACb,CACG,CACF,CACP,CAAC,CACE,CACP,CACG,CACP,CAAC;IACJ,CAAC;IAED,YAAY;QACV,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;YAC3B,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,oBAAoB;QAClB,OAAO,UAAU,CACf,uBAAuB,EACvB,yBAAyB,IAAI,CAAC,YAAY,EAAE,EAAE,EAC9C,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACpC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7C,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CACrC,CAAC;IACJ,CAAC;IAED,uBAAuB,CAAC,KAAa;;QACnC,OAAO,UAAU,CACf,iBAAiB,EACjB;YACE,2BAA2B,EAAE,KAAK,KAAK,IAAI,CAAC,uBAAuB;YACnE,0BAA0B,EAAE,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,0CAAE,IAAI,MAAK,SAAS;SAChF,CACF,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport classNames from 'classnames';\r\n\r\nexport interface SuggestionItem {\r\n id: string;\r\n text: string;\r\n type?: 'suggestion' \| 'history';\r\n scope?: string;\r\n resultCount?: number;\r\n metadata?: any;\r\n}\r\n\r\n@Component({\r\n tag: 'ifx-search-field',\r\n styleUrl: 'search-field.scss',\r\n shadow: true\r\n})\r\n\r\nexport class SearchField {\r\n @Element() el;\r\n private inputElement: HTMLInputElement;\r\n private dropdownElement: HTMLDivElement;\r\n\r\n @Prop({ mutable: true }) value: string = '';\r\n @Prop() suggestions: SuggestionItem[] = [];\r\n @Prop() showSuggestions: boolean = false;\r\n @Prop() maxSuggestions: number = 10;\r\n @Prop() maxHistoryItems: number = 5;\r\n @Prop() enableHistory: boolean = true;\r\n @Prop() historyKey: string = 'ifx-search-history';\r\n @Prop() historyHeaderText: string = 'Recent Searches';\r\n\r\n // ARIA Labels and Accessibility Props\r\n @Prop() ariaLabel: string \| null = \"Search Field\"\r\n @Prop() ariaLabelledBy?: string \| null;\r\n @Prop() ariaDescribedBy?: string \| null;\r\n @Prop() deleteIconAriaLabel: string = 'Clear search';\r\n @Prop() historyDeleteAriaLabel: string = 'Remove from history';\r\n @Prop() dropdownAriaLabel: string = 'Search suggestions and history';\r\n @Prop() suggestionAriaLabel: string = 'Search suggestion';\r\n @Prop() historyItemAriaLabel: string = 'Search history item';\r\n\r\n @Event() ifxInput: EventEmitter<string>;\r\n @Event() ifxSuggestionRequested: EventEmitter<string>;\r\n @Event() ifxSuggestionSelected: EventEmitter<SuggestionItem>;\r\n @Event() ifxFocus: EventEmitter<void>;\r\n @Event() ifxBlur: EventEmitter<void>;\r\n\r\n @State() showDropdown: boolean = false;\r\n @State() filteredSuggestions: SuggestionItem[] = [];\r\n @State() selectedSuggestionIndex: number = -1;\r\n @State() searchHistory: string[] = [];\r\n\r\n @Prop() showDeleteIcon: boolean = false;\r\n @State() showDeleteIconInternalState: boolean = false;\r\n @Prop() disabled: boolean = false;\r\n @Prop() size: string = 'l';\r\n @State() isFocused: boolean = false;\r\n @Prop() placeholder: string = \"Search...\";\r\n @Prop() autocomplete: string = \"off\";\r\n @Prop() maxlength?: number = null;\r\n\r\n private focusEmitted: boolean = false;\r\n\r\n @Listen('mousedown', { target: 'document' })\r\n handleOutsideClick(event: MouseEvent) {\r\n const path = event.composedPath();\r\n if (!path.includes(this.inputElement) && !path.includes(this.dropdownElement)) {\r\n this.hideDropdown();\r\n }\r\n }\r\n\r\n @Listen('keydown')\r\n handleKeyDown(event: KeyboardEvent) {\r\n if (!this.showDropdown) return;\r\n\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n this.navigateSuggestions(1);\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n this.navigateSuggestions(-1);\r\n break;\r\n case 'Enter':\r\n event.preventDefault();\r\n if (this.selectedSuggestionIndex >= 0) {\r\n this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]);\r\n } else {\r\n this.handleSearch();\r\n }\r\n break;\r\n case 'Escape':\r\n this.hideDropdown();\r\n break;\r\n }\r\n }\r\n\r\n @Watch('value')\r\n valueWatcher(newValue: string) {\r\n if (this.inputElement && newValue !== this.inputElement.value) {\r\n this.inputElement.value = newValue;\r\n }\r\n this.updateSuggestions();\r\n }\r\n\r\n @Watch('suggestions')\r\n suggestionsWatcher() {\r\n this.updateSuggestions();\r\n }\r\n\r\n\r\n handleInput = () => {\r\n const query = this.inputElement.value;\r\n this.value = query;\r\n this.ifxInput.emit(this.value);\r\n\r\n if (this.showSuggestions) {\r\n this.showDropdown = true;\r\n this.selectedSuggestionIndex = -1;\r\n this.requestSuggestions(query);\r\n }\r\n };\r\n\r\n handleDelete = () => {\r\n if(!this.disabled) { \r\n this.inputElement.value = '';\r\n this.value = \"\";\r\n this.ifxInput.emit(this.value);\r\n this.hideDropdown();\r\n }\r\n }\r\n\r\n handleSearch = () => {\r\n if (this.value.trim() && this.enableHistory) {\r\n // Only add to history if there are actual results\r\n if (this.filteredSuggestions.length > 0) {\r\n this.addToHistory(this.value);\r\n }\r\n }\r\n this.hideDropdown();\r\n }\r\n\r\n focusInput() {\r\n // Only emit focus event if it hasn't been emitted already\r\n if (!this.focusEmitted) {\r\n this.focusEmitted = true;\r\n this.isFocused = true;\r\n this.ifxFocus.emit();\r\n }\r\n\r\n if (this.showSuggestions) {\r\n // On focus without input: Show only history\r\n if (this.value.length === 0) {\r\n this.showHistoryDropdown();\r\n // Only show dropdown if history is actually present\r\n this.showDropdown = this.enableHistory && this.searchHistory.length > 0;\r\n } else {\r\n // With existing input: Normal suggestion logic\r\n this.updateSuggestions();\r\n this.showDropdown = this.filteredSuggestions.length > 0;\r\n }\r\n }\r\n }\r\n\r\n blurInput() {\r\n setTimeout(() => {\r\n this.isFocused = false;\r\n this.focusEmitted = false; // Reset focus flag when blur occurs\r\n this.ifxBlur.emit();\r\n }, 150);\r\n }\r\n\r\n // Public method to update history from external sources\r\n public loadSearchHistory() {\r\n if (this.enableHistory && typeof localStorage !== 'undefined') {\r\n const stored = localStorage.getItem(this.historyKey);\r\n this.searchHistory = stored ? JSON.parse(stored) : [];\r\n\r\n // Update suggestions when history is loaded\r\n this.updateSuggestions();\r\n\r\n // If no input and no history left, close dropdown\r\n if (this.value.length === 0 && this.searchHistory.length === 0) {\r\n this.showDropdown = false;\r\n }\r\n }\r\n }\r\n\r\n // Public method to completely clear history\r\n public clearSearchHistory() {\r\n if (this.enableHistory && typeof localStorage !== 'undefined') {\r\n // Clear from localStorage\r\n localStorage.removeItem(this.historyKey);\r\n\r\n // Clear internal history\r\n this.searchHistory = [];\r\n\r\n // Reset all dropdown-relevant states\r\n this.filteredSuggestions = [];\r\n this.selectedSuggestionIndex = -1;\r\n this.showDropdown = false;\r\n\r\n // Update suggestions after reset\r\n this.updateSuggestions();\r\n }\r\n }\r\n\r\n // Suggestion Management Methods\r\n private addToHistory(term: string) {\r\n if (!this.enableHistory \|\| !term.trim()) return;\r\n\r\n const history = [...this.searchHistory];\r\n const existingIndex = history.indexOf(term);\r\n\r\n if (existingIndex > -1) {\r\n history.splice(existingIndex, 1);\r\n }\r\n\r\n history.unshift(term);\r\n // Limit history to maxHistoryItems (default 5)\r\n this.searchHistory = history.slice(0, this.maxHistoryItems);\r\n\r\n if (typeof localStorage !== 'undefined') {\r\n localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\r\n }\r\n }\r\n\r\n // Remove individual history entry\r\n private removeFromHistory(term: string) {\r\n if (!this.enableHistory) return;\r\n\r\n const history = [...this.searchHistory];\r\n const index = history.indexOf(term);\r\n\r\n if (index > -1) {\r\n history.splice(index, 1);\r\n this.searchHistory = history;\r\n\r\n // Update localStorage\r\n if (typeof localStorage !== 'undefined') {\r\n localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\r\n }\r\n\r\n // Update suggestions after removal\r\n this.updateSuggestions();\r\n\r\n // Close dropdown if no history remains\r\n if (this.searchHistory.length === 0 && this.value.length === 0) {\r\n this.showDropdown = false;\r\n }\r\n }\r\n }\r\n\r\n // Handle click on history delete button\r\n private handleHistoryDelete = (event: Event, term: string) => {\r\n event.stopPropagation(); // Prevent selection of the entry\r\n this.removeFromHistory(term);\r\n }\r\n\r\n private requestSuggestions(query: string) {\r\n this.ifxSuggestionRequested.emit(query);\r\n this.updateSuggestions();\r\n }\r\n\r\n private updateSuggestions() {\r\n const query = this.value.toLowerCase();\r\n let suggestions: SuggestionItem[] = [];\r\n\r\n if (query.length > 0) {\r\n // For text input: Mix external suggestions and relevant history\r\n\r\n // 1. Filter external suggestions\r\n if (this.suggestions && this.suggestions.length > 0) {\r\n const filteredExternal = this.suggestions.filter(s =>\r\n s.text.toLowerCase().includes(query)\r\n );\r\n suggestions = [...suggestions, ...filteredExternal];\r\n }\r\n\r\n // 2. Filter relevant history entries\r\n if (this.enableHistory && this.searchHistory.length > 0) {\r\n const filteredHistory = this.searchHistory\r\n .filter(term => term.toLowerCase().includes(query))\r\n .map((term, index) => ({\r\n id: `history-${index}`,\r\n text: term,\r\n type: 'history' as const\r\n }));\r\n suggestions = [...suggestions, ...filteredHistory];\r\n }\r\n\r\n // 3. Sort by relevance (exact matches first, then prefix matches)\r\n suggestions.sort((a, b) => {\r\n const aText = a.text.toLowerCase();\r\n const bText = b.text.toLowerCase();\r\n\r\n // Exact match has highest priority\r\n if (aText === query && bText !== query) return -1;\r\n if (bText === query && aText !== query) return 1;\r\n\r\n // Prefix match has second highest priority\r\n const aStartsWith = aText.startsWith(query);\r\n const bStartsWith = bText.startsWith(query);\r\n\r\n if (aStartsWith && !bStartsWith) return -1;\r\n if (bStartsWith && !aStartsWith) return 1;\r\n\r\n // With equal relevance: external suggestions before history\r\n if (a.type === 'suggestion' && b.type === 'history') return -1;\r\n if (a.type === 'history' && b.type === 'suggestion') return 1;\r\n\r\n // Alphabetical sorting as last criterion\r\n return aText.localeCompare(bText);\r\n });\r\n\r\n } else {\r\n // For empty query: Show only history (no external suggestions)\r\n if (this.enableHistory && this.searchHistory.length > 0) {\r\n const historySuggestions = this.searchHistory.map((term, index) => ({\r\n id: `history-${index}`,\r\n text: term,\r\n type: 'history' as const\r\n }));\r\n\r\n suggestions = historySuggestions;\r\n }\r\n // For empty query DO NOT show external suggestions\r\n }\r\n\r\n // Remove duplicates based on text and scope combination (history takes precedence over external)\r\n const uniqueSuggestions = suggestions.reduce((unique: SuggestionItem[], current) => {\r\n const existingIndex = unique.findIndex(item =>\r\n item.text.toLowerCase() === current.text.toLowerCase() &&\r\n item.scope === current.scope\r\n );\r\n if (existingIndex === -1) {\r\n unique.push(current);\r\n } else {\r\n // If already exists, prefer history over external suggestions\r\n if (current.type === 'history' && unique[existingIndex].type !== 'history') {\r\n unique[existingIndex] = current;\r\n }\r\n }\r\n return unique;\r\n }, []);\r\n\r\n this.filteredSuggestions = uniqueSuggestions.slice(0, this.maxSuggestions);\r\n this.selectedSuggestionIndex = -1;\r\n }\r\n\r\n private navigateSuggestions(direction: number) {\r\n const maxIndex = this.filteredSuggestions.length - 1;\r\n\r\n if (direction > 0) {\r\n this.selectedSuggestionIndex = this.selectedSuggestionIndex < maxIndex\r\n ? this.selectedSuggestionIndex + 1\r\n : 0;\r\n } else {\r\n this.selectedSuggestionIndex = this.selectedSuggestionIndex > 0\r\n ? this.selectedSuggestionIndex - 1\r\n : maxIndex;\r\n }\r\n }\r\n\r\n private selectSuggestion(suggestion: SuggestionItem) {\r\n this.value = suggestion.text;\r\n this.inputElement.value = suggestion.text;\r\n this.ifxSuggestionSelected.emit(suggestion);\r\n this.ifxInput.emit(this.value);\r\n\r\n if (this.enableHistory) {\r\n // Always add selected suggestions to history since they are valid results\r\n this.addToHistory(suggestion.text);\r\n }\r\n\r\n this.hideDropdown();\r\n }\r\n\r\n private hideDropdown() {\r\n this.showDropdown = false;\r\n this.selectedSuggestionIndex = -1;\r\n this.isFocused = false;\r\n }\r\n\r\n // Show only history in dropdown (e.g. on focus without input)\r\n private showHistoryDropdown() {\r\n if (this.enableHistory && this.searchHistory.length > 0) {\r\n // Show only history entries\r\n const historySuggestions = this.searchHistory.map((term, index) => ({\r\n id: `history-${index}`,\r\n text: term,\r\n type: 'history' as const\r\n }));\r\n\r\n this.filteredSuggestions = historySuggestions.slice(0, this.maxSuggestions);\r\n this.selectedSuggestionIndex = -1;\r\n } else {\r\n this.filteredSuggestions = [];\r\n }\r\n }\r\n\r\n // Check if only history entries are displayed (without text input)\r\n private isShowingOnlyHistory(): boolean {\r\n return this.value.length === 0 &&\r\n this.filteredSuggestions.length > 0 &&\r\n this.filteredSuggestions.every(s => s.type === 'history');\r\n }\r\n\r\n // Render text with highlighted matches\r\n private renderHighlightedText(text: string, query: string) {\r\n if (!query \|\| query.length === 0) {\r\n return text;\r\n }\r\n\r\n const lowerText = text.toLowerCase();\r\n const lowerQuery = query.toLowerCase();\r\n const index = lowerText.indexOf(lowerQuery);\r\n\r\n if (index === -1) {\r\n return text;\r\n }\r\n\r\n const before = text.substring(0, index);\r\n const match = text.substring(index, index + query.length);\r\n const after = text.substring(index + query.length);\r\n\r\n return [\r\n before,\r\n <strong>{match}</strong>,\r\n after\r\n ];\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadSearchHistory();\r\n }\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) {\r\n const framework = detectFramework()\r\n trackComponent('ifx-search-field', await framework)\r\n }\r\n }\r\n\r\n componentWillUpdate() {\r\n if (this.value !== \"\") {\r\n this.showDeleteIconInternalState = true;\r\n } else this.showDeleteIconInternalState = false;\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n aria-disabled={this.disabled}\r\n aria-value={this.value}\r\n class='search-field'\r\n >\r\n <div\r\n class={this.getWrapperClassNames()}\r\n tabindex={1}\r\n onClick={() => this.focusInput()}\r\n >\r\n <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\r\n <input\r\n ref={(el) => (this.inputElement = el)}\r\n type=\"text\"\r\n autocomplete={this.autocomplete}\r\n onInput={() => this.handleInput()}\r\n onFocus={() => this.focusInput()}\r\n onBlur={() => this.blurInput()}\r\n placeholder={this.placeholder}\r\n disabled={this.disabled}\r\n maxlength={this.maxlength}\r\n value={this.value}\r\n role=\"combobox\"\r\n aria-controls={this.showDropdown ? 'suggestions-dropdown' : undefined}\r\n aria-expanded={this.showDropdown}\r\n aria-autocomplete=\"list\"\r\n aria-haspopup=\"listbox\"\r\n aria-label={this.ariaLabel}\r\n aria-labelledby={this.ariaLabelledBy}\r\n aria-describedby={this.ariaDescribedBy}\r\n aria-owns={this.showDropdown ? 'suggestions-dropdown' : undefined}\r\n aria-activedescendant={this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined}\r\n />\r\n {this.showDeleteIcon && this.showDeleteIconInternalState ? (\r\n <ifx-icon\r\n icon=\"cRemove16\"\r\n class=\"delete-icon\"\r\n onClick={this.handleDelete}\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label={this.deleteIconAriaLabel}\r\n onKeyDown={(event) => {\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n this.handleDelete();\r\n }\r\n }}>\r\n </ifx-icon>\r\n ) : null}\r\n </div>\r\n\r\n {/* Suggestions Dropdown /}\r\n {this.showDropdown && this.filteredSuggestions.length > 0 && (\r\n <div\r\n ref={(el) => (this.dropdownElement = el)}\r\n id=\"suggestions-dropdown\"\r\n class=\"suggestions-dropdown\"\r\n role=\"listbox\"\r\n aria-label={this.dropdownAriaLabel}\r\n >\r\n {/ History Header - only show when exclusively showing history entries /}\r\n {this.isShowingOnlyHistory() && (\r\n <div class=\"suggestions-header\">\r\n {this.historyHeaderText}\r\n </div>\r\n )}\r\n\r\n {this.filteredSuggestions.map((suggestion, index) => (\r\n <div\r\n key={suggestion.id}\r\n id={`suggestion-${index}`}\r\n class={this.getSuggestionClassNames(index)}\r\n role=\"option\"\r\n aria-selected={index === this.selectedSuggestionIndex}\r\n aria-label={`${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`}\r\n onClick={() => this.selectSuggestion(suggestion)}\r\n onMouseEnter={() => this.selectedSuggestionIndex = index}\r\n >\r\n <div class=\"suggestion-content\">\r\n {suggestion.type === 'history' && (\r\n <ifx-icon icon=\"history-16\" class=\"suggestion-icon suggestion-icon--history\"></ifx-icon>\r\n )}\r\n {suggestion.type === 'suggestion' && (\r\n <ifx-icon icon=\"search-16\" class=\"suggestion-icon suggestion-icon--suggestion\"></ifx-icon>\r\n )}\r\n <span class=\"suggestion-text\">\r\n <span class=\"suggestion-main-text\">\r\n {this.renderHighlightedText(suggestion.text, this.value)}\r\n </span>\r\n {suggestion.scope && (\r\n <span class=\"suggestion-scope\">– {suggestion.scope}</span>\r\n )}\r\n </span>\r\n\r\n {suggestion.resultCount !== undefined && suggestion.scope && (\r\n <span class=\"suggestion-count\">{suggestion.resultCount}</span>\r\n )}\r\n\r\n {/ Delete Button only for history entries */}\r\n {suggestion.type === 'history' && (\r\n <ifx-icon\r\n icon=\"cross16\"\r\n class=\"suggestion-delete-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label={`${this.historyDeleteAriaLabel}: ${suggestion.text}`}\r\n onClick={(event) => this.handleHistoryDelete(event, suggestion.text)}\r\n onKeyDown={(event) => {\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n this.handleHistoryDelete(event, suggestion.text);\r\n }\r\n }}\r\n ></ifx-icon>\r\n )}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n getSizeClass() {\r\n return `${this.size}` === \"s\"\r\n ? \"search-field__wrapper-s\"\r\n : \"\";\r\n }\r\n\r\n getWrapperClassNames() {\r\n return classNames(\r\n `search-field__wrapper`,\r\n `search-field__wrapper ${this.getSizeClass()}`,\r\n `${this.isFocused ? 'focused' : \"\"}`,\r\n `${this.showDropdown ? 'dropdown-open' : \"\"}`,\r\n `${this.disabled ? 'disabled' : \"\"}`\r\n );\r\n }\r\n\r\n getSuggestionClassNames(index: number) {\r\n return classNames(\r\n 'suggestion-item',\r\n {\r\n 'suggestion-item--selected': index === this.selectedSuggestionIndex,\r\n 'suggestion-item--history': this.filteredSuggestions[index]?.type === 'history'\r\n }\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport classNames from 'classnames';\n\nexport interface SuggestionItem {\n id: string;\n text: string;\n type?: 'suggestion' \| 'history';\n scope?: string;\n resultCount?: number;\n metadata?: any;\n}\n\n@Component({\n tag: 'ifx-search-field',\n styleUrl: 'search-field.scss',\n shadow: true\n})\n\nexport class SearchField {\n @Element() el;\n private inputElement: HTMLInputElement;\n private dropdownElement: HTMLDivElement;\n\n @Prop({ mutable: true }) value: string = '';\n @Prop() suggestions: SuggestionItem[] = [];\n @Prop() showSuggestions: boolean = false;\n @Prop() maxSuggestions: number = 10;\n @Prop() maxHistoryItems: number = 5;\n @Prop() enableHistory: boolean = true;\n @Prop() historyKey: string = 'ifx-search-history';\n @Prop() historyHeaderText: string = 'Recent Searches';\n\n // ARIA Labels and Accessibility Props\n @Prop() ariaLabel: string \| null = \"Search Field\"\n @Prop() ariaLabelledBy?: string \| null;\n @Prop() ariaDescribedBy?: string \| null;\n @Prop() deleteIconAriaLabel: string = 'Clear search';\n @Prop() historyDeleteAriaLabel: string = 'Remove from history';\n @Prop() dropdownAriaLabel: string = 'Search suggestions and history';\n @Prop() suggestionAriaLabel: string = 'Search suggestion';\n @Prop() historyItemAriaLabel: string = 'Search history item';\n\n @Event() ifxInput: EventEmitter<string>;\n @Event() ifxSuggestionRequested: EventEmitter<string>;\n @Event() ifxSuggestionSelected: EventEmitter<SuggestionItem>;\n @Event() ifxFocus: EventEmitter<void>;\n @Event() ifxBlur: EventEmitter<void>;\n\n @State() showDropdown: boolean = false;\n @State() filteredSuggestions: SuggestionItem[] = [];\n @State() selectedSuggestionIndex: number = -1;\n @State() searchHistory: string[] = [];\n\n @Prop() showDeleteIcon: boolean = false;\n @State() showDeleteIconInternalState: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() size: string = 'l';\n @State() isFocused: boolean = false;\n @Prop() placeholder: string = \"Search...\";\n @Prop() autocomplete: string = \"off\";\n @Prop() maxlength?: number = null;\n\n private focusEmitted: boolean = false;\n\n @Listen('mousedown', { target: 'document' })\n handleOutsideClick(event: MouseEvent) {\n const path = event.composedPath();\n if (!path.includes(this.inputElement) && !path.includes(this.dropdownElement)) {\n this.hideDropdown();\n }\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (!this.showDropdown) return;\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n this.navigateSuggestions(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n this.navigateSuggestions(-1);\n break;\n case 'Enter':\n event.preventDefault();\n if (this.selectedSuggestionIndex >= 0) {\n this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]);\n } else {\n this.handleSearch();\n }\n break;\n case 'Escape':\n this.hideDropdown();\n break;\n }\n }\n\n @Watch('value')\n valueWatcher(newValue: string) {\n if (this.inputElement && newValue !== this.inputElement.value) {\n this.inputElement.value = newValue;\n }\n this.updateSuggestions();\n }\n\n @Watch('suggestions')\n suggestionsWatcher() {\n this.updateSuggestions();\n }\n\n\n handleInput = () => {\n const query = this.inputElement.value;\n this.value = query;\n this.ifxInput.emit(this.value);\n\n if (this.showSuggestions) {\n this.showDropdown = true;\n this.selectedSuggestionIndex = -1;\n this.requestSuggestions(query);\n }\n };\n\n handleDelete = () => {\n if(!this.disabled) { \n this.inputElement.value = '';\n this.value = \"\";\n this.ifxInput.emit(this.value);\n this.hideDropdown();\n }\n }\n\n handleSearch = () => {\n if (this.value.trim() && this.enableHistory) {\n // Only add to history if there are actual results\n if (this.filteredSuggestions.length > 0) {\n this.addToHistory(this.value);\n }\n }\n this.hideDropdown();\n }\n\n focusInput() {\n // Only emit focus event if it hasn't been emitted already\n if (!this.focusEmitted) {\n this.focusEmitted = true;\n this.isFocused = true;\n this.ifxFocus.emit();\n }\n\n if (this.showSuggestions) {\n // On focus without input: Show only history\n if (this.value.length === 0) {\n this.showHistoryDropdown();\n // Only show dropdown if history is actually present\n this.showDropdown = this.enableHistory && this.searchHistory.length > 0;\n } else {\n // With existing input: Normal suggestion logic\n this.updateSuggestions();\n this.showDropdown = this.filteredSuggestions.length > 0;\n }\n }\n }\n\n blurInput() {\n setTimeout(() => {\n this.isFocused = false;\n this.focusEmitted = false; // Reset focus flag when blur occurs\n this.ifxBlur.emit();\n }, 150);\n }\n\n // Public method to update history from external sources\n public loadSearchHistory() {\n if (this.enableHistory && typeof localStorage !== 'undefined') {\n const stored = localStorage.getItem(this.historyKey);\n this.searchHistory = stored ? JSON.parse(stored) : [];\n\n // Update suggestions when history is loaded\n this.updateSuggestions();\n\n // If no input and no history left, close dropdown\n if (this.value.length === 0 && this.searchHistory.length === 0) {\n this.showDropdown = false;\n }\n }\n }\n\n // Public method to completely clear history\n public clearSearchHistory() {\n if (this.enableHistory && typeof localStorage !== 'undefined') {\n // Clear from localStorage\n localStorage.removeItem(this.historyKey);\n\n // Clear internal history\n this.searchHistory = [];\n\n // Reset all dropdown-relevant states\n this.filteredSuggestions = [];\n this.selectedSuggestionIndex = -1;\n this.showDropdown = false;\n\n // Update suggestions after reset\n this.updateSuggestions();\n }\n }\n\n // Suggestion Management Methods\n private addToHistory(term: string) {\n if (!this.enableHistory \|\| !term.trim()) return;\n\n const history = [...this.searchHistory];\n const existingIndex = history.indexOf(term);\n\n if (existingIndex > -1) {\n history.splice(existingIndex, 1);\n }\n\n history.unshift(term);\n // Limit history to maxHistoryItems (default 5)\n this.searchHistory = history.slice(0, this.maxHistoryItems);\n\n if (typeof localStorage !== 'undefined') {\n localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n }\n }\n\n // Remove individual history entry\n private removeFromHistory(term: string) {\n if (!this.enableHistory) return;\n\n const history = [...this.searchHistory];\n const index = history.indexOf(term);\n\n if (index > -1) {\n history.splice(index, 1);\n this.searchHistory = history;\n\n // Update localStorage\n if (typeof localStorage !== 'undefined') {\n localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n }\n\n // Update suggestions after removal\n this.updateSuggestions();\n\n // Close dropdown if no history remains\n if (this.searchHistory.length === 0 && this.value.length === 0) {\n this.showDropdown = false;\n }\n }\n }\n\n // Handle click on history delete button\n private handleHistoryDelete = (event: Event, term: string) => {\n event.stopPropagation(); // Prevent selection of the entry\n this.removeFromHistory(term);\n }\n\n private requestSuggestions(query: string) {\n this.ifxSuggestionRequested.emit(query);\n this.updateSuggestions();\n }\n\n private updateSuggestions() {\n const query = this.value.toLowerCase();\n let suggestions: SuggestionItem[] = [];\n\n if (query.length > 0) {\n // For text input: Mix external suggestions and relevant history\n\n // 1. Filter external suggestions\n if (this.suggestions && this.suggestions.length > 0) {\n const filteredExternal = this.suggestions.filter(s =>\n s.text.toLowerCase().includes(query)\n );\n suggestions = [...suggestions, ...filteredExternal];\n }\n\n // 2. Filter relevant history entries\n if (this.enableHistory && this.searchHistory.length > 0) {\n const filteredHistory = this.searchHistory\n .filter(term => term.toLowerCase().includes(query))\n .map((term, index) => ({\n id: `history-${index}`,\n text: term,\n type: 'history' as const\n }));\n suggestions = [...suggestions, ...filteredHistory];\n }\n\n // 3. Sort by relevance (exact matches first, then prefix matches)\n suggestions.sort((a, b) => {\n const aText = a.text.toLowerCase();\n const bText = b.text.toLowerCase();\n\n // Exact match has highest priority\n if (aText === query && bText !== query) return -1;\n if (bText === query && aText !== query) return 1;\n\n // Prefix match has second highest priority\n const aStartsWith = aText.startsWith(query);\n const bStartsWith = bText.startsWith(query);\n\n if (aStartsWith && !bStartsWith) return -1;\n if (bStartsWith && !aStartsWith) return 1;\n\n // With equal relevance: external suggestions before history\n if (a.type === 'suggestion' && b.type === 'history') return -1;\n if (a.type === 'history' && b.type === 'suggestion') return 1;\n\n // Alphabetical sorting as last criterion\n return aText.localeCompare(bText);\n });\n\n } else {\n // For empty query: Show only history (no external suggestions)\n if (this.enableHistory && this.searchHistory.length > 0) {\n const historySuggestions = this.searchHistory.map((term, index) => ({\n id: `history-${index}`,\n text: term,\n type: 'history' as const\n }));\n\n suggestions = historySuggestions;\n }\n // For empty query DO NOT show external suggestions\n }\n\n // Remove duplicates based on text and scope combination (history takes precedence over external)\n const uniqueSuggestions = suggestions.reduce((unique: SuggestionItem[], current) => {\n const existingIndex = unique.findIndex(item =>\n item.text.toLowerCase() === current.text.toLowerCase() &&\n item.scope === current.scope\n );\n if (existingIndex === -1) {\n unique.push(current);\n } else {\n // If already exists, prefer history over external suggestions\n if (current.type === 'history' && unique[existingIndex].type !== 'history') {\n unique[existingIndex] = current;\n }\n }\n return unique;\n }, []);\n\n this.filteredSuggestions = uniqueSuggestions.slice(0, this.maxSuggestions);\n this.selectedSuggestionIndex = -1;\n }\n\n private navigateSuggestions(direction: number) {\n const maxIndex = this.filteredSuggestions.length - 1;\n\n if (direction > 0) {\n this.selectedSuggestionIndex = this.selectedSuggestionIndex < maxIndex\n ? this.selectedSuggestionIndex + 1\n : 0;\n } else {\n this.selectedSuggestionIndex = this.selectedSuggestionIndex > 0\n ? this.selectedSuggestionIndex - 1\n : maxIndex;\n }\n }\n\n private selectSuggestion(suggestion: SuggestionItem) {\n this.value = suggestion.text;\n this.inputElement.value = suggestion.text;\n this.ifxSuggestionSelected.emit(suggestion);\n this.ifxInput.emit(this.value);\n\n if (this.enableHistory) {\n // Always add selected suggestions to history since they are valid results\n this.addToHistory(suggestion.text);\n }\n\n this.hideDropdown();\n }\n\n private hideDropdown() {\n this.showDropdown = false;\n this.selectedSuggestionIndex = -1;\n this.isFocused = false;\n }\n\n // Show only history in dropdown (e.g. on focus without input)\n private showHistoryDropdown() {\n if (this.enableHistory && this.searchHistory.length > 0) {\n // Show only history entries\n const historySuggestions = this.searchHistory.map((term, index) => ({\n id: `history-${index}`,\n text: term,\n type: 'history' as const\n }));\n\n this.filteredSuggestions = historySuggestions.slice(0, this.maxSuggestions);\n this.selectedSuggestionIndex = -1;\n } else {\n this.filteredSuggestions = [];\n }\n }\n\n // Check if only history entries are displayed (without text input)\n private isShowingOnlyHistory(): boolean {\n return this.value.length === 0 &&\n this.filteredSuggestions.length > 0 &&\n this.filteredSuggestions.every(s => s.type === 'history');\n }\n\n // Render text with highlighted matches\n private renderHighlightedText(text: string, query: string) {\n if (!query \|\| query.length === 0) {\n return text;\n }\n\n const lowerText = text.toLowerCase();\n const lowerQuery = query.toLowerCase();\n const index = lowerText.indexOf(lowerQuery);\n\n if (index === -1) {\n return text;\n }\n\n const before = text.substring(0, index);\n const match = text.substring(index, index + query.length);\n const after = text.substring(index + query.length);\n\n return [\n before,\n <strong>{match}</strong>,\n after\n ];\n }\n\n componentWillLoad() {\n this.loadSearchHistory();\n }\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) {\n const framework = detectFramework()\n trackComponent('ifx-search-field', await framework)\n }\n }\n\n componentWillUpdate() {\n if (this.value !== \"\") {\n this.showDeleteIconInternalState = true;\n } else this.showDeleteIconInternalState = false;\n }\n\n render() {\n return (\n <div\n aria-disabled={this.disabled}\n aria-value={this.value}\n class='search-field'\n >\n <div\n class={this.getWrapperClassNames()}\n tabindex={1}\n onClick={() => this.focusInput()}\n >\n <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n <input\n ref={(el) => (this.inputElement = el)}\n type=\"text\"\n autocomplete={this.autocomplete}\n onInput={() => this.handleInput()}\n onFocus={() => this.focusInput()}\n onBlur={() => this.blurInput()}\n placeholder={this.placeholder}\n disabled={this.disabled}\n maxlength={this.maxlength}\n value={this.value}\n role=\"combobox\"\n aria-controls={this.showDropdown ? 'suggestions-dropdown' : undefined}\n aria-expanded={this.showDropdown}\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-label={this.ariaLabel}\n aria-labelledby={this.ariaLabelledBy}\n aria-describedby={this.ariaDescribedBy}\n aria-owns={this.showDropdown ? 'suggestions-dropdown' : undefined}\n aria-activedescendant={this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined}\n />\n {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n <ifx-icon\n icon=\"cRemove16\"\n class=\"delete-icon\"\n onClick={this.handleDelete}\n role=\"button\"\n tabindex=\"0\"\n aria-label={this.deleteIconAriaLabel}\n onKeyDown={(event) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.handleDelete();\n }\n }}>\n </ifx-icon>\n ) : null}\n </div>\n\n {/* Suggestions Dropdown /}\n {this.showDropdown && this.filteredSuggestions.length > 0 && (\n <div\n ref={(el) => (this.dropdownElement = el)}\n id=\"suggestions-dropdown\"\n class=\"suggestions-dropdown\"\n role=\"listbox\"\n aria-label={this.dropdownAriaLabel}\n >\n {/ History Header - only show when exclusively showing history entries /}\n {this.isShowingOnlyHistory() && (\n <div class=\"suggestions-header\">\n {this.historyHeaderText}\n </div>\n )}\n\n {this.filteredSuggestions.map((suggestion, index) => (\n <div\n key={suggestion.id}\n id={`suggestion-${index}`}\n class={this.getSuggestionClassNames(index)}\n role=\"option\"\n aria-selected={index === this.selectedSuggestionIndex}\n aria-label={`${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`}\n onClick={() => this.selectSuggestion(suggestion)}\n onMouseEnter={() => this.selectedSuggestionIndex = index}\n >\n <div class=\"suggestion-content\">\n {suggestion.type === 'history' && (\n <ifx-icon icon=\"history-16\" class=\"suggestion-icon suggestion-icon--history\"></ifx-icon>\n )}\n {suggestion.type === 'suggestion' && (\n <ifx-icon icon=\"search-16\" class=\"suggestion-icon suggestion-icon--suggestion\"></ifx-icon>\n )}\n <span class=\"suggestion-text\">\n <span class=\"suggestion-main-text\">\n {this.renderHighlightedText(suggestion.text, this.value)}\n </span>\n {suggestion.scope && (\n <span class=\"suggestion-scope\">– {suggestion.scope}</span>\n )}\n </span>\n\n {suggestion.resultCount !== undefined && suggestion.scope && (\n <span class=\"suggestion-count\">{suggestion.resultCount}</span>\n )}\n\n {/ Delete Button only for history entries */}\n {suggestion.type === 'history' && (\n <ifx-icon\n icon=\"cross16\"\n class=\"suggestion-delete-icon\"\n role=\"button\"\n tabindex=\"0\"\n aria-label={`${this.historyDeleteAriaLabel}: ${suggestion.text}`}\n onClick={(event) => this.handleHistoryDelete(event, suggestion.text)}\n onKeyDown={(event) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.handleHistoryDelete(event, suggestion.text);\n }\n }}\n ></ifx-icon>\n )}\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"search-field__wrapper-s\"\n : \"\";\n }\n\n getWrapperClassNames() {\n return classNames(\n `search-field__wrapper`,\n `search-field__wrapper ${this.getSizeClass()}`,\n `${this.isFocused ? 'focused' : \"\"}`,\n `${this.showDropdown ? 'dropdown-open' : \"\"}`,\n `${this.disabled ? 'disabled' : \"\"}`\n );\n }\n\n getSuggestionClassNames(index: number) {\n return classNames(\n 'suggestion-item',\n {\n 'suggestion-item--selected': index === this.selectedSuggestionIndex,\n 'suggestion-item--history': this.filteredSuggestions[index]?.type === 'history'\n }\n );\n }\n}\n"]}

package/dist/collection/components/search-field/search-field.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search-field.stories.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\n\r\n// Generic Lorem Ipsum mock suggestions for all stories\r\nconst genericMockSuggestions = [\r\n // Short suggestions without scope\r\n { id: 'short1', text: 'Lorem', type: 'suggestion' as const },\r\n { id: 'short2', text: 'Ipsum', type: 'suggestion' as const },\r\n { id: 'short3', text: 'Dolor', type: 'suggestion' as const },\r\n { id: 'short4', text: 'Sit', type: 'suggestion' as const },\r\n { id: 'short5', text: 'Amet', type: 'suggestion' as const },\r\n\r\n // Medium suggestions with scope\r\n { id: 'medium1', text: 'Lorem ipsum', type: 'suggestion' as const, scope: 'Consectetur', resultCount: 1247 },\r\n { id: 'medium2', text: 'Dolor sit', type: 'suggestion' as const, scope: 'Adipiscing', resultCount: 892 },\r\n { id: 'medium3', text: 'Consectetur adipiscing', type: 'suggestion' as const, scope: 'Elite', resultCount: 567 },\r\n { id: 'medium4', text: 'Sed do eiusmod', type: 'suggestion' as const, scope: 'Tempor', resultCount: 2341 },\r\n { id: 'medium5', text: 'Ut labore', type: 'suggestion' as const, scope: 'Dolore', resultCount: 1098 },\r\n\r\n // Medium suggestions without scope\r\n { id: 'medium6', text: 'Magna aliqua', type: 'suggestion' as const },\r\n { id: 'medium7', text: 'Enim ad minim', type: 'suggestion' as const },\r\n { id: 'medium8', text: 'Veniam quis', type: 'suggestion' as const },\r\n { id: 'medium9', text: 'Nostrud exercitation', type: 'suggestion' as const },\r\n { id: 'medium10', text: 'Ullamco laboris', type: 'suggestion' as const },\r\n\r\n // Long suggestions with scope and result count\r\n { id: 'long1', text: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore', type: 'suggestion' as const, scope: 'Fugiat nulla pariatur', resultCount: 156 },\r\n { id: 'long2', text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia', type: 'suggestion' as const, scope: 'Deserunt mollit anim', resultCount: 789 },\r\n { id: 'long3', text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium', type: 'suggestion' as const, scope: 'Doloremque laudantium', resultCount: 234 },\r\n\r\n // Long suggestions without scope\r\n { id: 'long4', text: 'Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt', type: 'suggestion' as const },\r\n { id: 'long5', text: 'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores', type: 'suggestion' as const },\r\n\r\n // Medium suggestions with scope but no result count\r\n { id: 'scope1', text: 'Neque porro quisquam', type: 'suggestion' as const, scope: 'Adipisci velit' },\r\n { id: 'scope2', text: 'Ut enim ad minima', type: 'suggestion' as const, scope: 'Veniam quis nostrum' },\r\n { id: 'scope3', text: 'Quis autem vel eum', type: 'suggestion' as const, scope: 'Iure reprehenderit' },\r\n\r\n // Long scope names for truncation testing\r\n { id: 'longscope1', text: 'Temporibus autem', type: 'suggestion' as const, scope: 'Quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet', resultCount: 445 },\r\n { id: 'longscope2', text: 'Et harum quidem', type: 'suggestion' as const, scope: 'Rerum facilis est et expedita distinctio nam libero tempore', resultCount: 1876 },\r\n\r\n // Very long text for extreme truncation testing\r\n { id: 'extreme1', text: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident', type: 'suggestion' as const, scope: 'Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga', resultCount: 999 },\r\n\r\n // Additional variety\r\n { id: 'misc1', text: 'Itaque earum rerum', type: 'suggestion' as const, scope: 'Hic tenetur', resultCount: 1567 },\r\n { id: 'misc2', text: 'Sapiente delectus', type: 'suggestion' as const },\r\n { id: 'misc3', text: 'Aut reiciendis', type: 'suggestion' as const, scope: 'Voluptatibus maiores', resultCount: 823 },\r\n { id: 'misc4', text: 'Alias consequatur', type: 'suggestion' as const },\r\n { id: 'misc5', text: 'Aut perferendis', type: 'suggestion' as const, scope: 'Doloribus asperiores', resultCount: 1234 }\r\n];\r\n\r\n// Generic Lorem Ipsum mock history for all stories (limited to 5 items to match maxHistoryItems)\r\nconst genericMockHistory = [\r\n 'Lorem ipsum dolor sit amet',\r\n 'Consectetur adipiscing elit',\r\n 'Sed do eiusmod tempor',\r\n 'Ut labore et dolore magna',\r\n 'Enim ad minim veniam'\r\n];\r\n\r\n// Function to reset history for consistent Storybook demonstrations\r\nconst resetHistoryForStorybook = (historyKey: string) => {\r\n if (typeof localStorage !== 'undefined') {\r\n localStorage.setItem(historyKey, JSON.stringify(genericMockHistory));\r\n }\r\n};\r\n\r\nexport default {\r\n title: 'Components/Search Field',\r\n // tags: ['autodocs'],\r\n\r\n args: {\r\n showDeleteIcon: true,\r\n disabled: false,\r\n size: 'm',\r\n value: '',\r\n placeholder: 'Search...',\r\n autocomplete: 'on',\r\n showSuggestions: false,\r\n enableHistory: true,\r\n maxSuggestions: 10,\r\n maxHistoryItems: 5,\r\n historyKey: 'ifx-search-history',\r\n historyHeaderText: 'Recent Searches',\r\n ariaLabel: 'Search field',\r\n deleteIconAriaLabel: 'Clear search',\r\n historyDeleteAriaLabel: 'Remove from history',\r\n dropdownAriaLabel: 'Search suggestions and history',\r\n suggestionAriaLabel: 'Search suggestion',\r\n historyItemAriaLabel: 'Search history item'\r\n },\r\n argTypes: {\r\n showDeleteIcon: {\r\n description: 'Determines whether a delete icon is shown in the search field.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-search-field props',\r\n defaultValue: {\r\n summary: true\r\n }\r\n }\r\n },\r\n disabled: {\r\n description: 'Disables the search field, preventing user interaction.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-search-field props',\r\n defaultValue: {\r\n summary: false\r\n }\r\n }\r\n },\r\n size: {\r\n description: 'Size options: s (36px) and m (40px) - default: m.',\r\n control: 'radio',\r\n options: ['s', 'm'],\r\n table: {\r\n category: 'ifx-search-field props',\r\n defaultValue: {\r\n summary: 'm'\r\n }\r\n }\r\n },\r\n placeholder: {\r\n description: 'Placeholder text displayed in the search field when it is empty.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-search-field props',\r\n defaultValue: {\r\n summary: 'Search...'\r\n }\r\n }\r\n },\r\n maxlength: {\r\n description: 'Specifies the maximum number of characters that can be entered into the search field.',\r\n control: 'number',\r\n table: {\r\n category: 'ifx-search-field props'\r\n }\r\n },\r\n value: {\r\n description: 'The value of the search field. It is used for the form submission.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-search-field props'\r\n }\r\n },\r\n autocomplete: {\r\n description: 'Sets the autocomplete attribute. \"on\" by default.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-search-field props'\r\n }\r\n },\r\n ifxInput: {\r\n action: 'ifxInput',\r\n description: 'A custom event triggered whenever there is input in the search field.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail:\r\n 'React: onIfxInput={handleInput}\\nVue:@ifxInput=\"handleInput\"\\nAngular:(ifxInput)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxInput\", (event) => {//handle input});',\r\n },\r\n },\r\n },\r\n showSuggestions: {\r\n description: 'Enables the suggestions dropdown with external suggestions.',\r\n control: 'boolean',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: false\r\n }\r\n }\r\n },\r\n enableHistory: {\r\n description: 'Enables search history functionality with localStorage persistence.',\r\n control: 'boolean',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: true\r\n }\r\n }\r\n },\r\n maxSuggestions: {\r\n description: 'Maximum number of suggestions to display in the dropdown.',\r\n control: 'number',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: 10\r\n }\r\n }\r\n },\r\n maxHistoryItems: {\r\n description: 'Maximum number of history items to store and display.',\r\n control: 'number',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: 5\r\n }\r\n }\r\n },\r\n historyKey: {\r\n description: 'LocalStorage key for persisting search history.',\r\n control: 'text',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: 'ifx-search-history'\r\n }\r\n }\r\n },\r\n historyHeaderText: {\r\n description: 'Header text displayed above history entries in the dropdown.',\r\n control: 'text',\r\n table: {\r\n category: 'Search Suggestions',\r\n defaultValue: {\r\n summary: 'Recent Searches'\r\n }\r\n }\r\n },\r\n ariaLabel: {\r\n description: 'ARIA label for the search field component.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Search field'\r\n }\r\n }\r\n },\r\n ariaLabelledBy: {\r\n description: 'ID of element that labels the search field.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility'\r\n }\r\n },\r\n ariaDescribedBy: {\r\n description: 'ID of element that describes the search field.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility'\r\n }\r\n },\r\n\r\n ariaControls: {\r\n description: 'Identifies the ID of the dropdown element that this input controls.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility'\r\n }\r\n },\r\n\r\n ariaExpanded: {\r\n description: 'Indicates whether the dropdown is currently open (true) or closed (false).',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility'\r\n }\r\n },\r\n\r\n deleteIconAriaLabel: {\r\n description: 'ARIA label for the delete/clear icon.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Clear search'\r\n }\r\n }\r\n },\r\n historyDeleteAriaLabel: {\r\n description: 'ARIA label for history delete buttons.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Remove from history'\r\n }\r\n }\r\n },\r\n dropdownAriaLabel: {\r\n description: 'ARIA label for the suggestions dropdown.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Search suggestions and history'\r\n }\r\n }\r\n },\r\n suggestionAriaLabel: {\r\n description: 'ARIA label prefix for suggestion items.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Search suggestion'\r\n }\r\n }\r\n },\r\n historyItemAriaLabel: {\r\n description: 'ARIA label prefix for history items.',\r\n control: 'text',\r\n table: {\r\n category: 'Accessibility',\r\n defaultValue: {\r\n summary: 'Search history item'\r\n }\r\n }\r\n },\r\n ifxSuggestionRequested: {\r\n action: 'ifxSuggestionRequested',\r\n description: 'Event triggered when the component requests suggestions for a query.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: 'React: onIfxSuggestionRequested={handleSuggestionRequest}\\nVue: @ifxSuggestionRequested=\"handleSuggestionRequest\"\\nAngular: (ifxSuggestionRequested)=\"handleSuggestionRequest()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionRequested\", (event) => {//handle request});'\r\n }\r\n }\r\n },\r\n ifxSuggestionSelected: {\r\n action: 'ifxSuggestionSelected',\r\n description: 'Event triggered when a suggestion is selected from the dropdown.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: 'React: onIfxSuggestionSelected={handleSuggestionSelection}\\nVue: @ifxSuggestionSelected=\"handleSuggestionSelection\"\\nAngular: (ifxSuggestionSelected)=\"handleSuggestionSelection()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionSelected\", (event) => {//handle selection});'\r\n }\r\n }\r\n },\r\n ifxFocus: {\r\n action: 'ifxFocus',\r\n description: 'Event triggered when the search field receives focus.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: 'React: onIfxFocus={handleFocus}\\nVue: @ifxFocus=\"handleFocus\"\\nAngular: (ifxFocus)=\"handleFocus()\"\\nVanillaJs: .addEventListener(\"ifxFocus\", (event) => {//handle focus});'\r\n }\r\n }\r\n },\r\n ifxBlur: {\r\n action: 'ifxBlur',\r\n description: 'Event triggered when the search field loses focus.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: 'React: onIfxBlur={handleBlur}\\nVue: @ifxBlur=\"handleBlur\"\\nAngular: (ifxBlur)=\"handleBlur()\"\\nVanillaJs: .addEventListener(\"ifxBlur\", (event) => {//handle blur});'\r\n }\r\n }\r\n },\r\n },\r\n};\r\n\r\nconst DefaultTemplate = ({\r\n disabled,\r\n size,\r\n showDeleteIcon,\r\n placeholder,\r\n maxlength,\r\n value,\r\n autocomplete,\r\n showSuggestions,\r\n enableHistory,\r\n maxSuggestions,\r\n maxHistoryItems,\r\n historyKey,\r\n historyHeaderText,\r\n ariaLabel,\r\n ariaLabelledBy,\r\n ariaDescribedBy,\r\n ariaExpanded,\r\n ariaControls,\r\n deleteIconAriaLabel,\r\n historyDeleteAriaLabel,\r\n dropdownAriaLabel,\r\n suggestionAriaLabel,\r\n historyItemAriaLabel\r\n}) => {\r\n const element = document.createElement('ifx-search-field');\r\n element.setAttribute('size', size);\r\n element.setAttribute('disabled', disabled);\r\n element.setAttribute('show-delete-icon', showDeleteIcon);\r\n element.setAttribute('show-suggestions', showSuggestions);\r\n element.setAttribute('enable-history', enableHistory);\r\n element.setAttribute('max-suggestions', maxSuggestions);\r\n element.setAttribute('max-history-items', maxHistoryItems);\r\n element.setAttribute('history-key', historyKey);\r\n element.setAttribute('history-header-text', historyHeaderText);\r\n element.setAttribute('value', value);\r\n element.setAttribute('autocomplete', autocomplete);\r\n if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\r\n if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\r\n if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\r\n if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\r\n if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\r\n if (ariaExpanded != undefined) element.setAttribute('aria-expanded', ariaExpanded);\r\n if (ariaControls != undefined) element.setAttribute('aria-controls', ariaControls);\r\n if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\r\n if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\r\n if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\r\n if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\r\n if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\r\n\r\n // Set initial suggestions if showSuggestions is enabled\r\n setTimeout(() => {\r\n if (showSuggestions) {\r\n element.suggestions = genericMockSuggestions;\r\n }\r\n\r\n // Set up initial history if enabled - always reset for consistent demo\r\n if (enableHistory && typeof localStorage !== 'undefined') {\r\n resetHistoryForStorybook(historyKey);\r\n // History will be loaded automatically when the component initializes\r\n }\r\n }, 100);\r\n\r\n // Event listeners\r\n element.addEventListener('ifxInput', action('ifxInput'));\r\n element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\r\n element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\r\n element.addEventListener('ifxFocus', action('ifxFocus'));\r\n element.addEventListener('ifxBlur', action('ifxBlur'));\r\n\r\n // Handle suggestion requests for Default story\r\n element.addEventListener('ifxSuggestionRequested', (event) => {\r\n const query = event.detail;\r\n if (query && showSuggestions) {\r\n // Filter suggestions based on query\r\n const filteredSuggestions = genericMockSuggestions.filter(s =>\r\n s.text.toLowerCase().includes(query.toLowerCase())\r\n );\r\n element.suggestions = filteredSuggestions;\r\n }\r\n });\r\n\r\n return element;\r\n};\r\n\r\nexport const Default = DefaultTemplate.bind({});\r\n\r\n// Template for Dropdown Search Field with suggestions and history\r\nconst DropdownTemplate = ({\r\n disabled,\r\n size,\r\n showDeleteIcon,\r\n placeholder,\r\n maxlength,\r\n value,\r\n autocomplete,\r\n showSuggestions,\r\n enableHistory,\r\n maxSuggestions,\r\n maxHistoryItems,\r\n historyKey,\r\n historyHeaderText,\r\n ariaLabel,\r\n ariaLabelledBy,\r\n ariaDescribedBy,\r\n ariaExpanded,\r\n ariaControls,\r\n deleteIconAriaLabel,\r\n historyDeleteAriaLabel,\r\n dropdownAriaLabel,\r\n suggestionAriaLabel,\r\n historyItemAriaLabel\r\n}) => {\r\n const element = document.createElement('ifx-search-field');\r\n element.setAttribute('size', size);\r\n element.setAttribute('disabled', disabled);\r\n element.setAttribute('show-delete-icon', showDeleteIcon);\r\n element.setAttribute('show-suggestions', showSuggestions);\r\n element.setAttribute('enable-history', enableHistory);\r\n element.setAttribute('max-suggestions', maxSuggestions);\r\n element.setAttribute('max-history-items', maxHistoryItems);\r\n element.setAttribute('history-key', historyKey);\r\n element.setAttribute('history-header-text', historyHeaderText);\r\n element.setAttribute('value', value);\r\n element.setAttribute('autocomplete', autocomplete);\r\n if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\r\n if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\r\n if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\r\n if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\r\n if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\r\n if (ariaControls != undefined) element.setAttribute('aria-controls', ariaControls);\r\n if (ariaExpanded != undefined) element.setAttribute('aria-expanded', ariaExpanded);\r\n if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\r\n if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\r\n if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\r\n if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\r\n if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\r\n\r\n // Initialize with mock data\r\n setTimeout(() => {\r\n // Set suggestions - use the same generic mockup as Default story\r\n element.suggestions = genericMockSuggestions;\r\n\r\n // Set up initial history if enabled - always reset for consistent demo\r\n if (enableHistory && typeof localStorage !== 'undefined') {\r\n resetHistoryForStorybook(historyKey);\r\n // History will be loaded automatically when the component initializes\r\n }\r\n }, 100);\r\n\r\n // Event listeners\r\n element.addEventListener('ifxInput', action('ifxInput'));\r\n element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\r\n element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\r\n element.addEventListener('ifxFocus', action('ifxFocus'));\r\n element.addEventListener('ifxBlur', action('ifxBlur'));\r\n\r\n // Handle suggestion requests\r\n element.addEventListener('ifxSuggestionRequested', (event) => {\r\n const query = event.detail;\r\n if (query) {\r\n // Filter suggestions based on query - use the same generic mockup\r\n const filteredSuggestions = genericMockSuggestions.filter(s =>\r\n s.text.toLowerCase().includes(query.toLowerCase())\r\n );\r\n element.suggestions = filteredSuggestions;\r\n }\r\n });\r\n\r\n return element;\r\n};\r\n\r\nexport const SearchSuggestions = DropdownTemplate.bind({});\r\nSearchSuggestions.args = {\r\n showDeleteIcon: true,\r\n disabled: false,\r\n size: 'm',\r\n value: '',\r\n placeholder: 'Search with suggestions...',\r\n autocomplete: 'off',\r\n showSuggestions: true,\r\n enableHistory: true,\r\n maxSuggestions: 10,\r\n maxHistoryItems: 5,\r\n historyKey: 'storybook-search-history',\r\n historyHeaderText: 'Recent Searches',\r\n ariaLabel: 'Search field',\r\n deleteIconAriaLabel: 'Clear search',\r\n historyDeleteAriaLabel: 'Remove from history',\r\n dropdownAriaLabel: 'Search suggestions and history',\r\n suggestionAriaLabel: 'Search suggestion',\r\n historyItemAriaLabel: 'Search history item'\r\n};\r\n"]}
1	+ {"version":3,"file":"search-field.stories.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\n\n// Generic Lorem Ipsum mock suggestions for all stories\nconst genericMockSuggestions = [\n // Short suggestions without scope\n { id: 'short1', text: 'Lorem', type: 'suggestion' as const },\n { id: 'short2', text: 'Ipsum', type: 'suggestion' as const },\n { id: 'short3', text: 'Dolor', type: 'suggestion' as const },\n { id: 'short4', text: 'Sit', type: 'suggestion' as const },\n { id: 'short5', text: 'Amet', type: 'suggestion' as const },\n\n // Medium suggestions with scope\n { id: 'medium1', text: 'Lorem ipsum', type: 'suggestion' as const, scope: 'Consectetur', resultCount: 1247 },\n { id: 'medium2', text: 'Dolor sit', type: 'suggestion' as const, scope: 'Adipiscing', resultCount: 892 },\n { id: 'medium3', text: 'Consectetur adipiscing', type: 'suggestion' as const, scope: 'Elite', resultCount: 567 },\n { id: 'medium4', text: 'Sed do eiusmod', type: 'suggestion' as const, scope: 'Tempor', resultCount: 2341 },\n { id: 'medium5', text: 'Ut labore', type: 'suggestion' as const, scope: 'Dolore', resultCount: 1098 },\n\n // Medium suggestions without scope\n { id: 'medium6', text: 'Magna aliqua', type: 'suggestion' as const },\n { id: 'medium7', text: 'Enim ad minim', type: 'suggestion' as const },\n { id: 'medium8', text: 'Veniam quis', type: 'suggestion' as const },\n { id: 'medium9', text: 'Nostrud exercitation', type: 'suggestion' as const },\n { id: 'medium10', text: 'Ullamco laboris', type: 'suggestion' as const },\n\n // Long suggestions with scope and result count\n { id: 'long1', text: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore', type: 'suggestion' as const, scope: 'Fugiat nulla pariatur', resultCount: 156 },\n { id: 'long2', text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia', type: 'suggestion' as const, scope: 'Deserunt mollit anim', resultCount: 789 },\n { id: 'long3', text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium', type: 'suggestion' as const, scope: 'Doloremque laudantium', resultCount: 234 },\n\n // Long suggestions without scope\n { id: 'long4', text: 'Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt', type: 'suggestion' as const },\n { id: 'long5', text: 'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores', type: 'suggestion' as const },\n\n // Medium suggestions with scope but no result count\n { id: 'scope1', text: 'Neque porro quisquam', type: 'suggestion' as const, scope: 'Adipisci velit' },\n { id: 'scope2', text: 'Ut enim ad minima', type: 'suggestion' as const, scope: 'Veniam quis nostrum' },\n { id: 'scope3', text: 'Quis autem vel eum', type: 'suggestion' as const, scope: 'Iure reprehenderit' },\n\n // Long scope names for truncation testing\n { id: 'longscope1', text: 'Temporibus autem', type: 'suggestion' as const, scope: 'Quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet', resultCount: 445 },\n { id: 'longscope2', text: 'Et harum quidem', type: 'suggestion' as const, scope: 'Rerum facilis est et expedita distinctio nam libero tempore', resultCount: 1876 },\n\n // Very long text for extreme truncation testing\n { id: 'extreme1', text: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident', type: 'suggestion' as const, scope: 'Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga', resultCount: 999 },\n\n // Additional variety\n { id: 'misc1', text: 'Itaque earum rerum', type: 'suggestion' as const, scope: 'Hic tenetur', resultCount: 1567 },\n { id: 'misc2', text: 'Sapiente delectus', type: 'suggestion' as const },\n { id: 'misc3', text: 'Aut reiciendis', type: 'suggestion' as const, scope: 'Voluptatibus maiores', resultCount: 823 },\n { id: 'misc4', text: 'Alias consequatur', type: 'suggestion' as const },\n { id: 'misc5', text: 'Aut perferendis', type: 'suggestion' as const, scope: 'Doloribus asperiores', resultCount: 1234 }\n];\n\n// Generic Lorem Ipsum mock history for all stories (limited to 5 items to match maxHistoryItems)\nconst genericMockHistory = [\n 'Lorem ipsum dolor sit amet',\n 'Consectetur adipiscing elit',\n 'Sed do eiusmod tempor',\n 'Ut labore et dolore magna',\n 'Enim ad minim veniam'\n];\n\n// Function to reset history for consistent Storybook demonstrations\nconst resetHistoryForStorybook = (historyKey: string) => {\n if (typeof localStorage !== 'undefined') {\n localStorage.setItem(historyKey, JSON.stringify(genericMockHistory));\n }\n};\n\nexport default {\n title: 'Components/Search Field',\n // tags: ['autodocs'],\n\n args: {\n showDeleteIcon: true,\n disabled: false,\n size: 'm',\n value: '',\n placeholder: 'Search...',\n autocomplete: 'on',\n showSuggestions: false,\n enableHistory: true,\n maxSuggestions: 10,\n maxHistoryItems: 5,\n historyKey: 'ifx-search-history',\n historyHeaderText: 'Recent Searches',\n ariaLabel: 'Search field',\n deleteIconAriaLabel: 'Clear search',\n historyDeleteAriaLabel: 'Remove from history',\n dropdownAriaLabel: 'Search suggestions and history',\n suggestionAriaLabel: 'Search suggestion',\n historyItemAriaLabel: 'Search history item'\n },\n argTypes: {\n showDeleteIcon: {\n description: 'Determines whether a delete icon is shown in the search field.',\n control: 'boolean',\n table: {\n category: 'ifx-search-field props',\n defaultValue: {\n summary: true\n }\n }\n },\n disabled: {\n description: 'Disables the search field, preventing user interaction.',\n control: 'boolean',\n table: {\n category: 'ifx-search-field props',\n defaultValue: {\n summary: false\n }\n }\n },\n size: {\n description: 'Size options: s (36px) and m (40px) - default: m.',\n control: 'radio',\n options: ['s', 'm'],\n table: {\n category: 'ifx-search-field props',\n defaultValue: {\n summary: 'm'\n }\n }\n },\n placeholder: {\n description: 'Placeholder text displayed in the search field when it is empty.',\n control: 'text',\n table: {\n category: 'ifx-search-field props',\n defaultValue: {\n summary: 'Search...'\n }\n }\n },\n maxlength: {\n description: 'Specifies the maximum number of characters that can be entered into the search field.',\n control: 'number',\n table: {\n category: 'ifx-search-field props'\n }\n },\n value: {\n description: 'The value of the search field. It is used for the form submission.',\n control: 'text',\n table: {\n category: 'ifx-search-field props'\n }\n },\n autocomplete: {\n description: 'Sets the autocomplete attribute. \"on\" by default.',\n control: 'text',\n table: {\n category: 'ifx-search-field props'\n }\n },\n ifxInput: {\n action: 'ifxInput',\n description: 'A custom event triggered whenever there is input in the search field.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail:\n 'React: onIfxInput={handleInput}\\nVue:@ifxInput=\"handleInput\"\\nAngular:(ifxInput)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxInput\", (event) => {//handle input});',\n },\n },\n },\n showSuggestions: {\n description: 'Enables the suggestions dropdown with external suggestions.',\n control: 'boolean',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: false\n }\n }\n },\n enableHistory: {\n description: 'Enables search history functionality with localStorage persistence.',\n control: 'boolean',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: true\n }\n }\n },\n maxSuggestions: {\n description: 'Maximum number of suggestions to display in the dropdown.',\n control: 'number',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: 10\n }\n }\n },\n maxHistoryItems: {\n description: 'Maximum number of history items to store and display.',\n control: 'number',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: 5\n }\n }\n },\n historyKey: {\n description: 'LocalStorage key for persisting search history.',\n control: 'text',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: 'ifx-search-history'\n }\n }\n },\n historyHeaderText: {\n description: 'Header text displayed above history entries in the dropdown.',\n control: 'text',\n table: {\n category: 'Search Suggestions',\n defaultValue: {\n summary: 'Recent Searches'\n }\n }\n },\n ariaLabel: {\n description: 'ARIA label for the search field component.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Search field'\n }\n }\n },\n ariaLabelledBy: {\n description: 'ID of element that labels the search field.',\n control: 'text',\n table: {\n category: 'Accessibility'\n }\n },\n ariaDescribedBy: {\n description: 'ID of element that describes the search field.',\n control: 'text',\n table: {\n category: 'Accessibility'\n }\n },\n\n ariaControls: {\n description: 'Identifies the ID of the dropdown element that this input controls.',\n control: 'text',\n table: {\n category: 'Accessibility'\n }\n },\n\n ariaExpanded: {\n description: 'Indicates whether the dropdown is currently open (true) or closed (false).',\n control: 'text',\n table: {\n category: 'Accessibility'\n }\n },\n\n deleteIconAriaLabel: {\n description: 'ARIA label for the delete/clear icon.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Clear search'\n }\n }\n },\n historyDeleteAriaLabel: {\n description: 'ARIA label for history delete buttons.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Remove from history'\n }\n }\n },\n dropdownAriaLabel: {\n description: 'ARIA label for the suggestions dropdown.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Search suggestions and history'\n }\n }\n },\n suggestionAriaLabel: {\n description: 'ARIA label prefix for suggestion items.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Search suggestion'\n }\n }\n },\n historyItemAriaLabel: {\n description: 'ARIA label prefix for history items.',\n control: 'text',\n table: {\n category: 'Accessibility',\n defaultValue: {\n summary: 'Search history item'\n }\n }\n },\n ifxSuggestionRequested: {\n action: 'ifxSuggestionRequested',\n description: 'Event triggered when the component requests suggestions for a query.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxSuggestionRequested={handleSuggestionRequest}\\nVue: @ifxSuggestionRequested=\"handleSuggestionRequest\"\\nAngular: (ifxSuggestionRequested)=\"handleSuggestionRequest()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionRequested\", (event) => {//handle request});'\n }\n }\n },\n ifxSuggestionSelected: {\n action: 'ifxSuggestionSelected',\n description: 'Event triggered when a suggestion is selected from the dropdown.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxSuggestionSelected={handleSuggestionSelection}\\nVue: @ifxSuggestionSelected=\"handleSuggestionSelection\"\\nAngular: (ifxSuggestionSelected)=\"handleSuggestionSelection()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionSelected\", (event) => {//handle selection});'\n }\n }\n },\n ifxFocus: {\n action: 'ifxFocus',\n description: 'Event triggered when the search field receives focus.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxFocus={handleFocus}\\nVue: @ifxFocus=\"handleFocus\"\\nAngular: (ifxFocus)=\"handleFocus()\"\\nVanillaJs: .addEventListener(\"ifxFocus\", (event) => {//handle focus});'\n }\n }\n },\n ifxBlur: {\n action: 'ifxBlur',\n description: 'Event triggered when the search field loses focus.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxBlur={handleBlur}\\nVue: @ifxBlur=\"handleBlur\"\\nAngular: (ifxBlur)=\"handleBlur()\"\\nVanillaJs: .addEventListener(\"ifxBlur\", (event) => {//handle blur});'\n }\n }\n },\n },\n};\n\nconst DefaultTemplate = ({\n disabled,\n size,\n showDeleteIcon,\n placeholder,\n maxlength,\n value,\n autocomplete,\n showSuggestions,\n enableHistory,\n maxSuggestions,\n maxHistoryItems,\n historyKey,\n historyHeaderText,\n ariaLabel,\n ariaLabelledBy,\n ariaDescribedBy,\n ariaExpanded,\n ariaControls,\n deleteIconAriaLabel,\n historyDeleteAriaLabel,\n dropdownAriaLabel,\n suggestionAriaLabel,\n historyItemAriaLabel\n}) => {\n const element = document.createElement('ifx-search-field');\n element.setAttribute('size', size);\n element.setAttribute('disabled', disabled);\n element.setAttribute('show-delete-icon', showDeleteIcon);\n element.setAttribute('show-suggestions', showSuggestions);\n element.setAttribute('enable-history', enableHistory);\n element.setAttribute('max-suggestions', maxSuggestions);\n element.setAttribute('max-history-items', maxHistoryItems);\n element.setAttribute('history-key', historyKey);\n element.setAttribute('history-header-text', historyHeaderText);\n element.setAttribute('value', value);\n element.setAttribute('autocomplete', autocomplete);\n if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\n if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\n if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\n if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\n if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\n if (ariaExpanded != undefined) element.setAttribute('aria-expanded', ariaExpanded);\n if (ariaControls != undefined) element.setAttribute('aria-controls', ariaControls);\n if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\n if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\n if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\n if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\n if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\n\n // Set initial suggestions if showSuggestions is enabled\n setTimeout(() => {\n if (showSuggestions) {\n element.suggestions = genericMockSuggestions;\n }\n\n // Set up initial history if enabled - always reset for consistent demo\n if (enableHistory && typeof localStorage !== 'undefined') {\n resetHistoryForStorybook(historyKey);\n // History will be loaded automatically when the component initializes\n }\n }, 100);\n\n // Event listeners\n element.addEventListener('ifxInput', action('ifxInput'));\n element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\n element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\n element.addEventListener('ifxFocus', action('ifxFocus'));\n element.addEventListener('ifxBlur', action('ifxBlur'));\n\n // Handle suggestion requests for Default story\n element.addEventListener('ifxSuggestionRequested', (event) => {\n const query = event.detail;\n if (query && showSuggestions) {\n // Filter suggestions based on query\n const filteredSuggestions = genericMockSuggestions.filter(s =>\n s.text.toLowerCase().includes(query.toLowerCase())\n );\n element.suggestions = filteredSuggestions;\n }\n });\n\n return element;\n};\n\nexport const Default = DefaultTemplate.bind({});\n\n// Template for Dropdown Search Field with suggestions and history\nconst DropdownTemplate = ({\n disabled,\n size,\n showDeleteIcon,\n placeholder,\n maxlength,\n value,\n autocomplete,\n showSuggestions,\n enableHistory,\n maxSuggestions,\n maxHistoryItems,\n historyKey,\n historyHeaderText,\n ariaLabel,\n ariaLabelledBy,\n ariaDescribedBy,\n ariaExpanded,\n ariaControls,\n deleteIconAriaLabel,\n historyDeleteAriaLabel,\n dropdownAriaLabel,\n suggestionAriaLabel,\n historyItemAriaLabel\n}) => {\n const element = document.createElement('ifx-search-field');\n element.setAttribute('size', size);\n element.setAttribute('disabled', disabled);\n element.setAttribute('show-delete-icon', showDeleteIcon);\n element.setAttribute('show-suggestions', showSuggestions);\n element.setAttribute('enable-history', enableHistory);\n element.setAttribute('max-suggestions', maxSuggestions);\n element.setAttribute('max-history-items', maxHistoryItems);\n element.setAttribute('history-key', historyKey);\n element.setAttribute('history-header-text', historyHeaderText);\n element.setAttribute('value', value);\n element.setAttribute('autocomplete', autocomplete);\n if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\n if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\n if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\n if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\n if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\n if (ariaControls != undefined) element.setAttribute('aria-controls', ariaControls);\n if (ariaExpanded != undefined) element.setAttribute('aria-expanded', ariaExpanded);\n if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\n if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\n if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\n if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\n if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\n\n // Initialize with mock data\n setTimeout(() => {\n // Set suggestions - use the same generic mockup as Default story\n element.suggestions = genericMockSuggestions;\n\n // Set up initial history if enabled - always reset for consistent demo\n if (enableHistory && typeof localStorage !== 'undefined') {\n resetHistoryForStorybook(historyKey);\n // History will be loaded automatically when the component initializes\n }\n }, 100);\n\n // Event listeners\n element.addEventListener('ifxInput', action('ifxInput'));\n element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\n element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\n element.addEventListener('ifxFocus', action('ifxFocus'));\n element.addEventListener('ifxBlur', action('ifxBlur'));\n\n // Handle suggestion requests\n element.addEventListener('ifxSuggestionRequested', (event) => {\n const query = event.detail;\n if (query) {\n // Filter suggestions based on query - use the same generic mockup\n const filteredSuggestions = genericMockSuggestions.filter(s =>\n s.text.toLowerCase().includes(query.toLowerCase())\n );\n element.suggestions = filteredSuggestions;\n }\n });\n\n return element;\n};\n\nexport const SearchSuggestions = DropdownTemplate.bind({});\nSearchSuggestions.args = {\n showDeleteIcon: true,\n disabled: false,\n size: 'm',\n value: '',\n placeholder: 'Search with suggestions...',\n autocomplete: 'off',\n showSuggestions: true,\n enableHistory: true,\n maxSuggestions: 10,\n maxHistoryItems: 5,\n historyKey: 'storybook-search-history',\n historyHeaderText: 'Recent Searches',\n ariaLabel: 'Search field',\n deleteIconAriaLabel: 'Clear search',\n historyDeleteAriaLabel: 'Remove from history',\n dropdownAriaLabel: 'Search suggestions and history',\n suggestionAriaLabel: 'Search suggestion',\n historyItemAriaLabel: 'Search history item'\n};\n"]}

package/dist/collection/components/segmented-control/segment/segment.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: 'f1c3d94b360aa39d61b021f9fcd8aa3e3533a3bf', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'a421ad55148b0d098f65fa002610a929cd544e5b', icon: this.icon }), " ", h("slot", { key: '3a700e57d8c7681162e1c067590c99c9ffb5a7a0' })));
+        return (h("div", { key: '7e3de00d0927c957e99a81faf334f096a1f3b4fc', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '6d6d9d9d02bebbe45aa32250fe73ee4deac9876a', icon: this.icon }), " ", h("slot", { key: '2c860e35d492f81d846356e60bdcf04919cc6bc7' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-control/segment/segment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segment.js","sourceRoot":"","sources":["../../../../src/components/segmented-control/segment/segment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAQxE,MAAM,OAAO,OAAO;IANpB;QAW6B,aAAQ,GAAY,KAAK,CAAC;KA2BtD;IAxBG,kBAAkB;QACd,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;IAED,oBAAoB,CAAC,KAAoB;QACrC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnD,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,GAAE,IAAI,CAAC,kBAAkB,EAAE,CAAA,CAAA,CAAC,EAC1C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC;YAChD,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa;;YAAC,8DAAQ,CAC7C,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { h, Component, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\n@Component ({\r\n tag: 'ifx-segment',\r\n styleUrl: 'segment.scss',\r\n shadow: true\r\n})\r\n\r\nexport class Segment {\r\n @Event({ composed: false }) segmentSelect: EventEmitter<number>;\r\n\r\n @Prop() icon: string;\r\n @Prop() segmentIndex: number;\r\n @Prop({ mutable: true }) selected: boolean = false;\r\n @Prop() value!: string;\r\n\r\n handleSegmentClick() {\r\n if (this.selected) return;\r\n this.selected = true;\r\n this.segmentSelect.emit(this.segmentIndex);\r\n }\r\n \r\n handleSegmentKeyDown(event: KeyboardEvent) {\r\n if (event.code === 'Enter' \|\| event.code === 'Space') {\r\n if (this.selected) return;\r\n this.selected = true;\r\n this.segmentSelect.emit(this.segmentIndex);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`segment ${this.selected ? 'segment--selected' : ''}`} \r\n tabIndex={0}\r\n onClick={() => {this.handleSegmentClick()}}\r\n onKeyDown={(e) => {this.handleSegmentKeyDown(e)}}>\r\n <ifx-icon icon={this.icon}></ifx-icon> <slot />\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"segment.js","sourceRoot":"","sources":["../../../../src/components/segmented-control/segment/segment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAQxE,MAAM,OAAO,OAAO;IANpB;QAW6B,aAAQ,GAAY,KAAK,CAAC;KA2BtD;IAxBG,kBAAkB;QACd,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;IAED,oBAAoB,CAAC,KAAoB;QACrC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnD,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,GAAE,IAAI,CAAC,kBAAkB,EAAE,CAAA,CAAA,CAAC,EAC1C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC;YAChD,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa;;YAAC,8DAAQ,CAC7C,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { h, Component, Event, EventEmitter, Prop } from \"@stencil/core\";\n\n@Component ({\n tag: 'ifx-segment',\n styleUrl: 'segment.scss',\n shadow: true\n})\n\nexport class Segment {\n @Event({ composed: false }) segmentSelect: EventEmitter<number>;\n\n @Prop() icon: string;\n @Prop() segmentIndex: number;\n @Prop({ mutable: true }) selected: boolean = false;\n @Prop() value!: string;\n\n handleSegmentClick() {\n if (this.selected) return;\n this.selected = true;\n this.segmentSelect.emit(this.segmentIndex);\n }\n \n handleSegmentKeyDown(event: KeyboardEvent) {\n if (event.code === 'Enter' \|\| event.code === 'Space') {\n if (this.selected) return;\n this.selected = true;\n this.segmentSelect.emit(this.segmentIndex);\n }\n }\n\n render() {\n return (\n <div class={`segment ${this.selected ? 'segment--selected' : ''}`} \n tabIndex={0}\n onClick={() => {this.handleSegmentClick()}}\n onKeyDown={(e) => {this.handleSegmentKeyDown(e)}}>\n <ifx-icon icon={this.icon}></ifx-icon> <slot />\n </div>\n );\n }\n}"]}

package/dist/collection/components/segmented-control/segmented-control.js CHANGED Viewed

@@ -67,8 +67,8 @@ export class SegmentedControl {
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: '706d281e237d35c615ef19fc5843bcc1d0f69cd5', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: "group" }, h("div", { key: '1ba15cc20ec7dbe8fd38c7078a6a25f4f6074c7b', class: 'group__label' }, this.label.trim(), this.required && this.label.trim().toLowerCase() !== "" && h("span", { key: '1edd2c6760432e9d1e6cea3494e15f0ce61aa833', class: `required ${this.error ? 'error' : ''}` }, "*")), h("div", { key: 'cbcc9f0ec911a27a0adb273cff1c9732ac24b7c3', class: 'group__controls' }, h("slot", { key: '1d9949d1a9381f688238599f8f084039d22842b3' })), this.caption.trim() &&
-            h("div", { key: '04a9a16afbb6217391a891e4f003f23a454e68b6', class: `group__caption ${this.error ? 'error' : ''}` }, h("ifx-icon", { key: '9bda23de0c260440d1cfc9d3808b451cc6221253', icon: 'c-info-16' }), " ", this.caption.trim())));
+        return (h("div", { key: '74bfd584af640b44d4fdeaa674e0df4003d58383', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: "group" }, h("div", { key: '233e32decc7484857fe34397d10191fa60f101ff', class: 'group__label' }, this.label.trim(), this.required && this.label.trim().toLowerCase() !== "" && h("span", { key: '59e000fd4bf388832d2dc31f2487f90a555aedf7', class: `required ${this.error ? 'error' : ''}` }, "*")), h("div", { key: '4368841e6a763be4407ada54434297b699e8d2b8', class: 'group__controls' }, h("slot", { key: 'f4d60a5f83969042e4198aa67687628b25dbf68b' })), this.caption.trim() &&
+            h("div", { key: '4c46eec275fea48fd95df56519739fd2ba97b807', class: `group__caption ${this.error ? 'error' : ''}` }, h("ifx-icon", { key: '656b6becac2b36bb32bf7ba8b4b247fe69e1a212', icon: 'c-info-16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/collection/components/segmented-control/segmented-control.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\r\nimport { trackComponent } from '../../global/utils/tracking'; \r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component ({\r\n tag: 'ifx-segmented-control',\r\n styleUrl: 'segmented-control.scss',\r\n shadow: true\r\n})\r\n\r\nexport class SegmentedControl {\r\n @Element() SegmentedControl: HTMLIfxSegmentedControlElement;\r\n\r\n @Event() ifxChange: EventEmitter<{ previousValue: string, selectedValue: string }>;\r\n\r\n @Prop() caption: string = '';\r\n @Prop() label: string = '';\r\n @Prop() size: 'regular' \| 'small' = 'regular';\r\n @Prop() required: boolean = false;\r\n @Prop() error: boolean = false;\r\n\r\n\r\n @Listen('segmentSelect')\r\n onSegmentSelect(event: CustomEvent) {\r\n const { previousValue, selectedValue } = this.unselectPreviousSegment(event.detail);\r\n this.selectedValue = selectedValue;\r\n this.ifxChange.emit({ previousValue, selectedValue });\r\n }\r\n\r\n private selectedValue: string = '';\r\n\r\n unselectPreviousSegment(newSelectedIndex: number): { previousValue: string, selectedValue: string } {\r\n let previousValue: string;\r\n let selectedValue: string;\r\n\r\n const segments: NodeList = this.getSegments();\r\n segments.forEach((control: HTMLIfxSegmentElement) => {\r\n if (control.selected) {\r\n if (control.segmentIndex !== newSelectedIndex) {\r\n control.selected = false;\r\n previousValue = control.value;\r\n } else {\r\n selectedValue = control.value;\r\n }\r\n }\r\n })\r\n\r\n return { previousValue, selectedValue };\r\n }\r\n\r\n getSegments(): NodeList {\r\n return this.SegmentedControl.querySelectorAll('ifx-segment');\r\n }\r\n\r\n setActiveSegment(): void {\r\n const segments: NodeList = this.getSegments();\r\n let activeSegmentedControlFound = false;\r\n segments.forEach((control: HTMLIfxSegmentElement, idx: number) => {\r\n control.segmentIndex = idx;\r\n if (activeSegmentedControlFound) {\r\n if (control.selected) control.selected = false;\r\n } else {\r\n if (control.selected) {\r\n activeSegmentedControlFound = true;\r\n this.selectedValue = control.value;\r\n }\r\n }\r\n });\r\n }\r\n\r\n setSegmentSize(): void {\r\n const segments: NodeList = this.getSegments();\r\n segments.forEach((control: HTMLIfxSegmentElement) => {\r\n control.shadowRoot.querySelector('.segment').classList.add(`segment--${this.size}`);\r\n });\r\n }\r\n\r\n async componentDidLoad() {\r\n if(!isNestedInIfxComponent(this.SegmentedControl)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-segmented-control', await framework)\r\n }\r\n this.setActiveSegment();\r\n }\r\n\r\n render() {\r\n return (\r\n <div aria-value={this.selectedValue} aria-label='segmented control' class=\"group\">\r\n <div class='group__label'>\r\n { this.label.trim() }\r\n { this.required && this.label.trim().toLowerCase() !== \"\" && <span class={`required ${this.error ? 'error' : ''}`}>*</span> }\r\n </div>\r\n \r\n <div class='group__controls'>\r\n <slot />\r\n </div>\r\n \r\n {\r\n this.caption.trim() &&\r\n <div class={`group__caption ${this.error ? 'error' : ''}`}>\r\n <ifx-icon icon='c-info-16'></ifx-icon> { this.caption.trim() }\r\n </div>\r\n }\r\n </div>\r\n );\r\n }\r\n\r\n componentDidRender() {\r\n this.setSegmentSize();\r\n }\r\n}"]}
1	+ {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component ({\n tag: 'ifx-segmented-control',\n styleUrl: 'segmented-control.scss',\n shadow: true\n})\n\nexport class SegmentedControl {\n @Element() SegmentedControl: HTMLIfxSegmentedControlElement;\n\n @Event() ifxChange: EventEmitter<{ previousValue: string, selectedValue: string }>;\n\n @Prop() caption: string = '';\n @Prop() label: string = '';\n @Prop() size: 'regular' \| 'small' = 'regular';\n @Prop() required: boolean = false;\n @Prop() error: boolean = false;\n\n\n @Listen('segmentSelect')\n onSegmentSelect(event: CustomEvent) {\n const { previousValue, selectedValue } = this.unselectPreviousSegment(event.detail);\n this.selectedValue = selectedValue;\n this.ifxChange.emit({ previousValue, selectedValue });\n }\n\n private selectedValue: string = '';\n\n unselectPreviousSegment(newSelectedIndex: number): { previousValue: string, selectedValue: string } {\n let previousValue: string;\n let selectedValue: string;\n\n const segments: NodeList = this.getSegments();\n segments.forEach((control: HTMLIfxSegmentElement) => {\n if (control.selected) {\n if (control.segmentIndex !== newSelectedIndex) {\n control.selected = false;\n previousValue = control.value;\n } else {\n selectedValue = control.value;\n }\n }\n })\n\n return { previousValue, selectedValue };\n }\n\n getSegments(): NodeList {\n return this.SegmentedControl.querySelectorAll('ifx-segment');\n }\n\n setActiveSegment(): void {\n const segments: NodeList = this.getSegments();\n let activeSegmentedControlFound = false;\n segments.forEach((control: HTMLIfxSegmentElement, idx: number) => {\n control.segmentIndex = idx;\n if (activeSegmentedControlFound) {\n if (control.selected) control.selected = false;\n } else {\n if (control.selected) {\n activeSegmentedControlFound = true;\n this.selectedValue = control.value;\n }\n }\n });\n }\n\n setSegmentSize(): void {\n const segments: NodeList = this.getSegments();\n segments.forEach((control: HTMLIfxSegmentElement) => {\n control.shadowRoot.querySelector('.segment').classList.add(`segment--${this.size}`);\n });\n }\n\n async componentDidLoad() {\n if(!isNestedInIfxComponent(this.SegmentedControl)) { \n const framework = detectFramework();\n trackComponent('ifx-segmented-control', await framework)\n }\n this.setActiveSegment();\n }\n\n render() {\n return (\n <div aria-value={this.selectedValue} aria-label='segmented control' class=\"group\">\n <div class='group__label'>\n { this.label.trim() }\n { this.required && this.label.trim().toLowerCase() !== \"\" && <span class={`required ${this.error ? 'error' : ''}`}>*</span> }\n </div>\n \n <div class='group__controls'>\n <slot />\n </div>\n \n {\n this.caption.trim() &&\n <div class={`group__caption ${this.error ? 'error' : ''}`}>\n <ifx-icon icon='c-info-16'></ifx-icon> { this.caption.trim() }\n </div>\n }\n </div>\n );\n }\n\n componentDidRender() {\n this.setSegmentSize();\n }\n}"]}

package/dist/collection/components/segmented-control/segmented-control.stories.js CHANGED Viewed

@@ -70,7 +70,7 @@ export default {
             }
         },
         selected: {
-            description: `Selects the segment when set true.\n
+            description: `Selects the segment when set true.\n
 See the 2nd *<ifx-segment>* for effects`,
             control: 'boolean',
             table: {
@@ -119,10 +119,10 @@ See the 2nd *<ifx-segment>* for effects`,
                 category: 'custom events',
                 type: {
                     summary: 'Framework integration',
-                    detail: `
-React: onIfxChange={handleChange}
-Vue: @ifxChange="handleChange"
-Angular: (ifxChange)="handleChange()"
+                    detail: `
+React: onIfxChange={handleChange}
+Vue: @ifxChange="handleChange"
+Angular: (ifxChange)="handleChange()"
 VanillaJs: .addEventListener("ifxChange", (event) => {/*handle change*/});`,
                 }
             }
@@ -131,13 +131,13 @@ VanillaJs: .addEventListener("ifxChange", (event) => {/*handle change*/});`,
 };
 const Template = (args) => {
     const wrapper = document.createElement('div');
-    wrapper.innerHTML = `
-<ifx-segmented-control
-caption = '${args.caption}'
-label = '${args.label}'
-size = '${args.size}'
-error = '${args.error}'
-required = '${args.required}'>
+    wrapper.innerHTML = `
+<ifx-segmented-control
+caption = '${args.caption}'
+label = '${args.label}'
+size = '${args.size}'
+error = '${args.error}'
+required = '${args.required}'>
     ${(() => {
         return Array.from({ length: args.amountOfSegments }, (_, segmentId) => {
             const segment = document.createElement('ifx-segment');
@@ -148,8 +148,8 @@ required = '${args.required}'>
                 segment.setAttribute('selected', 'true');
             return segment.outerHTML;
         }).join(`\n    `);
-    })()}
-</ifx-segmented-control>
+    })()}
+</ifx-segmented-control>
 `;
     const segmentedControl = wrapper.querySelector('ifx-segmented-control');
     segmentedControl.addEventListener('ifxChange', action('ifxChange'));