@sme.up/ketchup 11.0.0-SNAPSHOT-20241018090121 → 11.0.0-SNAPSHOT-20241018133752
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.
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +8 -6
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js.map +1 -1
- package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +4 -3
- package/dist/collection/components/kup-autocomplete/kup-autocomplete.js.map +1 -1
- package/dist/collection/components/kup-combobox/kup-combobox.js +4 -3
- package/dist/collection/components/kup-combobox/kup-combobox.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +8 -6
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/esm/kup-autocomplete_27.entry.js +8 -6
- package/dist/esm/kup-autocomplete_27.entry.js.map +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-e75fac6f.entry.js +9 -0
- package/dist/ketchup/p-e75fac6f.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/ketchup/p-40b3c165.entry.js +0 -9
- package/dist/ketchup/p-40b3c165.entry.js.map +0 -1
|
@@ -303,7 +303,7 @@ export class KupAutocomplete {
|
|
|
303
303
|
};
|
|
304
304
|
const fullHeight = this.rootElement.classList.contains('kup-full-height');
|
|
305
305
|
const fullWidth = this.rootElement.classList.contains('kup-full-width');
|
|
306
|
-
return (h(Host, { key: '
|
|
306
|
+
return (h(Host, { key: '80b769eb42de13ab997f21834e8654a935baa656', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2d2685971f354aa45b995bc059cbc4c64c9fcca6' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '746a0f1b28445dd123b9a1b13ca17b51ecf31654', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: 'a8280c78136a37e52c3161e8112ea686974ad8d7' }, props, { icon: this.showDropDownIcon
|
|
307
307
|
? KupThemeIconValues.DROPDOWN
|
|
308
308
|
: null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
|
|
309
309
|
window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
|
|
@@ -1088,13 +1088,14 @@ export class KupAutocomplete {
|
|
|
1088
1088
|
}
|
|
1089
1089
|
}
|
|
1090
1090
|
_KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(), _KupAutocomplete_kupManager = new WeakMap(), _KupAutocomplete_textfieldWrapper = new WeakMap(), _KupAutocomplete_textfieldEl = new WeakMap(), _KupAutocomplete_clickCb = new WeakMap(), _KupAutocomplete_inputTimeout = new WeakMap(), _KupAutocomplete_instances = new WeakSet(), _KupAutocomplete_openList = function _KupAutocomplete_openList(forceOpen) {
|
|
1091
|
+
var _a, _b;
|
|
1091
1092
|
if (forceOpen != true &&
|
|
1092
1093
|
__classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
|
|
1093
1094
|
__classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
|
|
1094
1095
|
return false;
|
|
1095
1096
|
}
|
|
1096
|
-
const hasError = this.error.trim().length > 0;
|
|
1097
|
-
const hasAlert = this.alert.trim().length > 0;
|
|
1097
|
+
const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
|
|
1098
|
+
const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
|
|
1098
1099
|
const topOffset = hasError || hasAlert ? -20 : 0;
|
|
1099
1100
|
__classPrivateFieldGet(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
|
|
1100
1101
|
__classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-autocomplete.js","sourceRoot":"","sources":["../../../src/components/kup-autocomplete/kup-autocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { FTextField } from '../../f-components/f-text-field/f-text-field';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport {\n GenericObject,\n KupComponent,\n KupComponentSizing,\n} from '../../types/GenericTypes';\nimport {\n KupAutocompleteEventPayload,\n KupAutocompleteIconClickEventPayload,\n KupAutocompleteProps,\n} from './kup-autocomplete-declarations';\nimport {\n ItemsDisplayMode,\n KupListEventPayload,\n ValueDisplayedValue,\n} from '../kup-list/kup-list-declarations';\nimport { consistencyCheck } from '../kup-list/kup-list-helper';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { FTextFieldProps } from '../../f-components/f-text-field/f-text-field-declarations';\n\n@Component({\n tag: 'kup-autocomplete',\n styleUrl: 'kup-autocomplete.scss',\n shadow: true,\n})\nexport class KupAutocomplete {\n /**\n * References the root HTML element of the component (<kup-autocomplete>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n @State() displayedValue: string = undefined;\n @State() value: string = '';\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Set alert message\n * @default '''\n */\n @Prop() alert: string = '';\n /**\n * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.\n * @default false\n */\n @Prop() allowInconsistentValues: boolean = false;\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Props of the sub-components.\n * @default undefined\n */\n @Prop({ mutable: true }) data: Object = undefined;\n /**\n * Defaults at false. When set to true, the component is disabled.\n * @default false\n */\n @Prop() disabled: boolean = false;\n /**\n * Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".\n * @default ItemsDisplayMode.DESCRIPTION\n */\n @Prop() displayMode: ItemsDisplayMode = ItemsDisplayMode.DESCRIPTION;\n /**\n * Set error message\n * @default '''\n */\n @Prop() error: string = '';\n /**\n * When set, the text-field will show this icon.\n * @default null\n */\n @Prop() icon: string = null;\n /**\n * Sets the initial value of the component.\n * @default \"\"\n */\n @Prop() initialValue: string = '';\n /**\n * Enables a clear trailing icon.\n * @default false\n */\n @Prop() isClearable: boolean = false;\n /**\n * Input event emission delay in milliseconds.\n * @default 300\n */\n @Prop() inputDelay: number = 300;\n /**\n * When set, its content will be shown as a label.\n * @default null\n */\n @Prop() label: string = null;\n /**\n * When set to true, the label will be on the left of the component.\n * @default false\n */\n @Prop() leadingLabel: boolean = false;\n\n /**\n * The minimum number of chars to trigger the autocomplete\n * @default 1\n */\n @Prop() minimumChars: number = 1;\n /**\n * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.\n * @default false\n */\n @Prop() readOnly: boolean = false;\n /**\n * Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".\n * @default ItemsDisplayMode.CODE\n */\n @Prop() selectMode: ItemsDisplayMode = ItemsDisplayMode.CODE;\n /**\n * When true, the items filter is managed server side, otherwise items filter is done client side.\n * @default false\n */\n @Prop({ reflect: true }) serverHandledFilter: boolean = false;\n /**\n * When true shows the drop-down icon, for open list.\n * @default true\n */\n @Prop() showDropDownIcon: boolean = true;\n /**\n * Sets the type of the button\n * @default KupComponentSizing.MEDIUM\n */\n @Prop() sizing: KupComponentSizing = KupComponentSizing.MEDIUM;\n /**\n * When set, the icon will be shown after the text.\n * @default false\n */\n @Prop() trailingIcon: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n #doConsistencyCheck: boolean = true;\n #elStyle: any = undefined;\n #listEl: HTMLKupListElement = null;\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n #textfieldWrapper: HTMLElement = undefined;\n #textfieldEl: HTMLInputElement | HTMLTextAreaElement = undefined;\n #clickCb: KupManagerClickCb = null;\n #inputTimeout: number;\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-autocomplete-blur',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupBlur: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-change',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupChange: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-focus',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupFocus: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-input',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupInput: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupAutocompleteIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupAutocompleteEventPayload>;\n\n onKupBlur() {\n this.kupBlur.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupChange(value: string) {\n this.#doConsistencyCheck = true;\n const ret = this.#consistencyCheck(value, true);\n if (ret.exists || this.allowInconsistentValues) {\n this.kupChange.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n }\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupFocus() {\n this.kupFocus.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupInput() {\n this.#doConsistencyCheck = true;\n const ret = this.#consistencyCheck(this.#textfieldEl.value, false);\n this.#openList(false);\n if (this.#textfieldEl.value.length >= this.minimumChars) {\n this.kupInput.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n }\n\n onKupIconClick() {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n if (this.showDropDownIcon) {\n this.#openList(true);\n }\n }\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n open: this.#textfieldWrapper.classList.contains('toggled'),\n });\n }\n\n onKupItemClick(e: CustomEvent<KupListEventPayload>) {\n this.onKupChange(e.detail.selected.id);\n this.#closeList();\n if (this.#textfieldEl) {\n this.#textfieldEl.focus();\n }\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: e.detail.selected,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i s t e n e r s */\n /*-------------------------------------------------*/\n\n @Listen('keydown')\n listenKeydown(e: KeyboardEvent) {\n if (this.#isListOpened()) {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusPrevious();\n break;\n case 'Enter':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.select().then(() => {\n this.#closeList();\n this.#textfieldEl.focus();\n });\n break;\n case 'Escape':\n e.preventDefault();\n e.stopPropagation();\n this.#closeList();\n break;\n }\n } else {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#openList(false);\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#openList(false);\n this.#listEl.focusPrevious();\n break;\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupAutocompleteProps, descriptions);\n }\n /**\n * Used to retrieve the value of the component.\n * @returns {Promise<string>} Value of the component.\n */\n @Method()\n async getValue(): Promise<string> {\n return this.value;\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the focus to the component.\n */\n @Method()\n async setFocus() {\n this.#textfieldEl.focus();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupAutocompleteProps, props);\n }\n /**\n * Sets the value of the component.\n * @param {string} value - Value of the component.\n */\n @Method()\n async setValue(value: string) {\n this.#doConsistencyCheck = true;\n this.#consistencyCheck(value, true);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #openList(forceOpen: boolean): boolean {\n if (\n forceOpen != true &&\n this.#textfieldEl.value.length < this.minimumChars\n ) {\n this.#closeList();\n return false;\n }\n const hasError = this.error.trim().length > 0;\n const hasAlert = this.alert.trim().length > 0;\n const topOffset = hasError || hasAlert ? -20 : 0;\n this.#textfieldWrapper.classList.add('toggled');\n this.#listEl.menuVisible = true;\n const elStyle = this.#listEl.style;\n elStyle.height = 'auto';\n elStyle.minWidth = this.#textfieldWrapper.clientWidth + 'px';\n if (this.#kupManager.dynamicPosition.isRegistered(this.#listEl)) {\n this.#kupManager.dynamicPosition.changeAnchor(\n this.#listEl,\n this.#textfieldWrapper\n );\n } else {\n this.#kupManager.dynamicPosition.register(\n this.#listEl,\n this.#textfieldWrapper,\n topOffset,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n }\n this.#kupManager.dynamicPosition.start(this.#listEl);\n if (!this.#clickCb) {\n this.#clickCb = {\n cb: () => {\n this.#closeList();\n },\n el: this.#listEl,\n };\n }\n this.#kupManager.addClickCallback(this.#clickCb, true);\n return true;\n }\n\n #closeList() {\n this.#textfieldWrapper.classList.remove('toggled');\n this.#listEl.menuVisible = false;\n this.#kupManager.dynamicPosition.stop(this.#listEl);\n this.#kupManager.removeClickCallback(this.#clickCb);\n }\n\n #isListOpened(): boolean {\n return this.#listEl.menuVisible == true;\n }\n\n #consistencyCheck(idIn: string, setValue: boolean): ValueDisplayedValue {\n if (!this.#doConsistencyCheck) {\n return;\n }\n this.#doConsistencyCheck = false;\n const ret = consistencyCheck(\n idIn,\n this.data['kup-list'],\n this.#listEl,\n this.selectMode,\n this.displayMode\n );\n if (ret.exists || this.allowInconsistentValues) {\n if (setValue) {\n this.value = ret.value;\n this.displayedValue = ret.displayedValue;\n }\n if (this.#listEl != null && !this.serverHandledFilter) {\n this.#listEl.filter = ret.value;\n }\n } else {\n this.displayedValue = idIn;\n if (this.#listEl != null && !this.serverHandledFilter) {\n this.#listEl.filter = ret.value;\n }\n }\n\n return ret;\n }\n\n #prepList() {\n return (\n <kup-list\n displayMode={this.displayMode}\n {...this.data['kup-list']}\n isMenu={true}\n onkup-list-click={(e: CustomEvent<KupListEventPayload>) =>\n this.onKupItemClick(e)\n }\n ref={(el) => (this.#listEl = el as any)}\n ></kup-list>\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.theme.register(this);\n this.#doConsistencyCheck = true;\n this.value = this.initialValue;\n if (!this.data) {\n this.data = {\n 'kup-list': {},\n 'kup-text-field': {},\n };\n }\n }\n\n componentDidLoad() {\n this.#consistencyCheck(this.value, true);\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const f: HTMLElement = root.querySelector('.f-text-field');\n if (f) {\n this.#textfieldWrapper = f;\n this.#textfieldEl = f.querySelector('input');\n FTextFieldMDC(f);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTextFieldProps = {\n alert: this.alert,\n danger: this.rootElement.classList.contains('kup-danger')\n ? true\n : false,\n disabled: this.disabled,\n error: this.error,\n icon: this.icon,\n info: this.rootElement.classList.contains('kup-info')\n ? true\n : false,\n isClearable: this.isClearable,\n label: this.label,\n leadingLabel: this.leadingLabel,\n readOnly: this.readOnly,\n sizing: this.sizing,\n success: this.rootElement.classList.contains('kup-success')\n ? true\n : false,\n value: this.value,\n warning: this.rootElement.classList.contains('kup-warning')\n ? true\n : false,\n };\n const fullHeight =\n this.rootElement.classList.contains('kup-full-height');\n const fullWidth = this.rootElement.classList.contains('kup-full-width');\n\n return (\n <Host\n class={`${fullHeight ? 'kup-full-height' : ''} ${\n fullWidth ? 'kup-full-width' : ''\n }`}\n style={this.#elStyle}\n >\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId} style={this.#elStyle}>\n <FTextField\n {...props}\n icon={\n this.showDropDownIcon\n ? KupThemeIconValues.DROPDOWN\n : null\n }\n trailingIcon={true}\n {...this.data['kup-text-field']}\n disabled={this.disabled}\n fullHeight={fullHeight}\n fullWidth={fullWidth}\n value={this.displayedValue}\n onBlur={() => this.onKupBlur()}\n onClick={() => this.onKupClick()}\n onChange={(e: UIEvent & { target: HTMLInputElement }) =>\n this.onKupChange(e.target.value)\n }\n onFocus={() => this.onKupFocus()}\n onInput={() => {\n window.clearTimeout(this.#inputTimeout);\n this.#inputTimeout = window.setTimeout(\n () => this.onKupInput(),\n this.inputDelay\n );\n }}\n onIconClick={() => this.onKupIconClick()}\n ></FTextField>\n </div>\n {this.#prepList()}\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.#listEl) {\n this.#kupManager.dynamicPosition.unregister([this.#listEl]);\n this.#listEl.remove();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kup-autocomplete.js","sourceRoot":"","sources":["../../../src/components/kup-autocomplete/kup-autocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { FTextField } from '../../f-components/f-text-field/f-text-field';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport {\n GenericObject,\n KupComponent,\n KupComponentSizing,\n} from '../../types/GenericTypes';\nimport {\n KupAutocompleteEventPayload,\n KupAutocompleteIconClickEventPayload,\n KupAutocompleteProps,\n} from './kup-autocomplete-declarations';\nimport {\n ItemsDisplayMode,\n KupListEventPayload,\n ValueDisplayedValue,\n} from '../kup-list/kup-list-declarations';\nimport { consistencyCheck } from '../kup-list/kup-list-helper';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { FTextFieldProps } from '../../f-components/f-text-field/f-text-field-declarations';\n\n@Component({\n tag: 'kup-autocomplete',\n styleUrl: 'kup-autocomplete.scss',\n shadow: true,\n})\nexport class KupAutocomplete {\n /**\n * References the root HTML element of the component (<kup-autocomplete>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n @State() displayedValue: string = undefined;\n @State() value: string = '';\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Set alert message\n * @default '''\n */\n @Prop() alert: string = '';\n /**\n * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.\n * @default false\n */\n @Prop() allowInconsistentValues: boolean = false;\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Props of the sub-components.\n * @default undefined\n */\n @Prop({ mutable: true }) data: Object = undefined;\n /**\n * Defaults at false. When set to true, the component is disabled.\n * @default false\n */\n @Prop() disabled: boolean = false;\n /**\n * Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".\n * @default ItemsDisplayMode.DESCRIPTION\n */\n @Prop() displayMode: ItemsDisplayMode = ItemsDisplayMode.DESCRIPTION;\n /**\n * Set error message\n * @default '''\n */\n @Prop() error: string = '';\n /**\n * When set, the text-field will show this icon.\n * @default null\n */\n @Prop() icon: string = null;\n /**\n * Sets the initial value of the component.\n * @default \"\"\n */\n @Prop() initialValue: string = '';\n /**\n * Enables a clear trailing icon.\n * @default false\n */\n @Prop() isClearable: boolean = false;\n /**\n * Input event emission delay in milliseconds.\n * @default 300\n */\n @Prop() inputDelay: number = 300;\n /**\n * When set, its content will be shown as a label.\n * @default null\n */\n @Prop() label: string = null;\n /**\n * When set to true, the label will be on the left of the component.\n * @default false\n */\n @Prop() leadingLabel: boolean = false;\n\n /**\n * The minimum number of chars to trigger the autocomplete\n * @default 1\n */\n @Prop() minimumChars: number = 1;\n /**\n * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.\n * @default false\n */\n @Prop() readOnly: boolean = false;\n /**\n * Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".\n * @default ItemsDisplayMode.CODE\n */\n @Prop() selectMode: ItemsDisplayMode = ItemsDisplayMode.CODE;\n /**\n * When true, the items filter is managed server side, otherwise items filter is done client side.\n * @default false\n */\n @Prop({ reflect: true }) serverHandledFilter: boolean = false;\n /**\n * When true shows the drop-down icon, for open list.\n * @default true\n */\n @Prop() showDropDownIcon: boolean = true;\n /**\n * Sets the type of the button\n * @default KupComponentSizing.MEDIUM\n */\n @Prop() sizing: KupComponentSizing = KupComponentSizing.MEDIUM;\n /**\n * When set, the icon will be shown after the text.\n * @default false\n */\n @Prop() trailingIcon: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n #doConsistencyCheck: boolean = true;\n #elStyle: any = undefined;\n #listEl: HTMLKupListElement = null;\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n #textfieldWrapper: HTMLElement = undefined;\n #textfieldEl: HTMLInputElement | HTMLTextAreaElement = undefined;\n #clickCb: KupManagerClickCb = null;\n #inputTimeout: number;\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-autocomplete-blur',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupBlur: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-change',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupChange: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-focus',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupFocus: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-input',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupInput: EventEmitter<KupAutocompleteEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupAutocompleteIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-autocomplete-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupAutocompleteEventPayload>;\n\n onKupBlur() {\n this.kupBlur.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupChange(value: string) {\n this.#doConsistencyCheck = true;\n const ret = this.#consistencyCheck(value, true);\n if (ret.exists || this.allowInconsistentValues) {\n this.kupChange.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n }\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupFocus() {\n this.kupFocus.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupInput() {\n this.#doConsistencyCheck = true;\n const ret = this.#consistencyCheck(this.#textfieldEl.value, false);\n this.#openList(false);\n if (this.#textfieldEl.value.length >= this.minimumChars) {\n this.kupInput.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n }\n\n onKupIconClick() {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n if (this.showDropDownIcon) {\n this.#openList(true);\n }\n }\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n open: this.#textfieldWrapper.classList.contains('toggled'),\n });\n }\n\n onKupItemClick(e: CustomEvent<KupListEventPayload>) {\n this.onKupChange(e.detail.selected.id);\n this.#closeList();\n if (this.#textfieldEl) {\n this.#textfieldEl.focus();\n }\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: e.detail.selected,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i s t e n e r s */\n /*-------------------------------------------------*/\n\n @Listen('keydown')\n listenKeydown(e: KeyboardEvent) {\n if (this.#isListOpened()) {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusPrevious();\n break;\n case 'Enter':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.select().then(() => {\n this.#closeList();\n this.#textfieldEl.focus();\n });\n break;\n case 'Escape':\n e.preventDefault();\n e.stopPropagation();\n this.#closeList();\n break;\n }\n } else {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#openList(false);\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#openList(false);\n this.#listEl.focusPrevious();\n break;\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupAutocompleteProps, descriptions);\n }\n /**\n * Used to retrieve the value of the component.\n * @returns {Promise<string>} Value of the component.\n */\n @Method()\n async getValue(): Promise<string> {\n return this.value;\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the focus to the component.\n */\n @Method()\n async setFocus() {\n this.#textfieldEl.focus();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupAutocompleteProps, props);\n }\n /**\n * Sets the value of the component.\n * @param {string} value - Value of the component.\n */\n @Method()\n async setValue(value: string) {\n this.#doConsistencyCheck = true;\n this.#consistencyCheck(value, true);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #openList(forceOpen: boolean): boolean {\n if (\n forceOpen != true &&\n this.#textfieldEl.value.length < this.minimumChars\n ) {\n this.#closeList();\n return false;\n }\n const hasError = this.error?.trim().length > 0;\n const hasAlert = this.alert?.trim().length > 0;\n const topOffset = hasError || hasAlert ? -20 : 0;\n this.#textfieldWrapper.classList.add('toggled');\n this.#listEl.menuVisible = true;\n const elStyle = this.#listEl.style;\n elStyle.height = 'auto';\n elStyle.minWidth = this.#textfieldWrapper.clientWidth + 'px';\n if (this.#kupManager.dynamicPosition.isRegistered(this.#listEl)) {\n this.#kupManager.dynamicPosition.changeAnchor(\n this.#listEl,\n this.#textfieldWrapper\n );\n } else {\n this.#kupManager.dynamicPosition.register(\n this.#listEl,\n this.#textfieldWrapper,\n topOffset,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n }\n this.#kupManager.dynamicPosition.start(this.#listEl);\n if (!this.#clickCb) {\n this.#clickCb = {\n cb: () => {\n this.#closeList();\n },\n el: this.#listEl,\n };\n }\n this.#kupManager.addClickCallback(this.#clickCb, true);\n return true;\n }\n\n #closeList() {\n this.#textfieldWrapper.classList.remove('toggled');\n this.#listEl.menuVisible = false;\n this.#kupManager.dynamicPosition.stop(this.#listEl);\n this.#kupManager.removeClickCallback(this.#clickCb);\n }\n\n #isListOpened(): boolean {\n return this.#listEl.menuVisible == true;\n }\n\n #consistencyCheck(idIn: string, setValue: boolean): ValueDisplayedValue {\n if (!this.#doConsistencyCheck) {\n return;\n }\n this.#doConsistencyCheck = false;\n const ret = consistencyCheck(\n idIn,\n this.data['kup-list'],\n this.#listEl,\n this.selectMode,\n this.displayMode\n );\n if (ret.exists || this.allowInconsistentValues) {\n if (setValue) {\n this.value = ret.value;\n this.displayedValue = ret.displayedValue;\n }\n if (this.#listEl != null && !this.serverHandledFilter) {\n this.#listEl.filter = ret.value;\n }\n } else {\n this.displayedValue = idIn;\n if (this.#listEl != null && !this.serverHandledFilter) {\n this.#listEl.filter = ret.value;\n }\n }\n\n return ret;\n }\n\n #prepList() {\n return (\n <kup-list\n displayMode={this.displayMode}\n {...this.data['kup-list']}\n isMenu={true}\n onkup-list-click={(e: CustomEvent<KupListEventPayload>) =>\n this.onKupItemClick(e)\n }\n ref={(el) => (this.#listEl = el as any)}\n ></kup-list>\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.theme.register(this);\n this.#doConsistencyCheck = true;\n this.value = this.initialValue;\n if (!this.data) {\n this.data = {\n 'kup-list': {},\n 'kup-text-field': {},\n };\n }\n }\n\n componentDidLoad() {\n this.#consistencyCheck(this.value, true);\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const f: HTMLElement = root.querySelector('.f-text-field');\n if (f) {\n this.#textfieldWrapper = f;\n this.#textfieldEl = f.querySelector('input');\n FTextFieldMDC(f);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTextFieldProps = {\n alert: this.alert,\n danger: this.rootElement.classList.contains('kup-danger')\n ? true\n : false,\n disabled: this.disabled,\n error: this.error,\n icon: this.icon,\n info: this.rootElement.classList.contains('kup-info')\n ? true\n : false,\n isClearable: this.isClearable,\n label: this.label,\n leadingLabel: this.leadingLabel,\n readOnly: this.readOnly,\n sizing: this.sizing,\n success: this.rootElement.classList.contains('kup-success')\n ? true\n : false,\n value: this.value,\n warning: this.rootElement.classList.contains('kup-warning')\n ? true\n : false,\n };\n const fullHeight =\n this.rootElement.classList.contains('kup-full-height');\n const fullWidth = this.rootElement.classList.contains('kup-full-width');\n\n return (\n <Host\n class={`${fullHeight ? 'kup-full-height' : ''} ${\n fullWidth ? 'kup-full-width' : ''\n }`}\n style={this.#elStyle}\n >\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId} style={this.#elStyle}>\n <FTextField\n {...props}\n icon={\n this.showDropDownIcon\n ? KupThemeIconValues.DROPDOWN\n : null\n }\n trailingIcon={true}\n {...this.data['kup-text-field']}\n disabled={this.disabled}\n fullHeight={fullHeight}\n fullWidth={fullWidth}\n value={this.displayedValue}\n onBlur={() => this.onKupBlur()}\n onClick={() => this.onKupClick()}\n onChange={(e: UIEvent & { target: HTMLInputElement }) =>\n this.onKupChange(e.target.value)\n }\n onFocus={() => this.onKupFocus()}\n onInput={() => {\n window.clearTimeout(this.#inputTimeout);\n this.#inputTimeout = window.setTimeout(\n () => this.onKupInput(),\n this.inputDelay\n );\n }}\n onIconClick={() => this.onKupIconClick()}\n ></FTextField>\n </div>\n {this.#prepList()}\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.#listEl) {\n this.#kupManager.dynamicPosition.unregister([this.#listEl]);\n this.#listEl.remove();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
@@ -302,7 +302,7 @@ export class KupCombobox {
|
|
|
302
302
|
};
|
|
303
303
|
const fullHeight = this.rootElement.classList.contains('kup-full-height');
|
|
304
304
|
const fullWidth = this.rootElement.classList.contains('kup-full-width');
|
|
305
|
-
return (h(Host, { key: '
|
|
305
|
+
return (h(Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
|
|
306
306
|
? KupThemeIconValues.DROPDOWN
|
|
307
307
|
: null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
|
|
308
308
|
}
|
|
@@ -1006,12 +1006,13 @@ export class KupCombobox {
|
|
|
1006
1006
|
}
|
|
1007
1007
|
}
|
|
1008
1008
|
_KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _KupCombobox_listEl = new WeakMap(), _KupCombobox_textfieldWrapper = new WeakMap(), _KupCombobox_textfieldEl = new WeakMap(), _KupCombobox_clickCb = new WeakMap(), _KupCombobox_instances = new WeakSet(), _KupCombobox_openList = function _KupCombobox_openList() {
|
|
1009
|
+
var _a, _b;
|
|
1009
1010
|
if (__classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
|
|
1010
1011
|
return;
|
|
1011
1012
|
}
|
|
1012
1013
|
// Manage list open while helperline is displayed
|
|
1013
|
-
const hasError = this.error.trim().length > 0;
|
|
1014
|
-
const hasAlert = this.alert.trim().length > 0;
|
|
1014
|
+
const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
|
|
1015
|
+
const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
|
|
1015
1016
|
const topOffset = hasError || hasAlert ? -20 : 0;
|
|
1016
1017
|
__classPrivateFieldGet(this, _KupCombobox_textfieldWrapper, "f").classList.add('toggled');
|
|
1017
1018
|
__classPrivateFieldGet(this, _KupCombobox_listEl, "f").menuVisible = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-combobox.js","sourceRoot":"","sources":["../../../src/components/kup-combobox/kup-combobox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n Element,\n forceUpdate,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport {\n GenericObject,\n KupComponent,\n KupComponentSizing,\n} from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport {\n ItemsDisplayMode,\n KupListEventPayload,\n ValueDisplayedValue,\n} from '../kup-list/kup-list-declarations';\nimport { consistencyCheck } from '../kup-list/kup-list-helper';\nimport { FTextField } from '../../f-components/f-text-field/f-text-field';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport {\n KupComboboxEventPayload,\n KupComboboxIconClickEventPayload,\n KupComboboxProps,\n} from './kup-combobox-declarations';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { FTextFieldProps } from '../../f-components/f-text-field/f-text-field-declarations';\n\n@Component({\n tag: 'kup-combobox',\n styleUrl: 'kup-combobox.scss',\n shadow: true,\n})\nexport class KupCombobox {\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n @State() displayedValue: string = undefined;\n @State() value: string = '';\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Set alert message\n * @default '''\n */\n @Prop() alert: string = '';\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Props of the sub-components (date input text field).\n */\n @Prop() data: Object = undefined;\n /**\n * Defaults at false. When set to true, the component is disabled.\n */\n @Prop() disabled: boolean = false;\n /**\n * Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".\n */\n @Prop() displayMode: ItemsDisplayMode = ItemsDisplayMode.DESCRIPTION;\n /**\n * Set error message\n * @default '''\n */\n @Prop() error: string = '';\n /**\n * When set, the text-field will show this icon.\n * @default null\n */\n @Prop() icon: string = null;\n /**\n * Sets the initial value of the component\n */\n @Prop() initialValue: string = '';\n /**\n * Enables a clear trailing icon.\n * @default false\n */\n @Prop() isClearable: boolean = false;\n /**\n * Lets the combobox behave as a select element.\n */\n @Prop({ reflect: true }) isSelect: boolean = false;\n /**\n * When set, its content will be shown as a label.\n * @default null\n */\n @Prop() label: string = null;\n /**\n * When set to true, the label will be on the left of the component.\n * @default false\n */\n @Prop() leadingLabel: boolean = false;\n /**\n * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.\n * @default false\n */\n @Prop() readOnly: boolean = false;\n /**\n * Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".\n */\n @Prop() selectMode: ItemsDisplayMode = ItemsDisplayMode.CODE;\n /**\n * When true shows the drop-down icon, for open list.\n */\n @Prop() showDropDownIcon: boolean = true;\n /**\n * Sets the type of the button\n * @default KupComponentSizing.MEDIUM\n */\n @Prop() sizing: KupComponentSizing = KupComponentSizing.MEDIUM;\n /**\n * When set, the icon will be shown after the text.\n * @default false\n */\n @Prop() trailingIcon: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n #elStyle: any = undefined;\n #listEl: HTMLKupListElement = undefined;\n #textfieldWrapper: HTMLElement = undefined;\n #textfieldEl: HTMLInputElement | HTMLTextAreaElement = undefined;\n #clickCb: KupManagerClickCb = null;\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-combobox-blur',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupBlur: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-change',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupChange: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-focus',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupFocus: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-input',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupInput: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupComboboxIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupComboboxEventPayload>;\n\n onKupBlur() {\n this.kupBlur.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupChange(value: string) {\n let ret = this.#consistencyCheck(value, true);\n this.kupChange.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n\n onKupClick() {\n if (this.isSelect == true) {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n this.#openList();\n }\n }\n\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupFocus() {\n this.kupFocus.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupInput() {\n let ret = this.#consistencyCheck(this.#textfieldEl.value, false);\n this.#openList();\n this.kupInput.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n\n onKupIconClick() {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n this.#openList();\n }\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n open: this.#textfieldWrapper.classList.contains('toggled'),\n });\n }\n\n onKupItemClick(e: CustomEvent<KupListEventPayload>) {\n this.onKupChange(e.detail.selected.id);\n this.#closeList();\n if (this.#textfieldEl) {\n this.#textfieldEl.focus();\n }\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n node: e.detail.selected,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('initialValue')\n initialValueChange(newValue: string) {\n this.setValue(newValue);\n }\n\n /*-------------------------------------------------*/\n /* L i s t e n e r s */\n /*-------------------------------------------------*/\n\n @Listen('keydown')\n listenKeydown(e: KeyboardEvent) {\n if (this.#isListOpened()) {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusPrevious();\n break;\n case 'Enter':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.select().then(() => {\n this.#closeList();\n this.#textfieldEl.focus();\n });\n break;\n case 'Escape':\n e.preventDefault();\n e.stopPropagation();\n this.#closeList();\n break;\n }\n } else {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#openList();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#openList();\n this.#listEl.focusPrevious();\n break;\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupComboboxProps, descriptions);\n }\n /**\n * Retrieves the component's value.\n * @returns {string} Value of the component.\n */\n @Method()\n async getValue(): Promise<string> {\n return this.value;\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the focus to the component.\n */\n @Method()\n async setFocus() {\n this.#textfieldEl.focus();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupComboboxProps, props);\n }\n /**\n * Sets the component's value.\n * @param {string} value - Value to be set.\n */\n @Method()\n async setValue(value: string) {\n this.#consistencyCheck(value, true);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #openList() {\n if (this.#isListOpened()) {\n return;\n }\n // Manage list open while helperline is displayed\n const hasError = this.error.trim().length > 0;\n const hasAlert = this.alert.trim().length > 0;\n const topOffset = hasError || hasAlert ? -20 : 0;\n this.#textfieldWrapper.classList.add('toggled');\n this.#listEl.menuVisible = true;\n this.#listEl.filter = '';\n const elStyle = this.#listEl.style;\n elStyle.height = 'auto';\n elStyle.minWidth = this.#textfieldWrapper.clientWidth + 'px';\n if (this.#kupManager.dynamicPosition.isRegistered(this.#listEl)) {\n this.#kupManager.dynamicPosition.changeAnchor(\n this.#listEl,\n this.#textfieldWrapper\n );\n } else {\n this.#kupManager.dynamicPosition.register(\n this.#listEl,\n this.#textfieldWrapper,\n topOffset,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n }\n this.#kupManager.dynamicPosition.start(this.#listEl);\n if (!this.#clickCb) {\n this.#clickCb = {\n cb: () => {\n this.#closeList();\n },\n el: this.#listEl,\n };\n }\n this.#kupManager.addClickCallback(this.#clickCb, true);\n }\n\n #closeList() {\n this.#textfieldWrapper.classList.remove('toggled');\n this.#listEl.menuVisible = false;\n this.#kupManager.dynamicPosition.stop(this.#listEl);\n this.#kupManager.removeClickCallback(this.#clickCb);\n }\n\n #isListOpened(): boolean {\n return this.#listEl.menuVisible == true;\n }\n\n #consistencyCheck(idIn: string, setValue: boolean): ValueDisplayedValue {\n let ret = consistencyCheck(\n idIn,\n this.data['kup-list'],\n this.#listEl,\n this.selectMode,\n this.displayMode\n );\n\n if (ret.exists) {\n if (setValue) {\n this.value = ret.value;\n this.displayedValue = ret.displayedValue;\n }\n if (this.#listEl != null) {\n this.#listEl.filter = ret.value;\n }\n } else {\n this.value = idIn;\n this.displayedValue = idIn;\n if (this.#listEl != null) {\n this.#listEl.filter = ret.value;\n }\n }\n\n return ret;\n }\n\n #prepList() {\n return (\n <kup-list\n {...this.data['kup-list']}\n displayMode={this.displayMode}\n is-menu\n onkup-list-click={(e: CustomEvent<KupListEventPayload>) =>\n this.onKupItemClick(e)\n }\n ref={(el) => (this.#listEl = el)}\n ></kup-list>\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.theme.register(this);\n this.value = this.initialValue;\n if (!this.data) {\n this.data = {\n 'kup-list': {},\n 'kup-text-field': {},\n };\n }\n }\n\n componentDidLoad() {\n this.#consistencyCheck(this.value, true);\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const f: HTMLElement = root.querySelector('.f-text-field');\n if (f) {\n this.#textfieldWrapper = f;\n this.#textfieldEl = f.querySelector('input');\n FTextFieldMDC(f);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTextFieldProps = {\n alert: this.alert,\n danger: this.rootElement.classList.contains('kup-danger')\n ? true\n : false,\n disabled: this.disabled,\n error: this.error,\n icon: this.icon,\n info: this.rootElement.classList.contains('kup-info')\n ? true\n : false,\n isClearable: this.isClearable,\n label: this.label,\n leadingLabel: this.leadingLabel,\n readOnly: this.readOnly,\n sizing: this.sizing,\n success: this.rootElement.classList.contains('kup-success')\n ? true\n : false,\n value: this.value,\n warning: this.rootElement.classList.contains('kup-warning')\n ? true\n : false,\n };\n const fullHeight: boolean =\n this.rootElement.classList.contains('kup-full-height');\n const fullWidth: boolean =\n this.rootElement.classList.contains('kup-full-width');\n return (\n <Host\n class={`${fullHeight ? 'kup-full-height' : ''} ${\n fullWidth ? 'kup-full-width' : ''\n }`}\n style={this.#elStyle}\n >\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId} style={this.#elStyle}>\n <FTextField\n {...props}\n {...this.data['kup-text-field']}\n disabled={this.disabled}\n fullHeight={fullHeight}\n fullWidth={fullWidth}\n trailingIcon={true}\n icon={\n this.showDropDownIcon\n ? KupThemeIconValues.DROPDOWN\n : null\n }\n value={this.displayedValue}\n onBlur={() => this.onKupBlur()}\n onClick={() => this.onKupClick()}\n onChange={(e: UIEvent & { target: HTMLInputElement }) =>\n this.onKupChange(e.target.value)\n }\n onFocus={() => this.onKupFocus()}\n onInput={() => this.onKupInput()}\n onIconClick={() => this.onKupIconClick()}\n ></FTextField>\n </div>\n {this.#prepList()}\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.#listEl) {\n this.#kupManager.dynamicPosition.unregister([this.#listEl]);\n this.#listEl.remove();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kup-combobox.js","sourceRoot":"","sources":["../../../src/components/kup-combobox/kup-combobox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n Element,\n forceUpdate,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport {\n GenericObject,\n KupComponent,\n KupComponentSizing,\n} from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport {\n ItemsDisplayMode,\n KupListEventPayload,\n ValueDisplayedValue,\n} from '../kup-list/kup-list-declarations';\nimport { consistencyCheck } from '../kup-list/kup-list-helper';\nimport { FTextField } from '../../f-components/f-text-field/f-text-field';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport {\n KupComboboxEventPayload,\n KupComboboxIconClickEventPayload,\n KupComboboxProps,\n} from './kup-combobox-declarations';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { FTextFieldProps } from '../../f-components/f-text-field/f-text-field-declarations';\n\n@Component({\n tag: 'kup-combobox',\n styleUrl: 'kup-combobox.scss',\n shadow: true,\n})\nexport class KupCombobox {\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n @State() displayedValue: string = undefined;\n @State() value: string = '';\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Set alert message\n * @default '''\n */\n @Prop() alert: string = '';\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Props of the sub-components (date input text field).\n */\n @Prop() data: Object = undefined;\n /**\n * Defaults at false. When set to true, the component is disabled.\n */\n @Prop() disabled: boolean = false;\n /**\n * Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".\n */\n @Prop() displayMode: ItemsDisplayMode = ItemsDisplayMode.DESCRIPTION;\n /**\n * Set error message\n * @default '''\n */\n @Prop() error: string = '';\n /**\n * When set, the text-field will show this icon.\n * @default null\n */\n @Prop() icon: string = null;\n /**\n * Sets the initial value of the component\n */\n @Prop() initialValue: string = '';\n /**\n * Enables a clear trailing icon.\n * @default false\n */\n @Prop() isClearable: boolean = false;\n /**\n * Lets the combobox behave as a select element.\n */\n @Prop({ reflect: true }) isSelect: boolean = false;\n /**\n * When set, its content will be shown as a label.\n * @default null\n */\n @Prop() label: string = null;\n /**\n * When set to true, the label will be on the left of the component.\n * @default false\n */\n @Prop() leadingLabel: boolean = false;\n /**\n * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.\n * @default false\n */\n @Prop() readOnly: boolean = false;\n /**\n * Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".\n */\n @Prop() selectMode: ItemsDisplayMode = ItemsDisplayMode.CODE;\n /**\n * When true shows the drop-down icon, for open list.\n */\n @Prop() showDropDownIcon: boolean = true;\n /**\n * Sets the type of the button\n * @default KupComponentSizing.MEDIUM\n */\n @Prop() sizing: KupComponentSizing = KupComponentSizing.MEDIUM;\n /**\n * When set, the icon will be shown after the text.\n * @default false\n */\n @Prop() trailingIcon: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n #elStyle: any = undefined;\n #listEl: HTMLKupListElement = undefined;\n #textfieldWrapper: HTMLElement = undefined;\n #textfieldEl: HTMLInputElement | HTMLTextAreaElement = undefined;\n #clickCb: KupManagerClickCb = null;\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-combobox-blur',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupBlur: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-change',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupChange: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-focus',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupFocus: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-input',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupInput: EventEmitter<KupComboboxEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupComboboxIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-combobox-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupComboboxEventPayload>;\n\n onKupBlur() {\n this.kupBlur.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupChange(value: string) {\n let ret = this.#consistencyCheck(value, true);\n this.kupChange.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n\n onKupClick() {\n if (this.isSelect == true) {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n this.#openList();\n }\n }\n\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupFocus() {\n this.kupFocus.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n onKupInput() {\n let ret = this.#consistencyCheck(this.#textfieldEl.value, false);\n this.#openList();\n this.kupInput.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n node: ret.node,\n });\n }\n\n onKupIconClick() {\n if (this.#textfieldWrapper.classList.contains('toggled')) {\n this.#closeList();\n } else {\n this.#openList();\n }\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n open: this.#textfieldWrapper.classList.contains('toggled'),\n });\n }\n\n onKupItemClick(e: CustomEvent<KupListEventPayload>) {\n this.onKupChange(e.detail.selected.id);\n this.#closeList();\n if (this.#textfieldEl) {\n this.#textfieldEl.focus();\n }\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n node: e.detail.selected,\n value: this.value,\n inputValue: this.#textfieldEl.value,\n });\n }\n\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('initialValue')\n initialValueChange(newValue: string) {\n this.setValue(newValue);\n }\n\n /*-------------------------------------------------*/\n /* L i s t e n e r s */\n /*-------------------------------------------------*/\n\n @Listen('keydown')\n listenKeydown(e: KeyboardEvent) {\n if (this.#isListOpened()) {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.focusPrevious();\n break;\n case 'Enter':\n e.preventDefault();\n e.stopPropagation();\n this.#listEl.select().then(() => {\n this.#closeList();\n this.#textfieldEl.focus();\n });\n break;\n case 'Escape':\n e.preventDefault();\n e.stopPropagation();\n this.#closeList();\n break;\n }\n } else {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n e.stopPropagation();\n this.#openList();\n this.#listEl.focusNext();\n break;\n case 'ArrowUp':\n e.preventDefault();\n e.stopPropagation();\n this.#openList();\n this.#listEl.focusPrevious();\n break;\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupComboboxProps, descriptions);\n }\n /**\n * Retrieves the component's value.\n * @returns {string} Value of the component.\n */\n @Method()\n async getValue(): Promise<string> {\n return this.value;\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the focus to the component.\n */\n @Method()\n async setFocus() {\n this.#textfieldEl.focus();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupComboboxProps, props);\n }\n /**\n * Sets the component's value.\n * @param {string} value - Value to be set.\n */\n @Method()\n async setValue(value: string) {\n this.#consistencyCheck(value, true);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #openList() {\n if (this.#isListOpened()) {\n return;\n }\n // Manage list open while helperline is displayed\n const hasError = this.error?.trim().length > 0;\n const hasAlert = this.alert?.trim().length > 0;\n const topOffset = hasError || hasAlert ? -20 : 0;\n this.#textfieldWrapper.classList.add('toggled');\n this.#listEl.menuVisible = true;\n this.#listEl.filter = '';\n const elStyle = this.#listEl.style;\n elStyle.height = 'auto';\n elStyle.minWidth = this.#textfieldWrapper.clientWidth + 'px';\n if (this.#kupManager.dynamicPosition.isRegistered(this.#listEl)) {\n this.#kupManager.dynamicPosition.changeAnchor(\n this.#listEl,\n this.#textfieldWrapper\n );\n } else {\n this.#kupManager.dynamicPosition.register(\n this.#listEl,\n this.#textfieldWrapper,\n topOffset,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n }\n this.#kupManager.dynamicPosition.start(this.#listEl);\n if (!this.#clickCb) {\n this.#clickCb = {\n cb: () => {\n this.#closeList();\n },\n el: this.#listEl,\n };\n }\n this.#kupManager.addClickCallback(this.#clickCb, true);\n }\n\n #closeList() {\n this.#textfieldWrapper.classList.remove('toggled');\n this.#listEl.menuVisible = false;\n this.#kupManager.dynamicPosition.stop(this.#listEl);\n this.#kupManager.removeClickCallback(this.#clickCb);\n }\n\n #isListOpened(): boolean {\n return this.#listEl.menuVisible == true;\n }\n\n #consistencyCheck(idIn: string, setValue: boolean): ValueDisplayedValue {\n let ret = consistencyCheck(\n idIn,\n this.data['kup-list'],\n this.#listEl,\n this.selectMode,\n this.displayMode\n );\n\n if (ret.exists) {\n if (setValue) {\n this.value = ret.value;\n this.displayedValue = ret.displayedValue;\n }\n if (this.#listEl != null) {\n this.#listEl.filter = ret.value;\n }\n } else {\n this.value = idIn;\n this.displayedValue = idIn;\n if (this.#listEl != null) {\n this.#listEl.filter = ret.value;\n }\n }\n\n return ret;\n }\n\n #prepList() {\n return (\n <kup-list\n {...this.data['kup-list']}\n displayMode={this.displayMode}\n is-menu\n onkup-list-click={(e: CustomEvent<KupListEventPayload>) =>\n this.onKupItemClick(e)\n }\n ref={(el) => (this.#listEl = el)}\n ></kup-list>\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.theme.register(this);\n this.value = this.initialValue;\n if (!this.data) {\n this.data = {\n 'kup-list': {},\n 'kup-text-field': {},\n };\n }\n }\n\n componentDidLoad() {\n this.#consistencyCheck(this.value, true);\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const f: HTMLElement = root.querySelector('.f-text-field');\n if (f) {\n this.#textfieldWrapper = f;\n this.#textfieldEl = f.querySelector('input');\n FTextFieldMDC(f);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTextFieldProps = {\n alert: this.alert,\n danger: this.rootElement.classList.contains('kup-danger')\n ? true\n : false,\n disabled: this.disabled,\n error: this.error,\n icon: this.icon,\n info: this.rootElement.classList.contains('kup-info')\n ? true\n : false,\n isClearable: this.isClearable,\n label: this.label,\n leadingLabel: this.leadingLabel,\n readOnly: this.readOnly,\n sizing: this.sizing,\n success: this.rootElement.classList.contains('kup-success')\n ? true\n : false,\n value: this.value,\n warning: this.rootElement.classList.contains('kup-warning')\n ? true\n : false,\n };\n const fullHeight: boolean =\n this.rootElement.classList.contains('kup-full-height');\n const fullWidth: boolean =\n this.rootElement.classList.contains('kup-full-width');\n return (\n <Host\n class={`${fullHeight ? 'kup-full-height' : ''} ${\n fullWidth ? 'kup-full-width' : ''\n }`}\n style={this.#elStyle}\n >\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId} style={this.#elStyle}>\n <FTextField\n {...props}\n {...this.data['kup-text-field']}\n disabled={this.disabled}\n fullHeight={fullHeight}\n fullWidth={fullWidth}\n trailingIcon={true}\n icon={\n this.showDropDownIcon\n ? KupThemeIconValues.DROPDOWN\n : null\n }\n value={this.displayedValue}\n onBlur={() => this.onKupBlur()}\n onClick={() => this.onKupClick()}\n onChange={(e: UIEvent & { target: HTMLInputElement }) =>\n this.onKupChange(e.target.value)\n }\n onFocus={() => this.onKupFocus()}\n onInput={() => this.onKupInput()}\n onIconClick={() => this.onKupIconClick()}\n ></FTextField>\n </div>\n {this.#prepList()}\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.#listEl) {\n this.#kupManager.dynamicPosition.unregister([this.#listEl]);\n this.#listEl.remove();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
@@ -26130,7 +26130,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
|
|
|
26130
26130
|
};
|
|
26131
26131
|
const fullHeight = this.rootElement.classList.contains('kup-full-height');
|
|
26132
26132
|
const fullWidth = this.rootElement.classList.contains('kup-full-width');
|
|
26133
|
-
return (h(Host, { key: '
|
|
26133
|
+
return (h(Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
|
|
26134
26134
|
? KupThemeIconValues.DROPDOWN
|
|
26135
26135
|
: null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
|
|
26136
26136
|
}
|
|
@@ -26176,12 +26176,13 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
|
|
|
26176
26176
|
"initialValue": ["initialValueChange"]
|
|
26177
26177
|
}]);
|
|
26178
26178
|
_KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _KupCombobox_listEl = new WeakMap(), _KupCombobox_textfieldWrapper = new WeakMap(), _KupCombobox_textfieldEl = new WeakMap(), _KupCombobox_clickCb = new WeakMap(), _KupCombobox_instances = new WeakSet(), _KupCombobox_openList = function _KupCombobox_openList() {
|
|
26179
|
+
var _a, _b;
|
|
26179
26180
|
if (__classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
|
|
26180
26181
|
return;
|
|
26181
26182
|
}
|
|
26182
26183
|
// Manage list open while helperline is displayed
|
|
26183
|
-
const hasError = this.error.trim().length > 0;
|
|
26184
|
-
const hasAlert = this.alert.trim().length > 0;
|
|
26184
|
+
const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
|
|
26185
|
+
const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
|
|
26185
26186
|
const topOffset = hasError || hasAlert ? -20 : 0;
|
|
26186
26187
|
__classPrivateFieldGet$2(this, _KupCombobox_textfieldWrapper, "f").classList.add('toggled');
|
|
26187
26188
|
__classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").menuVisible = true;
|
|
@@ -30088,7 +30089,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
|
|
|
30088
30089
|
};
|
|
30089
30090
|
const fullHeight = this.rootElement.classList.contains('kup-full-height');
|
|
30090
30091
|
const fullWidth = this.rootElement.classList.contains('kup-full-width');
|
|
30091
|
-
return (h(Host, { key: '
|
|
30092
|
+
return (h(Host, { key: '80b769eb42de13ab997f21834e8654a935baa656', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2d2685971f354aa45b995bc059cbc4c64c9fcca6' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '746a0f1b28445dd123b9a1b13ca17b51ecf31654', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: 'a8280c78136a37e52c3161e8112ea686974ad8d7' }, props, { icon: this.showDropDownIcon
|
|
30092
30093
|
? KupThemeIconValues.DROPDOWN
|
|
30093
30094
|
: null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
|
|
30094
30095
|
window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
|
|
@@ -30135,13 +30136,14 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
|
|
|
30135
30136
|
"setValue": [64]
|
|
30136
30137
|
}, [[0, "keydown", "listenKeydown"]]]);
|
|
30137
30138
|
_KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(), _KupAutocomplete_kupManager = new WeakMap(), _KupAutocomplete_textfieldWrapper = new WeakMap(), _KupAutocomplete_textfieldEl = new WeakMap(), _KupAutocomplete_clickCb = new WeakMap(), _KupAutocomplete_inputTimeout = new WeakMap(), _KupAutocomplete_instances = new WeakSet(), _KupAutocomplete_openList = function _KupAutocomplete_openList(forceOpen) {
|
|
30139
|
+
var _a, _b;
|
|
30138
30140
|
if (forceOpen != true &&
|
|
30139
30141
|
__classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
|
|
30140
30142
|
__classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
|
|
30141
30143
|
return false;
|
|
30142
30144
|
}
|
|
30143
|
-
const hasError = this.error.trim().length > 0;
|
|
30144
|
-
const hasAlert = this.alert.trim().length > 0;
|
|
30145
|
+
const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
|
|
30146
|
+
const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
|
|
30145
30147
|
const topOffset = hasError || hasAlert ? -20 : 0;
|
|
30146
30148
|
__classPrivateFieldGet(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
|
|
30147
30149
|
__classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible = true;
|