npm - @descope/web-components-ui - Versions diffs - 1.77.0 → 1.79.0 - Mend

@descope/web-components-ui 1.77.0 → 1.79.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 (92) hide show

package/dist/umd/7092.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"7092.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-combo-box/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-combo-box/src/component/ComboBoxClass.js"],"sourcesContent":["import '@vaadin/combo-box';\nimport { componentName, ComboBoxClass } from './ComboBoxClass';\n\ncustomElements.define(componentName, ComboBoxClass);\n\nexport { ComboBoxClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeAttributes,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n resetInputPlaceholder,\n resetInputReadonlyStyle,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '@descope-ui/common/theme-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n portalMixin,\n proxyInputMixin,\n} from '@descope-ui/common/components-mixins';\n\nexport const componentName = getComponentName('combo-box');\n\nconst ComboBoxMixin = (superclass) =>\n class ComboBoxMixinClass extends superclass {\n static get observedAttributes() {\n return ['label-type'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n #renderItem = ({ displayName, value, label }) => {\n return `<span data-name=\"${label}\" data-id=\"${value}\">${\n displayName \|\| label\n }</span>`;\n };\n\n #data;\n\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n get renderItem() {\n return this.#renderItem;\n }\n\n set renderItem(renderFn) {\n this.#renderItem = renderFn;\n this.renderItems();\n }\n\n set renderer(fn) {\n // fn takes (root, comboBox, model) as arguments\n this.baseElement.renderer = fn;\n }\n\n get loading() {\n return this.getAttribute('loading') === 'true';\n }\n\n set loading(val) {\n if (val) {\n this.setAttribute('loading', 'true');\n } else {\n this.removeAttribute('loading');\n }\n }\n\n get data() {\n if (this.#data) return this.#data;\n\n const dataAttr = this.getAttribute('data');\n\n if (dataAttr) {\n try {\n const data = JSON.parse(dataAttr);\n if (this.isValidDataType(data)) {\n return data;\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(\n 'could not parse data string from attribute \"data\" -',\n e.message,\n );\n }\n }\n\n return [];\n }\n\n set data(data) {\n if (this.isValidDataType(data)) {\n this.#data = data;\n this.renderItems();\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n isValidDataType(data) {\n const isValid = Array.isArray(data);\n if (!isValid) {\n // eslint-disable-next-line no-console\n console.error('data must be an array, received:', data);\n }\n\n return isValid;\n }\n\n getItemsTemplate() {\n return this.data?.reduce?.(\n (acc, item) => acc + (this.renderItem?.(item \|\| {}) \|\| ''),\n '',\n );\n }\n\n renderItems() {\n if (this.#data \|\| this.getAttribute('data')) {\n const template = this.getItemsTemplate();\n this.innerHTML = template;\n }\n }\n\n get hasDynamicData() {\n return this.getAttribute('has-dynamic-data') === 'true';\n }\n\n get shouldSelectItemOnItemsChange() {\n return !this.hasDynamicData \|\| this.allowCustomValue;\n }\n\n handleSelectedItem() {\n const { selectedItem } = this.baseElement;\n const currentSelected = selectedItem?.['data-id'];\n\n // If the selected item is still a child, there's no need to update the value\n if (selectedItem && Array.from(this.children).includes(selectedItem)) {\n return;\n }\n\n // if previously selected item ID exists in current children, set it as selected\n if (currentSelected && this.shouldSelectItemOnItemsChange) {\n this.value = currentSelected;\n }\n\n // otherwise, if default value is specified, set default value as selected item\n if (!this.value) {\n this.setDefaultValue();\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n customValueTransformFn(val) {\n return val;\n }\n\n // We want to override Vaadin's Combo Box value setter. This is needed since Vaadin couples between the\n // field that it searches the value, and the finaly display value of the input.\n // We provide a custom transform function to override that behavior.\n setComboBoxDescriptor() {\n const valueDescriptor = Object.getOwnPropertyDescriptor(\n this.inputElement.constructor.prototype,\n 'value',\n );\n\n const comboBox = this;\n\n Object.defineProperties(this.inputElement, {\n value: {\n ...valueDescriptor,\n set(val) {\n if (\n !comboBox.baseElement.items?.length &&\n !comboBox.allowCustomValue\n ) {\n return;\n }\n\n const transformedValue = comboBox.customValueTransformFn(val) \|\| '';\n\n if (transformedValue === this.value) {\n return;\n }\n\n valueDescriptor.set.call(this, transformedValue);\n },\n },\n });\n }\n\n // vaadin api is to set props on their combo box node,\n // in order to avoid it, we are passing the children of this component\n // to the items & renderer props, so it will be used as the combo box items\n #onChildrenChange() {\n const items = Array.from(this.children);\n\n // we want the data-name attribute to be accessible as an object attribute\n items.forEach((node) => {\n Object.defineProperty(node, 'data-name', {\n value: node.getAttribute('data-name'),\n configurable: true,\n writable: true,\n });\n Object.defineProperty(node, 'data-id', {\n value: node.getAttribute('data-id'),\n configurable: true,\n writable: true,\n });\n });\n\n this.baseElement.items = items;\n setTimeout(() => {\n // set timeout to ensure this runs after customValueTransformFn had the chance to be overriden\n this.handleSelectedItem();\n }, 0);\n }\n\n // the default vaadin behavior is to attach the overlay to the body when opened\n // we do not want that because it's difficult to style the overlay in this way\n // so we override it to open inside the shadow DOM\n #overrideOverlaySettings() {\n const overlay = this.baseElement.shadowRoot.querySelector(\n 'vaadin-combo-box-overlay',\n );\n overlay._attachOverlay = () => {\n overlay.bringToFront();\n };\n overlay._detachOverlay = () => {};\n overlay._enterModalState = () => {};\n }\n\n #overrideRenderer() {\n // use vaadin combobox custom renderer to render options as HTML\n // and not via default renderer, which renders only the data-name's value\n // in its own HTML template\n this.baseElement.renderer = (root, combo, model) => {\n // eslint-disable-next-line no-param-reassign\n root.innerHTML = model.item.outerHTML;\n };\n }\n\n #disableDataProviderFilterEventIfNeeded() {\n if (this.hasDynamicData) {\n // For the autocomplete field, we don't want to trigger the data provider filter changed event\n // because it changes the loading state on every keystroke, making the overlay open and close\n // on every keystroke, causing a flickering effect in the loading state.\n this.baseElement._dataProviderFilterChanged = () => {};\n }\n }\n\n init() {\n super.init?.();\n\n // eslint-disable-next-line func-names\n this.getValidity = function () {\n if (!this.value && this.isRequired) {\n return {\n valueMissing: true,\n };\n }\n return {};\n };\n\n this.setComboBoxDescriptor();\n this.#overrideOverlaySettings();\n this.#overrideRenderer();\n this.#disableDataProviderFilterEventIfNeeded();\n\n // Set up observers - order matters here since renderItems can clear innerHTML\n observeAttributes(this, this.renderItems.bind(this), {\n includeAttrs: ['data'],\n });\n observeChildren(this, this.#onChildrenChange.bind(this));\n\n this.setDefaultValue();\n\n // Using \"value-changed\" event instead of \"selected-item-changed\" event to avoid\n // the issue of the value not being updated in the input field when the user enter a custom value\n this.baseElement.addEventListener('value-changed', () => {\n this.dispatchEvent(\n new Event('input', { bubbles: true, composed: true }),\n );\n });\n\n this.baseElement.addEventListener('filter-changed', (e) => {\n this.dispatchEvent(\n new CustomEvent('filter-changed', {\n bubbles: true,\n composed: true,\n detail: e.detail,\n }),\n );\n });\n }\n\n onLabelClick() {\n if (this.isReadOnly \|\| this.isDisabled) {\n return;\n }\n this.focus();\n if (!this.autoOpenDisabled) {\n this.setAttribute('opened', 'true');\n }\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue !== newValue) {\n if (attrName === 'label-type') {\n if (newValue === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n }\n }\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n this.value = this.defaultValue;\n }\n }\n\n #getChildToSelect(val) {\n return this.baseElement.items?.find((item) => item['data-id'] === val);\n }\n\n #preventSelectedItemChangeEventIfNeeded(val, selectedChild) {\n // If the actual value didn't change, but the selected item did (the element changed),\n // we want to stop the event propagation since it's not a real change\n const shouldPreventItemChangeEvent =\n val === this.value && selectedChild !== this.baseElement.selectedItem;\n if (shouldPreventItemChangeEvent) {\n this.baseElement.addEventListener(\n 'selected-item-changed',\n (e) => {\n e.stopImmediatePropagation();\n },\n { once: true, capture: true },\n );\n }\n }\n\n set value(val) {\n const selectedChild = this.#getChildToSelect(val);\n this.#preventSelectedItemChangeEventIfNeeded(val, selectedChild);\n if (val && selectedChild) {\n this.baseElement.selectedItem = selectedChild;\n } else if (!selectedChild && this.allowCustomValue) {\n this.baseElement.value = val;\n } else {\n this.baseElement.selectedItem = undefined;\n }\n }\n\n get value() {\n return this.baseElement.selectedItem?.['data-id'] \|\| this.allowCustomValue\n ? this.baseElement.__data.value \|\| ''\n : '';\n }\n\n get allowCustomValue() {\n return this.getAttribute('allow-custom-value') === 'true';\n }\n\n get autoOpenDisabled() {\n return this.getAttribute('auto-open-disabled') === 'true';\n }\n };\n\nconst {\n host,\n inputField,\n inputElement,\n placeholder,\n toggle,\n clearButton,\n label,\n requiredIndicator,\n helperText,\n errorMessage,\n loader,\n overlayContent,\n} = {\n host: { selector: () => ':host' },\n inputField: { selector: '::part(input-field)' },\n inputElement: { selector: 'input' },\n placeholder: { selector: '> input:placeholder-shown' },\n toggle: { selector: '::part(toggle-button)' },\n clearButton: { selector: '::part(clear-button)' },\n label: { selector: '::part(label)' },\n requiredIndicator: {\n selector: '[required]::part(required-indicator)::after',\n },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n loader: { selector: 'vaadin-combo-box-overlay::part(loader)' },\n overlayContent: { selector: 'vaadin-combo-box-overlay::part(content)' },\n};\n\nexport const ComboBoxClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n // we apply font-size also on the host so we can set its width with em\n fontSize: [{}, host],\n fontFamily: [label, placeholder, inputField, helperText, errorMessage],\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...requiredIndicator, property: 'color' },\n ],\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: {\n ...errorMessage,\n property: 'padding-inline-start',\n },\n errorMessageIconRepeat: {\n ...errorMessage,\n property: 'background-repeat',\n },\n errorMessageIconPosition: {\n ...errorMessage,\n property: 'background-position',\n },\n inputHeight: { ...inputField, property: 'height' },\n inputBackgroundColor: { ...inputField, property: 'background-color' },\n inputBorderColor: { ...inputField, property: 'border-color' },\n inputBorderWidth: { ...inputField, property: 'border-width' },\n inputBorderStyle: { ...inputField, property: 'border-style' },\n inputBorderRadius: { ...inputField, property: 'border-radius' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n inputValueTextColor: { ...inputField, property: 'color' },\n inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n inputDropdownButtonCursor: [\n { ...toggle, property: 'cursor' },\n { ...clearButton, property: 'cursor' },\n ],\n inputDropdownButtonColor: [\n { ...toggle, property: 'color' },\n { ...clearButton, property: 'color' },\n ],\n inputDropdownButtonSize: [\n { ...toggle, property: 'font-size' },\n { ...clearButton, property: 'font-size' },\n ],\n inputDropdownButtonOffset: [\n { ...toggle, property: 'margin-right' },\n { ...toggle, property: 'margin-left' },\n ],\n inputOutlineColor: { ...inputField, property: 'outline-color' },\n inputOutlineWidth: { ...inputField, property: 'outline-width' },\n inputOutlineStyle: { ...inputField, property: 'outline-style' },\n inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n inputHorizontalPadding: [\n { ...inputElement, property: 'padding-left' },\n { ...inputElement, property: 'padding-right' },\n ],\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n placeholderOpacity: { ...placeholder, property: 'opacity' },\n inputVerticalAlignment: { ...inputField, property: 'align-items' },\n valueInputHeight: { ...inputElement, property: 'height' },\n valueInputMarginBottom: { ...inputElement, property: 'margin-bottom' },\n\n // we need to use the variables from the portal mixin\n // so we need to use an arrow function on the selector\n // for that to work, because ComboBox is not available\n // at this time.\n overlayBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.backgroundColor,\n },\n overlayTextColor: {\n property: () => ComboBoxClass.cssVarList.overlay.textColor,\n },\n overlayBorder: {\n property: () => ComboBoxClass.cssVarList.overlay.border,\n },\n overlayFontSize: {\n property: () => ComboBoxClass.cssVarList.overlay.fontSize,\n },\n overlayFontFamily: {\n property: () => ComboBoxClass.cssVarList.overlay.fontFamily,\n },\n overlayCursor: {\n property: () => ComboBoxClass.cssVarList.overlay.cursor,\n },\n overlayItemBoxShadow: {\n property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow,\n },\n overlayItemPaddingInlineStart: {\n property: () => ComboBoxClass.cssVarList.overlay.itemPaddingInlineStart,\n },\n overlayItemPaddingInlineEnd: {\n property: () => ComboBoxClass.cssVarList.overlay.itemPaddingInlineEnd,\n },\n overlayCheckmarkDisplay: {\n property: () => ComboBoxClass.cssVarList.overlay.checkmarkDisplay,\n },\n overlaySelectedItemBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.selectedItemBackground,\n },\n overlaySelectedItemHoverBackground: {\n property: () =>\n ComboBoxClass.cssVarList.overlay.selectedItemHoverBackground,\n },\n overlaySelectedItemFocusBackground: {\n property: () =>\n ComboBoxClass.cssVarList.overlay.selectedItemFocusBackground,\n },\n overlayItemHoverBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.itemHoverBackground,\n },\n overlayItemFocusBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.itemFocusBackground,\n },\n },\n }),\n draggableMixin,\n portalMixin({\n name: 'overlay',\n selector: '',\n mappings: {\n backgroundColor: [\n { selector: 'vaadin-combo-box-scroller' },\n { selector: 'vaadin-combo-box-overlay::part(overlay)' },\n ],\n minHeight: { selector: 'vaadin-combo-box-overlay' },\n margin: { selector: 'vaadin-combo-box-overlay' },\n cursor: { selector: 'vaadin-combo-box-item' },\n fontFamily: { selector: 'vaadin-combo-box-item' },\n textColor: { selector: 'vaadin-combo-box-item', property: 'color' },\n fontSize: { selector: 'vaadin-combo-box-item' },\n itemBoxShadow: {\n selector: 'vaadin-combo-box-item',\n property: 'box-shadow',\n },\n itemPaddingInlineStart: {\n selector: 'vaadin-combo-box-item',\n property: 'padding-inline-start',\n },\n itemPaddingInlineEnd: {\n selector: 'vaadin-combo-box-item',\n property: 'padding-inline-end',\n },\n checkmarkDisplay: {\n selector: 'vaadin-combo-box-item::part(checkmark)',\n property: 'display',\n },\n selectedItemBackground: {\n selector: 'vaadin-combo-box-item[selected]',\n property: 'background-color',\n },\n selectedItemHoverBackground: {\n selector: 'vaadin-combo-box-item[selected]:hover:not([disabled])',\n property: 'background-color',\n },\n selectedItemFocusBackground: {\n selector: 'vaadin-combo-box-item[selected][focused]:not([disabled])',\n property: 'background-color',\n },\n itemHoverBackground: {\n selector: 'vaadin-combo-box-item:hover:not([selected]):not([disabled])',\n property: 'background-color',\n },\n itemFocusBackground: {\n selector:\n 'vaadin-combo-box-item[focused]:not([selected]):not([disabled])',\n property: 'background-color',\n },\n\n loaderTop: { ...loader, property: 'top' },\n loaderLeft: { ...loader, property: 'left' },\n loaderRight: { ...loader, property: 'right' },\n loaderMargin: { ...loader, property: 'margin' },\n loaderWidth: { ...loader, property: 'width' },\n loaderHeight: { ...loader, property: 'height' },\n loaderBorder: { ...loader, property: 'border' },\n loaderBorderColor: { ...loader, property: 'border-color' },\n loaderBorderRadius: { ...loader, property: 'border-radius' },\n contentHeight: { ...overlayContent, property: 'height' },\n contentOpacity: { ...overlayContent, property: 'opacity' },\n scrollerMinHeight: {\n selector: 'vaadin-combo-box-scroller',\n property: 'min-height',\n },\n },\n forward: {\n include: false,\n attributes: ['size'],\n },\n }),\n proxyInputMixin({\n proxyProps: ['selectionStart'],\n inputEvent: 'value-changed',\n }),\n componentNameValidationMixin,\n ComboBoxMixin,\n)(\n createProxy({\n slots: ['', 'prefix'],\n wrappedEleName: 'vaadin-combo-box',\n style: () => `\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${useHostExternalPadding(ComboBoxClass.cssVarList)}\n\t\t${resetInputReadonlyStyle('vaadin-combo-box')}\n\t\t${resetInputPlaceholder('vaadin-combo-box')}\n\t\t${resetInputCursor('vaadin-combo-box')}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot=\"input\"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button=\"true\"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n ${resetInputLabelPosition('vaadin-combo-box')}\n ${inputFloatingLabelStyle()}\n\t\t`,\n // Note: we exclude `size` to avoid overriding Vaadin's ComboBox property\n // with the same name. Including it will cause Vaadin to calculate NaN size,\n // and reset items to an empty array, and opening the list box with no items\n // to display.\n excludeAttrsSync: ['tabindex', 'size', 'data', 'loading'],\n componentName,\n includeForwardProps: ['items', 'renderer', 'selectedItem'],\n }),\n);\n"],"names":["customElements","define","C","componentName","host","inputField","inputElement","placeholder","toggle","clearButton","label","requiredIndicator","helperText","errorMessage","loader","overlayContent","selector","ComboBoxClass","mappings","hostWidth","property","hostDirection","fontSize","fontFamily","labelFontSize","labelFontWeight","labelTextColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","inputHeight","inputBackgroundColor","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","labelRequiredIndicator","inputValueTextColor","inputPlaceholderTextColor","inputDropdownButtonCursor","inputDropdownButtonColor","inputDropdownButtonSize","inputDropdownButtonOffset","inputOutlineColor","inputOutlineWidth","inputOutlineStyle","inputOutlineOffset","inputHorizontalPadding","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","overlayBackground","cssVarList","overlay","backgroundColor","overlayTextColor","textColor","overlayBorder","border","overlayFontSize","overlayFontFamily","overlayCursor","cursor","overlayItemBoxShadow","itemBoxShadow","overlayItemPaddingInlineStart","itemPaddingInlineStart","overlayItemPaddingInlineEnd","itemPaddingInlineEnd","overlayCheckmarkDisplay","checkmarkDisplay","overlaySelectedItemBackground","selectedItemBackground","overlaySelectedItemHoverBackground","selectedItemHoverBackground","overlaySelectedItemFocusBackground","selectedItemFocusBackground","overlayItemHoverBackground","itemHoverBackground","overlayItemFocusBackground","itemFocusBackground","name","minHeight","margin","loaderTop","loaderLeft","loaderRight","loaderMargin","loaderWidth","loaderHeight","loaderBorder","loaderBorderColor","loaderBorderRadius","contentHeight","contentOpacity","scrollerMinHeight","forward","include","attributes","proxyProps","inputEvent","superclass","observedAttributes","displayName","value","defaultValue","this","getAttribute","renderItem","renderFn","renderItems","renderer","fn","baseElement","loading","val","setAttribute","removeAttribute","data","dataAttr","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","innerHTML","hasDynamicData","shouldSelectItemOnItemsChange","allowCustomValue","handleSelectedItem","selectedItem","currentSelected","from","children","includes","setDefaultValue","customValueTransformFn","setComboBoxDescriptor","valueDescriptor","Object","getOwnPropertyDescriptor","constructor","prototype","comboBox","defineProperties","set","items","length","transformedValue","call","forEach","node","defineProperty","configurable","writable","setTimeout","shadowRoot","querySelector","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","root","combo","model","outerHTML","_dataProviderFilterChanged","init","super","getValidity","isRequired","valueMissing","bind","includeAttrs","addEventListener","dispatchEvent","Event","bubbles","composed","CustomEvent","detail","onLabelClick","isReadOnly","isDisabled","focus","autoOpenDisabled","attributeChangedCallback","attrName","oldValue","newValue","removeEventListener","find","selectedChild","stopImmediatePropagation","once","capture","undefined","__data","slots","wrappedEleName","style","excludeAttrsSync","includeForwardProps"],"sourceRoot":""}
1	+ {"version":3,"file":"7092.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-combo-box/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-combo-box/src/component/ComboBoxClass.js"],"sourcesContent":["import '@vaadin/combo-box';\nimport { componentName, ComboBoxClass } from './ComboBoxClass';\n\ncustomElements.define(componentName, ComboBoxClass);\n\nexport { ComboBoxClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeAttributes,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n resetInputPlaceholder,\n resetInputReadonlyStyle,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '@descope-ui/common/theme-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n portalMixin,\n proxyInputMixin,\n} from '@descope-ui/common/components-mixins';\n\nexport const componentName = getComponentName('combo-box');\n\nconst ComboBoxMixin = (superclass) =>\n class ComboBoxMixinClass extends superclass {\n static get observedAttributes() {\n return ['label-type'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n #renderItem = ({ displayName, value, label }) => {\n return `<span data-name=\"${label}\" data-id=\"${value}\">${\n displayName \|\| label\n }</span>`;\n };\n\n #data;\n\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n get renderItem() {\n return this.#renderItem;\n }\n\n set renderItem(renderFn) {\n this.#renderItem = renderFn;\n this.renderItems();\n }\n\n set renderer(fn) {\n // fn takes (root, comboBox, model) as arguments\n this.baseElement.renderer = fn;\n }\n\n get loading() {\n return this.getAttribute('loading') === 'true';\n }\n\n set loading(val) {\n if (val) {\n this.setAttribute('loading', 'true');\n } else {\n this.removeAttribute('loading');\n }\n }\n\n get data() {\n if (this.#data) return this.#data;\n\n const dataAttr = this.getAttribute('data');\n\n if (dataAttr) {\n try {\n const data = JSON.parse(dataAttr);\n if (this.isValidDataType(data)) {\n return data;\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(\n 'could not parse data string from attribute \"data\" -',\n e.message,\n );\n }\n }\n\n return [];\n }\n\n set data(data) {\n if (this.isValidDataType(data)) {\n this.#data = data;\n this.renderItems();\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n isValidDataType(data) {\n const isValid = Array.isArray(data);\n if (!isValid) {\n // eslint-disable-next-line no-console\n console.error('data must be an array, received:', data);\n }\n\n return isValid;\n }\n\n getItemsTemplate() {\n return this.data?.reduce?.(\n (acc, item) => acc + (this.renderItem?.(item \|\| {}) \|\| ''),\n '',\n );\n }\n\n renderItems() {\n if (this.#data \|\| this.getAttribute('data')) {\n const template = this.getItemsTemplate();\n this.innerHTML = template;\n }\n }\n\n get hasDynamicData() {\n return this.getAttribute('has-dynamic-data') === 'true';\n }\n\n get shouldSelectItemOnItemsChange() {\n return !this.hasDynamicData \|\| this.allowCustomValue;\n }\n\n handleSelectedItem() {\n const { selectedItem } = this.baseElement;\n const currentSelected = selectedItem?.['data-id'];\n\n // If the selected item is still a child, there's no need to update the value\n if (selectedItem && Array.from(this.children).includes(selectedItem)) {\n return;\n }\n\n // if previously selected item ID exists in current children, set it as selected\n if (currentSelected && this.shouldSelectItemOnItemsChange) {\n this.value = currentSelected;\n }\n\n // otherwise, if default value is specified, set default value as selected item\n if (!this.value) {\n this.setDefaultValue();\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n customValueTransformFn(val) {\n return val;\n }\n\n // We want to override Vaadin's Combo Box value setter. This is needed since Vaadin couples between the\n // field that it searches the value, and the finaly display value of the input.\n // We provide a custom transform function to override that behavior.\n setComboBoxDescriptor() {\n const valueDescriptor = Object.getOwnPropertyDescriptor(\n this.inputElement.constructor.prototype,\n 'value',\n );\n\n const comboBox = this;\n\n Object.defineProperties(this.inputElement, {\n value: {\n ...valueDescriptor,\n set(val) {\n if (\n !comboBox.baseElement.items?.length &&\n !comboBox.allowCustomValue\n ) {\n return;\n }\n\n const transformedValue = comboBox.customValueTransformFn(val) \|\| '';\n\n if (transformedValue === this.value) {\n return;\n }\n\n valueDescriptor.set.call(this, transformedValue);\n },\n },\n });\n }\n\n // vaadin api is to set props on their combo box node,\n // in order to avoid it, we are passing the children of this component\n // to the items & renderer props, so it will be used as the combo box items\n #onChildrenChange() {\n const items = Array.from(this.children);\n\n // we want the data-name attribute to be accessible as an object attribute\n items.forEach((node) => {\n Object.defineProperty(node, 'data-name', {\n value: node.getAttribute('data-name'),\n configurable: true,\n writable: true,\n });\n Object.defineProperty(node, 'data-id', {\n value: node.getAttribute('data-id'),\n configurable: true,\n writable: true,\n });\n });\n\n this.baseElement.items = items;\n setTimeout(() => {\n // set timeout to ensure this runs after customValueTransformFn had the chance to be overriden\n this.handleSelectedItem();\n }, 0);\n }\n\n // the default vaadin behavior is to attach the overlay to the body when opened\n // we do not want that because it's difficult to style the overlay in this way\n // so we override it to open inside the shadow DOM\n #overrideOverlaySettings() {\n const overlay = this.baseElement.shadowRoot.querySelector(\n 'vaadin-combo-box-overlay',\n );\n overlay._attachOverlay = () => {\n overlay.bringToFront();\n };\n overlay._detachOverlay = () => {};\n overlay._enterModalState = () => {};\n }\n\n #overrideRenderer() {\n // use vaadin combobox custom renderer to render options as HTML\n // and not via default renderer, which renders only the data-name's value\n // in its own HTML template\n this.baseElement.renderer = (root, combo, model) => {\n // eslint-disable-next-line no-param-reassign\n root.innerHTML = model.item.outerHTML;\n };\n }\n\n #disableDataProviderFilterEventIfNeeded() {\n if (this.hasDynamicData) {\n // For the autocomplete field, we don't want to trigger the data provider filter changed event\n // because it changes the loading state on every keystroke, making the overlay open and close\n // on every keystroke, causing a flickering effect in the loading state.\n this.baseElement._dataProviderFilterChanged = () => {};\n }\n }\n\n init() {\n super.init?.();\n\n // eslint-disable-next-line func-names\n this.getValidity = function () {\n if (!this.value && this.isRequired) {\n return {\n valueMissing: true,\n };\n }\n return {};\n };\n\n this.setComboBoxDescriptor();\n this.#overrideOverlaySettings();\n this.#overrideRenderer();\n this.#disableDataProviderFilterEventIfNeeded();\n\n // Set up observers - order matters here since renderItems can clear innerHTML\n observeAttributes(this, this.renderItems.bind(this), {\n includeAttrs: ['data'],\n });\n observeChildren(this, this.#onChildrenChange.bind(this));\n\n this.setDefaultValue();\n\n // Using \"value-changed\" event instead of \"selected-item-changed\" event to avoid\n // the issue of the value not being updated in the input field when the user enter a custom value\n this.baseElement.addEventListener('value-changed', () => {\n this.dispatchEvent(\n new Event('input', { bubbles: true, composed: true }),\n );\n });\n\n this.baseElement.addEventListener('filter-changed', (e) => {\n this.dispatchEvent(\n new CustomEvent('filter-changed', {\n bubbles: true,\n composed: true,\n detail: e.detail,\n }),\n );\n });\n }\n\n onLabelClick() {\n if (this.isReadOnly \|\| this.isDisabled) {\n return;\n }\n this.focus();\n if (!this.autoOpenDisabled) {\n this.setAttribute('opened', 'true');\n }\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue !== newValue) {\n if (attrName === 'label-type') {\n if (newValue === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n }\n }\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n this.value = this.defaultValue;\n }\n }\n\n #getChildToSelect(val) {\n return this.baseElement.items?.find((item) => item['data-id'] === val);\n }\n\n #preventSelectedItemChangeEventIfNeeded(val, selectedChild) {\n // If the actual value didn't change, but the selected item did (the element changed),\n // we want to stop the event propagation since it's not a real change\n const shouldPreventItemChangeEvent =\n val === this.value && selectedChild !== this.baseElement.selectedItem;\n if (shouldPreventItemChangeEvent) {\n this.baseElement.addEventListener(\n 'selected-item-changed',\n (e) => {\n e.stopImmediatePropagation();\n },\n { once: true, capture: true },\n );\n }\n }\n\n set value(val) {\n const selectedChild = this.#getChildToSelect(val);\n this.#preventSelectedItemChangeEventIfNeeded(val, selectedChild);\n if (val && selectedChild) {\n this.baseElement.selectedItem = selectedChild;\n } else if (!selectedChild && this.allowCustomValue) {\n this.baseElement.value = val;\n } else {\n this.baseElement.selectedItem = undefined;\n }\n }\n\n get value() {\n return this.baseElement.selectedItem?.['data-id'] \|\| this.allowCustomValue\n ? this.baseElement.__data.value \|\| ''\n : '';\n }\n\n get allowCustomValue() {\n return this.getAttribute('allow-custom-value') === 'true';\n }\n\n get autoOpenDisabled() {\n return this.getAttribute('auto-open-disabled') === 'true';\n }\n };\n\nconst {\n host,\n inputField,\n inputElement,\n placeholder,\n toggle,\n clearButton,\n label,\n requiredIndicator,\n helperText,\n errorMessage,\n loader,\n overlayContent,\n} = {\n host: { selector: () => ':host' },\n inputField: { selector: '::part(input-field)' },\n inputElement: { selector: 'input' },\n placeholder: { selector: '> input:placeholder-shown' },\n toggle: { selector: '::part(toggle-button)' },\n clearButton: { selector: '::part(clear-button)' },\n label: { selector: '::part(label)' },\n requiredIndicator: {\n selector: '[required]::part(required-indicator)::after',\n },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n loader: { selector: 'vaadin-combo-box-overlay::part(loader)' },\n overlayContent: { selector: 'vaadin-combo-box-overlay::part(content)' },\n};\n\nexport const ComboBoxClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n // we apply font-size also on the host so we can set its width with em\n fontSize: [{}, host],\n fontFamily: [label, placeholder, inputField, helperText, errorMessage],\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...requiredIndicator, property: 'color' },\n ],\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: {\n ...errorMessage,\n property: 'padding-inline-start',\n },\n errorMessageIconRepeat: {\n ...errorMessage,\n property: 'background-repeat',\n },\n errorMessageIconPosition: {\n ...errorMessage,\n property: 'background-position',\n },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n inputHeight: { ...inputField, property: 'height' },\n inputBackgroundColor: { ...inputField, property: 'background-color' },\n inputBorderColor: { ...inputField, property: 'border-color' },\n inputBorderWidth: { ...inputField, property: 'border-width' },\n inputBorderStyle: { ...inputField, property: 'border-style' },\n inputBorderRadius: { ...inputField, property: 'border-radius' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n inputValueTextColor: { ...inputField, property: 'color' },\n inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n inputDropdownButtonCursor: [\n { ...toggle, property: 'cursor' },\n { ...clearButton, property: 'cursor' },\n ],\n inputDropdownButtonColor: [\n { ...toggle, property: 'color' },\n { ...clearButton, property: 'color' },\n ],\n inputDropdownButtonSize: [\n { ...toggle, property: 'font-size' },\n { ...clearButton, property: 'font-size' },\n ],\n inputDropdownButtonOffset: [\n { ...toggle, property: 'margin-right' },\n { ...toggle, property: 'margin-left' },\n ],\n inputOutlineColor: { ...inputField, property: 'outline-color' },\n inputOutlineWidth: { ...inputField, property: 'outline-width' },\n inputOutlineStyle: { ...inputField, property: 'outline-style' },\n inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n inputHorizontalPadding: [\n { ...inputElement, property: 'padding-left' },\n { ...inputElement, property: 'padding-right' },\n ],\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n placeholderOpacity: { ...placeholder, property: 'opacity' },\n inputVerticalAlignment: { ...inputField, property: 'align-items' },\n valueInputHeight: { ...inputElement, property: 'height' },\n valueInputMarginBottom: { ...inputElement, property: 'margin-bottom' },\n\n // we need to use the variables from the portal mixin\n // so we need to use an arrow function on the selector\n // for that to work, because ComboBox is not available\n // at this time.\n overlayBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.backgroundColor,\n },\n overlayTextColor: {\n property: () => ComboBoxClass.cssVarList.overlay.textColor,\n },\n overlayBorder: {\n property: () => ComboBoxClass.cssVarList.overlay.border,\n },\n overlayFontSize: {\n property: () => ComboBoxClass.cssVarList.overlay.fontSize,\n },\n overlayFontFamily: {\n property: () => ComboBoxClass.cssVarList.overlay.fontFamily,\n },\n overlayCursor: {\n property: () => ComboBoxClass.cssVarList.overlay.cursor,\n },\n overlayItemBoxShadow: {\n property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow,\n },\n overlayItemPaddingInlineStart: {\n property: () => ComboBoxClass.cssVarList.overlay.itemPaddingInlineStart,\n },\n overlayItemPaddingInlineEnd: {\n property: () => ComboBoxClass.cssVarList.overlay.itemPaddingInlineEnd,\n },\n overlayCheckmarkDisplay: {\n property: () => ComboBoxClass.cssVarList.overlay.checkmarkDisplay,\n },\n overlaySelectedItemBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.selectedItemBackground,\n },\n overlaySelectedItemHoverBackground: {\n property: () =>\n ComboBoxClass.cssVarList.overlay.selectedItemHoverBackground,\n },\n overlaySelectedItemFocusBackground: {\n property: () =>\n ComboBoxClass.cssVarList.overlay.selectedItemFocusBackground,\n },\n overlayItemHoverBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.itemHoverBackground,\n },\n overlayItemFocusBackground: {\n property: () => ComboBoxClass.cssVarList.overlay.itemFocusBackground,\n },\n },\n }),\n draggableMixin,\n portalMixin({\n name: 'overlay',\n selector: '',\n mappings: {\n backgroundColor: [\n { selector: 'vaadin-combo-box-scroller' },\n { selector: 'vaadin-combo-box-overlay::part(overlay)' },\n ],\n minHeight: { selector: 'vaadin-combo-box-overlay' },\n margin: { selector: 'vaadin-combo-box-overlay' },\n cursor: { selector: 'vaadin-combo-box-item' },\n fontFamily: { selector: 'vaadin-combo-box-item' },\n textColor: { selector: 'vaadin-combo-box-item', property: 'color' },\n fontSize: { selector: 'vaadin-combo-box-item' },\n itemBoxShadow: {\n selector: 'vaadin-combo-box-item',\n property: 'box-shadow',\n },\n itemPaddingInlineStart: {\n selector: 'vaadin-combo-box-item',\n property: 'padding-inline-start',\n },\n itemPaddingInlineEnd: {\n selector: 'vaadin-combo-box-item',\n property: 'padding-inline-end',\n },\n checkmarkDisplay: {\n selector: 'vaadin-combo-box-item::part(checkmark)',\n property: 'display',\n },\n selectedItemBackground: {\n selector: 'vaadin-combo-box-item[selected]',\n property: 'background-color',\n },\n selectedItemHoverBackground: {\n selector: 'vaadin-combo-box-item[selected]:hover:not([disabled])',\n property: 'background-color',\n },\n selectedItemFocusBackground: {\n selector: 'vaadin-combo-box-item[selected][focused]:not([disabled])',\n property: 'background-color',\n },\n itemHoverBackground: {\n selector: 'vaadin-combo-box-item:hover:not([selected]):not([disabled])',\n property: 'background-color',\n },\n itemFocusBackground: {\n selector:\n 'vaadin-combo-box-item[focused]:not([selected]):not([disabled])',\n property: 'background-color',\n },\n\n loaderTop: { ...loader, property: 'top' },\n loaderLeft: { ...loader, property: 'left' },\n loaderRight: { ...loader, property: 'right' },\n loaderMargin: { ...loader, property: 'margin' },\n loaderWidth: { ...loader, property: 'width' },\n loaderHeight: { ...loader, property: 'height' },\n loaderBorder: { ...loader, property: 'border' },\n loaderBorderColor: { ...loader, property: 'border-color' },\n loaderBorderRadius: { ...loader, property: 'border-radius' },\n contentHeight: { ...overlayContent, property: 'height' },\n contentOpacity: { ...overlayContent, property: 'opacity' },\n scrollerMinHeight: {\n selector: 'vaadin-combo-box-scroller',\n property: 'min-height',\n },\n },\n forward: {\n include: false,\n attributes: ['size'],\n },\n }),\n proxyInputMixin({\n proxyProps: ['selectionStart'],\n inputEvent: 'value-changed',\n }),\n componentNameValidationMixin,\n ComboBoxMixin,\n)(\n createProxy({\n slots: ['', 'prefix'],\n wrappedEleName: 'vaadin-combo-box',\n style: () => `\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${useHostExternalPadding(ComboBoxClass.cssVarList)}\n\t\t${resetInputReadonlyStyle('vaadin-combo-box')}\n\t\t${resetInputPlaceholder('vaadin-combo-box')}\n\t\t${resetInputCursor('vaadin-combo-box')}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot=\"input\"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button=\"true\"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n ${resetInputLabelPosition('vaadin-combo-box')}\n ${inputFloatingLabelStyle()}\n\t\t`,\n // Note: we exclude `size` to avoid overriding Vaadin's ComboBox property\n // with the same name. Including it will cause Vaadin to calculate NaN size,\n // and reset items to an empty array, and opening the list box with no items\n // to display.\n excludeAttrsSync: ['tabindex', 'size', 'data', 'loading'],\n componentName,\n includeForwardProps: ['items', 'renderer', 'selectedItem'],\n }),\n);\n"],"names":["customElements","define","C","componentName","host","inputField","inputElement","placeholder","toggle","clearButton","label","requiredIndicator","helperText","errorMessage","loader","overlayContent","selector","ComboBoxClass","mappings","hostWidth","property","hostDirection","fontSize","fontFamily","labelFontSize","labelFontWeight","labelTextColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputHeight","inputBackgroundColor","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","labelRequiredIndicator","inputValueTextColor","inputPlaceholderTextColor","inputDropdownButtonCursor","inputDropdownButtonColor","inputDropdownButtonSize","inputDropdownButtonOffset","inputOutlineColor","inputOutlineWidth","inputOutlineStyle","inputOutlineOffset","inputHorizontalPadding","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","overlayBackground","cssVarList","overlay","backgroundColor","overlayTextColor","textColor","overlayBorder","border","overlayFontSize","overlayFontFamily","overlayCursor","cursor","overlayItemBoxShadow","itemBoxShadow","overlayItemPaddingInlineStart","itemPaddingInlineStart","overlayItemPaddingInlineEnd","itemPaddingInlineEnd","overlayCheckmarkDisplay","checkmarkDisplay","overlaySelectedItemBackground","selectedItemBackground","overlaySelectedItemHoverBackground","selectedItemHoverBackground","overlaySelectedItemFocusBackground","selectedItemFocusBackground","overlayItemHoverBackground","itemHoverBackground","overlayItemFocusBackground","itemFocusBackground","name","minHeight","margin","loaderTop","loaderLeft","loaderRight","loaderMargin","loaderWidth","loaderHeight","loaderBorder","loaderBorderColor","loaderBorderRadius","contentHeight","contentOpacity","scrollerMinHeight","forward","include","attributes","proxyProps","inputEvent","superclass","observedAttributes","displayName","value","defaultValue","this","getAttribute","renderItem","renderFn","renderItems","renderer","fn","baseElement","loading","val","setAttribute","removeAttribute","data","dataAttr","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","innerHTML","hasDynamicData","shouldSelectItemOnItemsChange","allowCustomValue","handleSelectedItem","selectedItem","currentSelected","from","children","includes","setDefaultValue","customValueTransformFn","setComboBoxDescriptor","valueDescriptor","Object","getOwnPropertyDescriptor","constructor","prototype","comboBox","defineProperties","set","items","length","transformedValue","call","forEach","node","defineProperty","configurable","writable","setTimeout","shadowRoot","querySelector","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","root","combo","model","outerHTML","_dataProviderFilterChanged","init","super","getValidity","isRequired","valueMissing","bind","includeAttrs","addEventListener","dispatchEvent","Event","bubbles","composed","CustomEvent","detail","onLabelClick","isReadOnly","isDisabled","focus","autoOpenDisabled","attributeChangedCallback","attrName","oldValue","newValue","removeEventListener","find","selectedChild","stopImmediatePropagation","once","capture","undefined","__data","slots","wrappedEleName","style","excludeAttrsSync","includeForwardProps"],"sourceRoot":""}