@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.11

package/dist/components/cura-dropdown-search-option.js

@@ -1,93 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);transition:background-color 0.15s linear}:host .component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),:host .component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}:host .selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:calc(var(--cura-spacing-base) * 3px) 0;min-height:calc(var(--cura-spacing-base) * 10px);min-width:0;gap:calc(var(--cura-spacing-base) * 1px);cursor:pointer}:host .selectable-container .content{flex:1;align-items:center;justify-content:flex-end;padding-right:calc(var(--cura-spacing-base) * 1px);min-width:0}:host .selectable-container ::slotted(cura-icon){--color:var(--neutral-dark) !important;margin:0 10px}:host .selectable-container ::slotted(cura-avatar){margin:0 calc(var(--cura-spacing-base) * 1px)}:host .selectable-container ::slotted(cura-heading),:host .selectable-container ::slotted(cura-paragraph){--margin-block:0 !important;--color-spot:var(--primary) !important}:host .selectable-container ::slotted(cura-heading){--color-body:var(--neutral-black) !important}:host .selectable-container ::slotted(cura-paragraph){--color-body:var(--neutral-dark) !important}:host .selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}:host .selected .selectable-container{cursor:default}:host .selected .selectable-container ::slotted(cura-icon){--color:var(--primary) !important}:host .selected .selectable-container ::slotted(cura-heading){--color-body:var(--primary) !important}:host .actions-container{display:flex}:host .actions-container ::slotted(*){padding-left:calc(var(--cura-spacing-base) * 1px)}:host .not-selectable .selectable-container{cursor:default}:host(:last-child) .component-container{border-bottom:none !important}";
-
-const CuraDropdownSearchOption$1 = /*@__PURE__*/ proxyCustomElement(class CuraDropdownSearchOption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.actionclick = createEvent(this, "actionclick");
-        this.selectoption = createEvent(this, "selectoption");
-        /**
-         * Enable selection for this option.
-         * Default is true.
-         */
-        this.selectable = true;
-        /**
-         * Selected state.
-         * This will be managed by the parent component.
-         * Default is false.
-         */
-        this.selected = false;
-        /**
-         * Highlighted state.
-         * This will be managed by the parent component.
-         * Default is false.
-         */
-        this.highlighted = false;
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-    }
-    connectedCallback() {
-        this.styles = {
-            '--neutral-light': this.theme.colors.getColor('neutral-light'),
-            '--neutral-white': this.theme.colors.getColor('neutral-white'),
-            '--neutral-dark': this.theme.colors.getColor('neutral-dark'),
-            '--neutral-black': this.theme.colors.getColor('neutral-black'),
-            '--primary-lighter-50': this.theme.colors.getColor('primary-lighter', .5),
-            '--primary-light': this.theme.colors.getColor('primary-light'),
-            '--primary': this.theme.colors.getColor('primary-base')
-        };
-    }
-    handleSelect() {
-        if (this.selectable) {
-            this.selectoption.emit(this.optionid);
-        }
-        else {
-            this.actionclick.emit();
-        }
-    }
-    handleActionsClick() {
-        this.actionclick.emit();
-    }
-    getClasses() {
-        return {
-            'component-container': true,
-            'selected': this.selected,
-            'highlighted': this.highlighted,
-            'not-selectable': !this.selectable
-        };
-    }
-    render() {
-        return (h(Host, { key: '6168a95a628d07878f472c310390bf9c45bd5057' }, h("div", { key: '29763282f101a9fbe205c91e7b3c70fa51878e63', class: this.getClasses(), style: this.styles }, h("div", { key: '46bd7a250ad866b984e6f4184aa4800e89b741c9', class: "selectable-container", onClick: () => this.handleSelect() }, h("slot", { key: '77088405f3cc4f077e49a4266fb926348774d9e9', name: 'image' }), h("div", { key: '96baef2af4ffe7c5ec809a5adbd0512120b6c71c', class: "content" }, h("slot", { key: 'e41794e8eaff6bfe1516e88e8591ca915eb7ad3f' }))), h("div", { key: '991bca3b0956519b531d576a1738bc3f200cc73f', class: "actions-container", onClick: () => this.handleActionsClick() }, h("slot", { key: '098e8c29ab48ef8e0cfff2a48a31860eafb62487', name: 'actions' })))));
-    }
-    static get style() { return curaDropdownSearchOptionCss; }
-}, [1, "cura-dropdown-search-option", {
-        "value": [1],
-        "optionid": [1],
-        "selectable": [516],
-        "selected": [516],
-        "highlighted": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-dropdown-search-option"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-dropdown-search-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDropdownSearchOption$1);
-            }
-            break;
-    } });
-}
-
-const CuraDropdownSearchOption = CuraDropdownSearchOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraDropdownSearchOption, defineCustomElement };
-//# sourceMappingURL=cura-dropdown-search-option.js.map
-
-//# sourceMappingURL=cura-dropdown-search-option.js.map
+import{p as t,H as e,k as a,i as o,j as r,t as c}from"./p-DBXUEjWh.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionclick=a(this,"actionclick"),this.selectoption=a(this,"selectoption"),this.selectable=!0,this.selected=!1,this.highlighted=!1,this.styles={},this.theme=window.CuraAPI.theme}connectedCallback(){this.styles={"--neutral-light":this.theme.colors.getColor("neutral-light"),"--neutral-white":this.theme.colors.getColor("neutral-white"),"--neutral-dark":this.theme.colors.getColor("neutral-dark"),"--neutral-black":this.theme.colors.getColor("neutral-black"),"--primary-lighter-50":this.theme.colors.getColor("primary-lighter",.5),"--primary-light":this.theme.colors.getColor("primary-light"),"--primary":this.theme.colors.getColor("primary-base")}}handleSelect(){this.selectable?this.selectoption.emit(this.optionid):this.actionclick.emit()}handleActionsClick(){this.actionclick.emit()}getClasses(){return{"component-container":!0,selected:this.selected,highlighted:this.highlighted,"not-selectable":!this.selectable}}render(){return o(r,{key:"6168a95a628d07878f472c310390bf9c45bd5057"},o("div",{key:"29763282f101a9fbe205c91e7b3c70fa51878e63",class:this.getClasses(),style:this.styles},o("div",{key:"46bd7a250ad866b984e6f4184aa4800e89b741c9",class:"selectable-container",onClick:()=>this.handleSelect()},o("slot",{key:"77088405f3cc4f077e49a4266fb926348774d9e9",name:"image"}),o("div",{key:"96baef2af4ffe7c5ec809a5adbd0512120b6c71c",class:"content"},o("slot",{key:"e41794e8eaff6bfe1516e88e8591ca915eb7ad3f"}))),o("div",{key:"991bca3b0956519b531d576a1738bc3f200cc73f",class:"actions-container",onClick:()=>this.handleActionsClick()},o("slot",{key:"098e8c29ab48ef8e0cfff2a48a31860eafb62487",name:"actions"}))))}static get style(){return":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);transition:background-color 0.15s linear}:host .component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),:host .component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}:host .selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:calc(var(--cura-spacing-base) * 3px) 0;min-height:calc(var(--cura-spacing-base) * 10px);min-width:0;gap:calc(var(--cura-spacing-base) * 1px);cursor:pointer}:host .selectable-container .content{flex:1;align-items:center;justify-content:flex-end;padding-right:calc(var(--cura-spacing-base) * 1px);min-width:0}:host .selectable-container ::slotted(cura-icon){--color:var(--neutral-dark) !important;margin:0 10px}:host .selectable-container ::slotted(cura-avatar){margin:0 calc(var(--cura-spacing-base) * 1px)}:host .selectable-container ::slotted(cura-heading),:host .selectable-container ::slotted(cura-paragraph){--margin-block:0 !important;--color-spot:var(--primary) !important}:host .selectable-container ::slotted(cura-heading){--color-body:var(--neutral-black) !important}:host .selectable-container ::slotted(cura-paragraph){--color-body:var(--neutral-dark) !important}:host .selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}:host .selected .selectable-container{cursor:default}:host .selected .selectable-container ::slotted(cura-icon){--color:var(--primary) !important}:host .selected .selectable-container ::slotted(cura-heading){--color-body:var(--primary) !important}:host .actions-container{display:flex}:host .actions-container ::slotted(*){padding-left:calc(var(--cura-spacing-base) * 1px)}:host .not-selectable .selectable-container{cursor:default}:host(:last-child) .component-container{border-bottom:none !important}"}},[257,"cura-dropdown-search-option",{value:[1],optionid:[1],selectable:[516],selected:[516],highlighted:[516]}]),n=i,s=function(){"undefined"!=typeof customElements&&["cura-dropdown-search-option"].forEach((t=>{"cura-dropdown-search-option"===t&&(customElements.get(c(t))||customElements.define(c(t),i))}))};export{n as CuraDropdownSearchOption,s as defineCustomElement}

package/dist/components/cura-dropdown-search.js

@@ -1,445 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { a as addBodyScrollLockClass, r as removeBodyScrollLockClass, c as checkMobile, b as checkIOS, d as defineCustomElement$4 } from './p-CgMS6FUK.js';
-import { d as defineCustomElement$6 } from './p-BRDqwZ4N.js';
-import { d as defineCustomElement$5 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$3 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$2 } from './p-Dqm2sAwv.js';
-
-class FixedElementScrollBehavior {
-    constructor(hostElement, scrollableElement) {
-        this._stopPropagationEvent = (e) => {
-            if (this.scrollableElement.scrollHeight <= this.scrollableElement.clientHeight) {
-                e.preventDefault();
-            }
-            e.stopPropagation();
-        };
-        this._preventEvent = (ev) => {
-            ev.preventDefault();
-            ev.stopPropagation();
-        };
-        if (!hostElement || !scrollableElement) {
-            console.error("Componentes host ou scrollable não foram informados corretamente ou não existem.");
-        }
-        else {
-            this.hostElement = hostElement;
-            this.scrollableElement = scrollableElement;
-        }
-    }
-    disableScroll() {
-        this.scrollPosition = window.scrollY;
-        window.scrollTo({ top: 0, behavior: 'instant' });
-        addBodyScrollLockClass();
-        this._addEvents();
-    }
-    enableScroll() {
-        removeBodyScrollLockClass();
-        window.scrollTo({ top: this.scrollPosition, behavior: 'instant' });
-        this._removeEvents();
-    }
-    _addEvents() {
-        this.hostElement.addEventListener('wheel', this._preventEvent, { passive: false });
-        this.hostElement.addEventListener('mousewheel', this._preventEvent, { passive: false });
-        this.hostElement.addEventListener('touchmove', this._preventEvent, { passive: false });
-        this.hostElement.addEventListener('scroll', this._preventEvent, { passive: false });
-        this.scrollableElement.addEventListener('wheel', this._stopPropagationEvent, { passive: false });
-        this.scrollableElement.addEventListener('mousewheel', this._stopPropagationEvent, { passive: false });
-        this.scrollableElement.addEventListener('touchmove', this._stopPropagationEvent, { passive: false });
-        this.scrollableElement.addEventListener('scroll', this._stopPropagationEvent, { passive: false });
-    }
-    _removeEvents() {
-        this.hostElement.removeEventListener('wheel', this._preventEvent);
-        this.hostElement.removeEventListener('mousewheel', this._preventEvent);
-        this.hostElement.removeEventListener('touchmove', this._preventEvent);
-        this.hostElement.removeEventListener('scroll', this._preventEvent);
-        this.scrollableElement.removeEventListener('wheel', this._stopPropagationEvent);
-        this.scrollableElement.removeEventListener('mousewheel', this._stopPropagationEvent);
-        this.scrollableElement.removeEventListener('touchmove', this._stopPropagationEvent);
-        this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);
-    }
-}
-
-const curaDropdownSearchCss = ":host{display:block;box-sizing:border-box;position:relative}:host .component-controls{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px)}:host .component-controls #button-back{padding:0 0 0 calc(var(--cura-spacing-base) * 3px);width:max-content}:host .component-container{box-sizing:border-box;width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr}:host .component-container.zoom{position:fixed;top:0;left:0;width:100vw;background:var(--purewhite);height:var(--height);z-index:9999;overscroll-behavior:contain}:host .component-container.zoom .component-controls{border-bottom:2px solid var(--primary);padding:calc(var(--cura-spacing-base) * 3px) 0}:host .component-container.zoom.error .component-controls{border-bottom:2px solid var(--error-dark);background-color:var(--error-lighter)}:host .component-container .dropdown-container{box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:calc(var(--cura-spacing-base) * 3px);overscroll-behavior:contain}:host .component-container:not(.zoom) .dropdown-container{box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;bottom:0;left:0;transform:translateY(100%);max-height:var(--max-height);background-color:var(--purewhite);border-radius:0px 0px calc(var(--cura-spacing-base) * 1px) calc(var(--cura-spacing-base) * 1px);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);border-right:2px solid var(--neutral-light);display:none;z-index:9997}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-field){border-radius:4px 4px 0px 0px}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-text-helper){height:0px;overflow:hidden;margin-top:0px}:host .component-container:not(.zoom).dropdown-visible .dropdown-container{display:block}";
-
-const CuraDropdownSearch$1 = /*@__PURE__*/ proxyCustomElement(class CuraDropdownSearch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.termchange = createEvent(this, "termchange");
-        this.optionselect = createEvent(this, "optionselect");
-        /**
-         * Size of the dropdown search component
-         * Values: 'small', 'medium' or 'large' (default).
-         */
-        this.size = 'large';
-        /**
-         * Define component status.
-         * Values: 'error' or 'default'.
-         */
-        this.status = 'default';
-        /**
-         * Disabled state. Default: false.
-         */
-        this.disabled = false;
-        /**
-         * Field is required. Default: false.
-         */
-        this.required = false;
-        /**
-         * The placeholder text.
-         */
-        this.placeholder = '';
-        /**
-         * The label.
-         */
-        this.label = '';
-        /**
-         * Custom icon name. Default: search.
-         */
-        this.icon = 'search';
-        /**
-         * CSS max-height property for dropdown item.
-         * Can also be used by css property --max-height.
-         * Default: 400px
-         */
-        this.maxheight = '400px';
-        /**
-         * Readonly property value.
-         * Represents the term on the search input field.
-         */
-        this.value = '';
-        /**
-         * Delay in milliseconds to dispatch search events.
-         * Default: 400
-         */
-        this.searchdelay = 400;
-        /**
-         * Min chars to dispatch search events.
-         * Default: 3
-         */
-        this.searchminchars = 3;
-        this.styles = {};
-        this.zoomState = false;
-        this.isOnFocus = false;
-        this.resizeTimeoutMs = 66;
-        this.focusTimeoutMs = 500;
-        this.blurTimeoutMs = 300;
-        this.highlightedIndex = -1;
-        this.dropdownItems = [];
-        this.dropdownSelectableItems = [];
-        this.handleSlotChange = () => { this.getSlotElements(); };
-        this.handleWindowResize = () => {
-            if (this.resizeTimeout)
-                clearTimeout(this.resizeTimeout);
-            this.resizeTimeout = setTimeout(() => {
-                this.isMobile = checkMobile();
-                this.setZoomHeight();
-            }, this.resizeTimeoutMs);
-        };
-        this.handleFocus = () => {
-            if (this.focusTimeout)
-                clearTimeout(this.focusTimeout);
-            this.focusTimeout = setTimeout(() => {
-                this.isOnFocus = true;
-                this.clearHighlight();
-                if (this.isMobile && !this.zoomState)
-                    this.enterZoom();
-                if (this.zoomState)
-                    this.setZoomHeight();
-                setTimeout(() => {
-                    var _a;
-                    (_a = this.selectedOptionElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
-                }, 10);
-            }, this.focusTimeoutMs);
-        };
-        this.handleBlur = () => {
-            if (this.blurTimeout)
-                clearTimeout(this.blurTimeout);
-            this.blurTimeout = setTimeout(() => {
-                if (this.zoomState) {
-                    const delay = checkIOS ? 500 : 100;
-                    setTimeout(() => this.setZoomHeight(), delay);
-                }
-                this.isOnFocus = false;
-            }, this.blurTimeoutMs);
-        };
-        this.handleFocusout = () => {
-            if (this.zoomState)
-                this.setZoomHeight();
-        };
-        this.handleBackClick = () => { this.exitZoom(); };
-        this.handleOptionActionClick = (ev) => {
-            this.getInputElement().setFocus();
-            this._preventEvent(ev);
-        };
-        this.handleInputClear = (ev) => {
-            this.setValue('');
-            this.clearSelectedOptions();
-            this._preventEvent(ev);
-        };
-        this.handleSelectOption = (ev) => {
-            this._selectOption(ev.detail);
-            this._preventEvent(ev);
-        };
-        this.handleInputValueChange = (ev) => {
-            this.setValue(ev.detail);
-            if (this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {
-                this.clearSelectedOptions();
-            }
-            this._preventEvent(ev);
-        };
-        this.handleDropdownMouseOver = () => {
-            if (this.highlightedElement || this.highlightedIndex >= 0)
-                this.clearHighlight();
-        };
-        this.handleKeyDown = (ev) => {
-            if (ev.key === 'ArrowDown')
-                this.moveHighlight('next');
-            if (ev.key === 'ArrowUp')
-                this.moveHighlight('prev');
-            if (ev.key === 'Enter')
-                this.selectHighlight();
-        };
-        this.getInputElement = () => { var _a; return (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cura-input-text'); };
-        this._preventEvent = (ev) => {
-            ev.preventDefault();
-            ev.stopPropagation();
-        };
-    }
-    /**
-     * Set focus to input field.
-     */
-    async setFocus() {
-        this.getInputElement().setFocus();
-    }
-    /**
-     * Select by optionid property of a selectable option component.
-     */
-    async selectOption(optionid) {
-        this._selectOption(optionid);
-    }
-    connectedCallback() {
-        this.weights = window.CuraAPI.theme.fonts.getWeights();
-        this.breakpoints = window.CuraAPI.theme.breakpoints.get();
-        this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');
-        this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');
-        this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');
-        this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');
-        this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);
-        this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');
-        this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');
-        this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');
-        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-        this.styles['--font-weight-medium'] = this.weights.medium;
-        window === null || window === void 0 ? void 0 : window.addEventListener('resize', this.handleWindowResize);
-        window === null || window === void 0 ? void 0 : window.addEventListener('orientationchange', this.handleWindowResize);
-        this.isMobile = checkMobile();
-    }
-    componentDidLoad() {
-        var _a;
-        this.dropdownElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-container');
-        this.host.addEventListener('actionclick', this.handleOptionActionClick);
-        this.host.addEventListener('selectoption', this.handleSelectOption);
-        this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);
-        setTimeout(() => this.getSlotElements(), 10);
-    }
-    disconnectedCallback() {
-        this.removeAllListeners();
-    }
-    removeAllListeners() {
-        window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.handleWindowResize);
-        window === null || window === void 0 ? void 0 : window.removeEventListener('orientationchange', this.handleWindowResize);
-        this.host.removeEventListener('actionclick', this.handleOptionActionClick);
-        this.host.removeEventListener('selectoption', this.handleSelectOption);
-    }
-    moveHighlight(direction) {
-        if (!this.dropdownSelectableItems.length)
-            return;
-        let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;
-        if (position < 0) {
-            this.clearHighlight();
-            return;
-        }
-        const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;
-        if (position > selectableItemsLastPosition)
-            position = selectableItemsLastPosition;
-        if (this.highlightedElement)
-            this.highlightedElement.highlighted = false;
-        this.highlightedIndex = position;
-        this.highlightedElement = this.dropdownSelectableItems[position];
-        if (this.highlightedElement.selected) {
-            this.moveHighlight(direction);
-            return;
-        }
-        this.highlightedElement.highlighted = true;
-        this.highlightedElement.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
-    }
-    clearHighlight() {
-        if (this.highlightedElement) {
-            this.highlightedElement.highlighted = false;
-            this.highlightedElement = null;
-        }
-        this.highlightedIndex = -1;
-    }
-    selectHighlight() {
-        if (this.highlightedElement) {
-            this._selectOption(this.highlightedElement.optionid);
-            this.clearHighlight();
-            this.getInputElement().blur();
-        }
-    }
-    setValue(value) {
-        if (this.value !== value) {
-            this.value = value;
-            if (this.valueTimeout)
-                clearTimeout(this.valueTimeout);
-            this.valueTimeout = setTimeout(() => {
-                this.termchange.emit(this.value === '' || this.value.length < this.searchminchars ? '' : this.value);
-            }, this.searchdelay || 300);
-        }
-    }
-    _selectOption(optionid) {
-        if (!optionid) {
-            this.clearSelectedOptions();
-            this.setValue('');
-            return;
-        }
-        const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);
-        if (optionElement && !optionElement.selected) {
-            this.clearSelectedOptions();
-            this.selectedOptionElement = optionElement;
-            this.selectedOptionElement.selected = true;
-            this.setValue(this.selectedOptionElement.value);
-            this.optionselect.emit(this.selectedOptionElement.optionid);
-            if (this.zoomState)
-                setTimeout(() => this.exitZoom(), this.blurTimeoutMs);
-        }
-    }
-    clearSelectedOptions() {
-        this.dropdownSelectableItems.forEach(option => {
-            if (option.selected)
-                option.selected = false;
-        });
-        this.selectedOptionElement = null;
-    }
-    getSlotElements() {
-        const elements = [];
-        const selectable = [];
-        let hasNotFound = false;
-        if (this.dropdownElement) {
-            this.dropdownElement
-                .querySelector('slot')
-                .assignedElements()
-                .forEach(item => {
-                elements.push(item);
-                if (item.localName === 'cura-dropdown-search-option' && item["selectable"])
-                    selectable.push(item);
-                if (item.localName === 'cura-dropdown-search-not-found')
-                    hasNotFound = true;
-            });
-        }
-        this.dropdownSelectableItems = selectable;
-        this.dropdownItems = elements;
-        this.status = hasNotFound ? 'error' : 'default';
-    }
-    enterZoom() {
-        this.scrollBehavior.disableScroll();
-        this.setZoomHeight();
-        this.zoomState = true;
-    }
-    exitZoom() {
-        this.scrollBehavior.enableScroll();
-        this.setZoomHeight();
-        setTimeout(() => { this.zoomState = false; }, 300);
-    }
-    setZoomHeight() {
-        var _a;
-        const h = window ? `${((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight}px` : '100vh';
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--height': h });
-    }
-    getClasses() {
-        return {
-            "component-container": true,
-            "mobile": this.isMobile,
-            "zoom": this.zoomState,
-            "dropdown-visible": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),
-            "error": this.status === 'error'
-        };
-    }
-    getHostCSSProperties() {
-        return {
-            '--max-height': this.maxheight || '400px'
-        };
-    }
-    render() {
-        return (h(Host, { key: '06350dc474b86ca27d1f78559fc6296fbc3aa73e', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, h("div", { key: 'e5cc22f978f014b4fb5bd9d33c73154d19991ef3', class: this.getClasses(), style: this.styles }, h("div", { key: '2f0ccd3de2ab3dd3b5b93f5225c25c6dbec517c1', class: "component-controls" }, this.isMobile && this.zoomState ? (h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', h("cura-input-text", { key: '9c98bf9e910d5503e93addc3d34ae9739bccf9ab', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", { key: 'e6c0a8578436f1fa1392defb6fc7b0126bb3ae33', name: "helperText" }))), h("div", { key: '06c4fb438972a42558072600bf91af9b5c94a538', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, h("slot", { key: 'c0a63a14785e15a6fcb555732f47efa94efec930', onSlotchange: () => this.handleSlotChange() })))));
-    }
-    get host() { return this; }
-    static get style() { return curaDropdownSearchCss; }
-}, [1, "cura-dropdown-search", {
-        "name": [513],
-        "size": [513],
-        "status": [1537],
-        "disabled": [516],
-        "required": [516],
-        "placeholder": [513],
-        "label": [513],
-        "icon": [513],
-        "maxheight": [513],
-        "value": [1025],
-        "searchdelay": [514],
-        "searchminchars": [514],
-        "styles": [32],
-        "zoomState": [32],
-        "isOnFocus": [32],
-        "dropdownItems": [32],
-        "setFocus": [64],
-        "selectOption": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-dropdown-search", "cura-button-transparent", "cura-icon", "cura-input-text", "cura-label", "cura-loader-circle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-dropdown-search":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDropdownSearch$1);
-            }
-            break;
-        case "cura-button-transparent":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "cura-input-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-loader-circle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraDropdownSearch = CuraDropdownSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraDropdownSearch, defineCustomElement };
-//# sourceMappingURL=cura-dropdown-search.js.map
-
-//# sourceMappingURL=cura-dropdown-search.js.map
+import{p as t,H as i,k as s,i as o,j as e,t as h}from"./p-DBXUEjWh.js";import{a as n,r,c as a,b as c,d as l}from"./p-B8xnU6YS.js";import{d}from"./p-DXlGQp3a.js";import{d as p}from"./p-fn4zJrKE.js";import{d as u}from"./p-BSdkRryc.js";import{d as w}from"./p-Bf21UQXV.js";class m{constructor(t,i){this._stopPropagationEvent=t=>{this.scrollableElement.scrollHeight<=this.scrollableElement.clientHeight&&t.preventDefault(),t.stopPropagation()},this._preventEvent=t=>{t.preventDefault(),t.stopPropagation()},t&&i?(this.hostElement=t,this.scrollableElement=i):console.error("Componentes host ou scrollable não foram informados corretamente ou não existem.")}disableScroll(){this.scrollPosition=window.scrollY,window.scrollTo({top:0,behavior:"instant"}),n(),this._addEvents()}enableScroll(){r(),window.scrollTo({top:this.scrollPosition,behavior:"instant"}),this._removeEvents()}_addEvents(){this.hostElement.addEventListener("wheel",this._preventEvent,{passive:!1}),this.hostElement.addEventListener("mousewheel",this._preventEvent,{passive:!1}),this.hostElement.addEventListener("touchmove",this._preventEvent,{passive:!1}),this.hostElement.addEventListener("scroll",this._preventEvent,{passive:!1}),this.scrollableElement.addEventListener("wheel",this._stopPropagationEvent,{passive:!1}),this.scrollableElement.addEventListener("mousewheel",this._stopPropagationEvent,{passive:!1}),this.scrollableElement.addEventListener("touchmove",this._stopPropagationEvent,{passive:!1}),this.scrollableElement.addEventListener("scroll",this._stopPropagationEvent,{passive:!1})}_removeEvents(){this.hostElement.removeEventListener("wheel",this._preventEvent),this.hostElement.removeEventListener("mousewheel",this._preventEvent),this.hostElement.removeEventListener("touchmove",this._preventEvent),this.hostElement.removeEventListener("scroll",this._preventEvent),this.scrollableElement.removeEventListener("wheel",this._stopPropagationEvent),this.scrollableElement.removeEventListener("mousewheel",this._stopPropagationEvent),this.scrollableElement.removeEventListener("touchmove",this._stopPropagationEvent),this.scrollableElement.removeEventListener("scroll",this._stopPropagationEvent)}}const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.termchange=s(this,"termchange"),this.optionselect=s(this,"optionselect"),this.size="large",this.status="default",this.disabled=!1,this.required=!1,this.placeholder="",this.label="",this.icon="search",this.maxheight="400px",this.value="",this.searchdelay=400,this.searchminchars=3,this.styles={},this.zoomState=!1,this.isOnFocus=!1,this.resizeTimeoutMs=66,this.focusTimeoutMs=500,this.blurTimeoutMs=300,this.highlightedIndex=-1,this.dropdownItems=[],this.dropdownSelectableItems=[],this.handleSlotChange=()=>{this.getSlotElements()},this.handleWindowResize=()=>{this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.isMobile=a(),this.setZoomHeight()}),this.resizeTimeoutMs)},this.handleVisualViewportChange=()=>{this.zoomState&&(this.viewportTimeout&&clearTimeout(this.viewportTimeout),this.viewportTimeout=setTimeout((()=>this.setZoomHeight()),this.resizeTimeoutMs))},this.handleFocus=()=>{this.focusTimeout&&clearTimeout(this.focusTimeout),this.focusTimeout=setTimeout((()=>{this.isOnFocus=!0,this.clearHighlight(),this.isMobile&&!this.zoomState&&this.enterZoom(),this.zoomState&&this.setZoomHeight(),setTimeout((()=>{var t;null===(t=this.selectedOptionElement)||void 0===t||t.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"})}),10)}),this.focusTimeoutMs)},this.handleBlur=()=>{this.blurTimeout&&clearTimeout(this.blurTimeout),this.blurTimeout=setTimeout((()=>{this.zoomState&&setTimeout((()=>this.setZoomHeight()),c?500:100),this.isOnFocus=!1}),this.blurTimeoutMs)},this.handleFocusout=()=>{this.zoomState&&this.setZoomHeight()},this.handleBackClick=()=>{this.exitZoom()},this.handleOptionActionClick=t=>{this.getInputElement().setFocus(),this._preventEvent(t)},this.handleInputClear=t=>{this.setValue(""),this.clearSelectedOptions(),this._preventEvent(t)},this.handleSelectOption=t=>{this._selectOption(t.detail),this._preventEvent(t)},this.handleInputValueChange=t=>{this.setValue(t.detail),this.selectedOptionElement&&t.detail!==this.selectedOptionElement.value&&this.clearSelectedOptions(),this._preventEvent(t)},this.handleDropdownMouseOver=()=>{(this.highlightedElement||this.highlightedIndex>=0)&&this.clearHighlight()},this.handleKeyDown=t=>{"ArrowDown"===t.key&&this.moveHighlight("next"),"ArrowUp"===t.key&&this.moveHighlight("prev"),"Enter"===t.key&&this.selectHighlight()},this.getInputElement=()=>{var t;return null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("cura-input-text")},this._preventEvent=t=>{t.preventDefault(),t.stopPropagation()}}async setFocus(){this.getInputElement().setFocus()}async selectOption(t){this._selectOption(t)}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.breakpoints=window.CuraAPI.theme.breakpoints.get(),this.styles["--info"]=window.CuraAPI.theme.colors.getColor("info-base"),this.styles["--purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite"),this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor("neutral-light"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor("neutral-black",.16),this.styles["--error-dark"]=window.CuraAPI.theme.colors.getColor("error-dark"),this.styles["--error-lighter"]=window.CuraAPI.theme.colors.getColor("error-lighter"),this.styles["--primary"]=window.CuraAPI.theme.colors.getColor("primary"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,null===window||void 0===window||window.addEventListener("resize",this.handleWindowResize),null===window||void 0===window||window.addEventListener("orientationchange",this.handleWindowResize),(null===window||void 0===window?void 0:window.visualViewport)&&(window.visualViewport.addEventListener("resize",this.handleVisualViewportChange),window.visualViewport.addEventListener("scroll",this.handleVisualViewportChange)),this.isMobile=a()}componentDidLoad(){var t;this.dropdownElement=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-container"),this.host.addEventListener("actionclick",this.handleOptionActionClick),this.host.addEventListener("selectoption",this.handleSelectOption),this.scrollBehavior=new m(this.host,this.dropdownElement),setTimeout((()=>this.getSlotElements()),10)}disconnectedCallback(){this.removeAllListeners()}removeAllListeners(){null===window||void 0===window||window.removeEventListener("resize",this.handleWindowResize),null===window||void 0===window||window.removeEventListener("orientationchange",this.handleWindowResize),(null===window||void 0===window?void 0:window.visualViewport)&&(window.visualViewport.removeEventListener("resize",this.handleVisualViewportChange),window.visualViewport.removeEventListener("scroll",this.handleVisualViewportChange)),this.host.removeEventListener("actionclick",this.handleOptionActionClick),this.host.removeEventListener("selectoption",this.handleSelectOption)}moveHighlight(t){if(!this.dropdownSelectableItems.length)return;let i="next"===t?this.highlightedIndex+1:this.highlightedIndex-1;if(i<0)return void this.clearHighlight();const s=this.dropdownSelectableItems.length-1;i>s&&(i=s),this.highlightedElement&&(this.highlightedElement.highlighted=!1),this.highlightedIndex=i,this.highlightedElement=this.dropdownSelectableItems[i],this.highlightedElement.selected?this.moveHighlight(t):(this.highlightedElement.highlighted=!0,this.highlightedElement.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"}))}clearHighlight(){this.highlightedElement&&(this.highlightedElement.highlighted=!1,this.highlightedElement=null),this.highlightedIndex=-1}selectHighlight(){this.highlightedElement&&(this._selectOption(this.highlightedElement.optionid),this.clearHighlight(),this.getInputElement().blur())}setValue(t){this.value!==t&&(this.value=t,this.valueTimeout&&clearTimeout(this.valueTimeout),this.valueTimeout=setTimeout((()=>{var t;const i=null!==(t=this.value)&&void 0!==t?t:"";this.termchange.emit(""===i||i.length<this.searchminchars?"":i)}),this.searchdelay||300))}_selectOption(t){if(!t)return this.clearSelectedOptions(),void this.setValue("");const i=this.dropdownSelectableItems.find((i=>i.optionid===t));i&&!i.selected&&(this.clearSelectedOptions(),this.selectedOptionElement=i,this.selectedOptionElement.selected=!0,this.setValue(this.selectedOptionElement.value),this.optionselect.emit(this.selectedOptionElement.optionid),this.zoomState&&setTimeout((()=>this.exitZoom()),this.blurTimeoutMs))}clearSelectedOptions(){this.dropdownSelectableItems.forEach((t=>{t.selected&&(t.selected=!1)})),this.selectedOptionElement=null}getSlotElements(){const t=[],i=[];let s=!1;this.dropdownElement&&this.dropdownElement.querySelector("slot").assignedElements().forEach((o=>{t.push(o),"cura-dropdown-search-option"===o.localName&&o.selectable&&i.push(o),"cura-dropdown-search-not-found"===o.localName&&(s=!0)})),this.dropdownSelectableItems=i,this.dropdownItems=t,this.status=s?"error":"default"}enterZoom(){this.scrollBehavior.disableScroll(),this.setZoomHeight(),this.zoomState=!0}exitZoom(){this.scrollBehavior.enableScroll(),this.setZoomHeight(),setTimeout((()=>{this.zoomState=!1}),300)}setZoomHeight(){if(null===window||void 0===window?void 0:window.visualViewport){const t=window.visualViewport.height+"px",i=window.visualViewport.offsetTop+"px";return void(this.styles=Object.assign(Object.assign({},this.styles),{"--height":t,"--top-offset":i}))}const t=window?window.innerHeight+"px":"100vh";this.styles=Object.assign(Object.assign({},this.styles),{"--height":t,"--top-offset":"0px"})}getClasses(){return{"component-container":!0,mobile:this.isMobile,zoom:this.zoomState,"dropdown-visible":this.isOnFocus&&this.dropdownItems.length>0&&!this.zoomState,error:"error"===this.status}}getHostCSSProperties(){return{"--max-height":this.maxheight||"400px"}}render(){return o(e,{key:"7a312071ecc60fe462636ad7b32bcb82b5d5c1a2",style:this.getHostCSSProperties(),role:"search","aria-label":this.label,"aria-required":this.required,"aria-disabled":this.disabled,"aria-expanded":this.zoomState},o("div",{key:"c4b906871b300013208649f8dcf9b27cf161daae",class:this.getClasses(),style:this.styles},o("div",{key:"97d3d3ae67dc79f2d04456555388cce9aec36f7d",class:"component-controls"},this.isMobile&&this.zoomState?o("cura-button-transparent",{fontColor:"dark",onClick:()=>this.handleBackClick(),iconName:"arrowLeft",size:"large",iconOnly:!0,color:"primary",id:"button-back"}):"",o("cura-input-text",{key:"53aa07646542b9941804f7a7f0d66f8c340ce664",disabled:this.disabled,label:this.label,part:"cura-input-field",mode:this.zoomState?"transparent":"default",required:this.required,iconName:this.icon||"search",value:this.value,status:this.status,onValueChange:t=>this.handleInputValueChange(t),onInput:t=>this._preventEvent(t),onFocus:()=>this.handleFocus(),onClick:t=>this._preventEvent(t),onBlur:()=>this.handleBlur(),onFocusout:()=>this.handleFocusout(),onInputClear:t=>this.handleInputClear(t),placeholder:this.placeholder,size:this.size,onKeyDown:t=>this.handleKeyDown(t)},o("slot",{key:"fb206e8295b0139082b79cc747bfe8e424df33fa",name:"helperText"}))),o("div",{key:"8ab0ad70e667c4b01b2f7a31fc5df6056b170565",class:"dropdown-container",onMouseOver:()=>this.handleDropdownMouseOver()},o("slot",{key:"dc3cda02f7a70d7229457d6c225a606ee2e03f52",onSlotchange:()=>this.handleSlotChange()}))))}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;position:relative}:host .component-controls{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px)}:host .component-controls #button-back{padding:0 0 0 calc(var(--cura-spacing-base) * 3px);width:max-content}:host .component-container{box-sizing:border-box;width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr}:host .component-container.zoom{position:fixed;top:var(--top-offset, 0);left:0;width:100vw;background:var(--purewhite);height:var(--height);z-index:9999;overscroll-behavior:contain}:host .component-container.zoom .component-controls{border-bottom:2px solid var(--primary);padding:calc(var(--cura-spacing-base) * 3px) 0}:host .component-container.zoom.error .component-controls{border-bottom:2px solid var(--error-dark);background-color:var(--error-lighter)}:host .component-container .dropdown-container{box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:calc(var(--cura-spacing-base) * 3px);overscroll-behavior:contain}:host .component-container:not(.zoom) .dropdown-container{box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;bottom:0;left:0;transform:translateY(100%);max-height:var(--max-height);background-color:var(--purewhite);border-radius:0px 0px calc(var(--cura-spacing-base) * 1px) calc(var(--cura-spacing-base) * 1px);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);border-right:2px solid var(--neutral-light);display:none;z-index:9997}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-field){border-radius:4px 4px 0px 0px}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-text-helper){height:0px;overflow:hidden;margin-top:0px}:host .component-container:not(.zoom).dropdown-visible .dropdown-container{display:block}"}},[257,"cura-dropdown-search",{name:[513],size:[513],status:[1537],disabled:[516],required:[516],placeholder:[513],label:[513],icon:[513],maxheight:[513],value:[1025],searchdelay:[514],searchminchars:[514],styles:[32],zoomState:[32],isOnFocus:[32],dropdownItems:[32],setFocus:[64],selectOption:[64]}]),v=b,f=function(){"undefined"!=typeof customElements&&["cura-dropdown-search","cura-button-transparent","cura-icon","cura-input-text","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-dropdown-search":customElements.get(h(t))||customElements.define(h(t),b);break;case"cura-button-transparent":customElements.get(h(t))||d();break;case"cura-icon":customElements.get(h(t))||p();break;case"cura-input-text":customElements.get(h(t))||l();break;case"cura-label":customElements.get(h(t))||u();break;case"cura-loader-circle":customElements.get(h(t))||w()}}))};export{v as CuraDropdownSearch,f as defineCustomElement}

package/dist/components/cura-heading.js

@@ -1,9 +1 @@
-import { C as CuraHeading$1, d as defineCustomElement$1 } from './p-BHEafDKD.js';
-
-const CuraHeading = CuraHeading$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraHeading, defineCustomElement };
-//# sourceMappingURL=cura-heading.js.map
-
-//# sourceMappingURL=cura-heading.js.map
+import{C as o,d as s}from"./p-fR02COZb.js";const p=o,r=s;export{p as CuraHeading,r as defineCustomElement}

package/dist/components/cura-icon.js

@@ -1,9 +1 @@
-import { C as CuraIcon$1, d as defineCustomElement$1 } from './p-B5aO1chh.js';
-
-const CuraIcon = CuraIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraIcon, defineCustomElement };
-//# sourceMappingURL=cura-icon.js.map
-
-//# sourceMappingURL=cura-icon.js.map
+import{C as o,d as r}from"./p-fn4zJrKE.js";const s=o,p=r;export{s as CuraIcon,p as defineCustomElement}