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

package/dist/components/p-BTt-pVTn.js

@@ -1,442 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$2 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$1 } from './p-DR1RHrEX.js';
-
-const curaSelectCss = ":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:var(--max-height);overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important;padding:12px}";
-
-const CuraSelect = /*@__PURE__*/ proxyCustomElement(class CuraSelect extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selected = createEvent(this, "selected");
-        this.searchTermInput = createEvent(this, "searchTermInput");
-        this.internals = this.attachInternals();
-        /**
-         * The label text for the select component.
-         * Reflects as an attribute in the DOM.
-         */
-        this.label = '';
-        /**
-         * Placeholder text for the input field.
-         * Reflects as an attribute in the DOM.
-         */
-        this.placeholder = '';
-        /**
-         * Current value of the select component.
-         * Reflects as an attribute in the DOM and is mutable.
-         */
-        this.value = '';
-        /**
-         * Display mode of the select component.
-         * Can be 'default' or 'transparent'.
-         */
-        this.mode = 'default';
-        /**
-         * Size of the select component.
-         * Can be 'small', 'medium', or 'large'.
-         */
-        this.size = 'medium';
-        /**
-         * Status of the select component.
-         * Can be 'success', 'error', or 'default'.
-         */
-        this.status = 'default';
-        /**
-         * Whether the select component is disabled.
-         * Reflects as an attribute in the DOM.
-         */
-        this.disabled = false;
-        /**
-         * Whether the select component is required.
-         * Reflects as an attribute in the DOM.
-         */
-        this.required = false;
-        /**
-         * Enable / Disable search at options by term.
-         * Default: false
-         */
-        this.searchBehavior = false;
-        /**
-         * The search will be sensitive to accents.
-         * Default: true
-         */
-        this.caseSensitive = true;
-        /**
-         * CSS max-height property for dropdown item.
-         * Can also be used by css property --max-height.
-         * Default: 285px
-         */
-        this.maxHeight = '285px';
-        /**
-         * Internal state: Whether the input is hovered.
-         * Default: false
-         */
-        this.isHovered = false;
-        /**
-         * Internal state: Whether the input is focused.
-         * Default: false
-         */
-        this.isFocused = false;
-        /**
-         * Internal state: Whether the dropdown menu is open.
-         * Default: false
-         */
-        this.isOpen = false;
-        this.activeIndex = -1;
-        this.textInput = '';
-        /**
-         * Styles to be applied to the component.
-         */
-        this.styles = {};
-        /**
-         * Theme object containing font and color information.
-         */
-        this.theme = window.CuraAPI.theme;
-        /**
-         * Handles mutations observed by the MutationObserver.
-         * Updates the selected option or filters options based on the mutation type.
-         */
-        this.handleMutations = (mutations) => {
-            mutations.forEach(mutation => {
-                if (mutation.type === 'attributes') {
-                    if (mutation.attributeName === 'selected')
-                        this.updateSelectedOption();
-                }
-            });
-        };
-        /**
-         * Handles the selection of an option.
-         */
-        this.onOptiselected = (event) => {
-            const selectedOption = event.target;
-            this.clearSelectedAttributes();
-            selectedOption.setAttribute('selected', 'true');
-        };
-        this.handleKeyNavigation = (event) => {
-            var _a;
-            const { code: keyCode } = event;
-            if (!this.isOpen && keyCode === 'ArrowDown') {
-                this.isOpen = true;
-                this.activeIndex = 0;
-                return;
-            }
-            if (keyCode === 'ArrowDown') {
-                event.preventDefault();
-                this.updateActiveIndex(1);
-            }
-            if (keyCode === 'ArrowUp') {
-                event.preventDefault();
-                this.updateActiveIndex(-1);
-            }
-            if (keyCode === 'Enter' || keyCode === 'Space') {
-                (_a = this.options[this.activeIndex]) === null || _a === void 0 ? void 0 : _a.click();
-            }
-            if (keyCode === 'Escape') {
-                this.isOpen = false;
-            }
-        };
-        this.handleInputChange = (e) => {
-            this.textInput = e.target.value;
-            this.isOpen = this.textInput.length > 0;
-            this.internals.setFormValue(this.textInput);
-        };
-        this.handleClick = (event) => {
-            if (this.disabled)
-                return event.preventDefault();
-            const target = event.target;
-            if (target.tagName === 'CURA-SELECT-OPTION')
-                return this.onOptiselected(event);
-            this.isOpen = !this.isOpen;
-        };
-        this.handleClickOutside = (event) => {
-            const clickedOutside = !this.host.contains(event.target);
-            if (clickedOutside) {
-                this.isOpen = false;
-            }
-        };
-    }
-    updateOptionHighlights(newActiveINdex) {
-        this.options.forEach((option, index) => (option.active = index === newActiveINdex));
-    }
-    /**
-     * Filters the options based on the current input value.
-     */
-    filterOptions(newText) {
-        this.searchTermInput.emit(newText);
-        if (!this.isOpen || !this.searchBehavior) {
-            return;
-        }
-        const removeAccents = (str) => {
-            return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
-        };
-        let searchTerm = newText;
-        if (!this.caseSensitive) {
-            searchTerm = removeAccents(searchTerm).toLocaleLowerCase();
-        }
-        this.options.forEach(option => {
-            let optionValue = option.textContent || '';
-            if (!this.caseSensitive) {
-                optionValue = removeAccents(optionValue === null || optionValue === void 0 ? void 0 : optionValue.toLowerCase());
-            }
-            const isVisible = optionValue.includes(searchTerm);
-            option.style.display = isVisible ? 'block' : 'none';
-        });
-    }
-    /**
-     * Callback for form association.
-     */
-    formAssociatedCallback(form) {
-        form.ariaLabel = this.label;
-    }
-    /**
-     * Callback to restore the switch state from the form.
-     */
-    formStateRestoreCallback(state) {
-        this.textInput = state.value;
-        this.updateSelectedOption();
-    }
-    /**
-     * Callback to reset the switch state when the form is reset.
-     */
-    formResetCallback() {
-        this.textInput = '';
-        this.clearSelectedAttributes();
-        this.internals.setFormValue('');
-        this.internals.setValidity({});
-    }
-    /**
-     * Callback to update the switch's disabled state when the form's disabled state changes.
-     */
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    /**
-     * Lifecycle method called before the component is rendered.
-     * Initializes the options for the select component.
-     */
-    componentWillLoad() {
-        this.initializeOptions();
-    }
-    /**
-     * Lifecycle method called after the component is rendered.
-     * Initializes select-related functionality.
-     */
-    componentDidLoad() {
-        // this.initializeOptions();
-        this.setupMutationObserver();
-        this.addOutsideClickListener();
-    }
-    /**
-     * Lifecycle method called when the component is connected to the DOM.
-     * Applies styles based on the theme.
-     */
-    connectedCallback() {
-        this.applyStyles();
-    }
-    /**
-     * Lifecycle method called when the component is disconnected from the DOM.
-     * Disconnects the MutationObserver if it exists.
-     */
-    disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.removeOutsideClickListener();
-    }
-    initializeOptions() {
-        var _a;
-        this.options = this.host.querySelectorAll('cura-select-option');
-        this.options.forEach(option => {
-            option.setAttribute('size', this.size);
-            const isSelected = this.value === option.value;
-            option.setAttribute('selected', JSON.stringify(isSelected));
-            if (isSelected) {
-                this.value = option.value;
-                this.internals.setFormValue(option.value);
-            }
-        });
-        this.textInput = ((_a = Array.from(this.options).find(option => option.value === this.value)) === null || _a === void 0 ? void 0 : _a.textContent) || this.textInput;
-    }
-    /**
-     * Applies styles to the component based on the theme.
-     */
-    applyStyles() {
-        const { fonts, colors } = this.theme;
-        const fontWeights = fonts.getWeights();
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--font-weight-medium': fontWeights.medium, '--font-weight-bold': fontWeights.bold, '--font-weight-regular': fontWeights.regular, '--font-color': fonts.getColor(), '--font-family': fonts.getFamily(), '--font-size': fonts.getSize() });
-        const colorKeys = [
-            'primary-base',
-            'neutral-purewhite',
-            'neutral-white',
-            'neutral-black',
-            'neutral-medium',
-            'neutral-light',
-            'neutral-base',
-            'neutral-dark',
-            'success-dark',
-            'success-darker',
-            'success-lighter',
-            'error-lighter',
-            'error-dark',
-            'error-darker',
-            'error-base',
-            'info-base',
-        ];
-        colorKeys.forEach(key => {
-            this.styles[`--${key}`] = colors.getColor(key);
-        });
-    }
-    /**
-     * Sets up a MutationObserver to watch for changes in the component.
-     */
-    setupMutationObserver() {
-        this.mutationObserver = new MutationObserver(this.handleMutations);
-        this.mutationObserver.observe(this.host, { attributes: true, subtree: true, attributeFilter: ['selected', 'value'] });
-    }
-    handleValueChange(newValue) {
-        this.clearSelectedAttributes();
-        const selectedOption = this.host.querySelector(`cura-select-option[value="${newValue}"]`);
-        if (!selectedOption) {
-            return;
-        }
-        selectedOption.setAttribute('selected', 'true');
-    }
-    updateSelectedOption() {
-        const selectedOptionElement = this.host.querySelector('cura-select-option[selected]');
-        if (!selectedOptionElement) {
-            return;
-        }
-        this.value = selectedOptionElement.value;
-        this.internals.setFormValue(this.value);
-        if (this.textInput !== selectedOptionElement.textContent) {
-            this.textInput = selectedOptionElement.textContent;
-            this.isOpen = false;
-            this.selected.emit(selectedOptionElement.value);
-        }
-    }
-    /**
-     * Clears the 'selected' attribute from all options.
-     */
-    clearSelectedAttributes() {
-        this.options.forEach(option => option.removeAttribute('selected'));
-    }
-    updateActiveIndex(direction) {
-        if (this.options.length === 0)
-            return;
-        this.activeIndex = (this.activeIndex + direction + this.options.length) % this.options.length;
-    }
-    getClasses() {
-        return {
-            wrapper: true,
-            label: !!this.label,
-            disabled: this.disabled,
-            transparent: this.mode === 'transparent',
-            [this.size.toLowerCase()]: true,
-            [this.status.toLowerCase()]: true,
-        };
-    }
-    /**
-     * Determines the color based on the item type and component state.
-     */
-    getColor(item) {
-        if (this.disabled)
-            return 'neutral-medium';
-        const isStatusDefault = this.status === 'default';
-        const isHoveredOrFocused = this.isFocused || this.isHovered;
-        if (item === 'label') {
-            if (!isStatusDefault || isHoveredOrFocused)
-                return 'neutral-black';
-            return 'neutral-dark';
-        }
-        if (isHoveredOrFocused && isStatusDefault)
-            return 'neutral-black';
-        if (this.status === 'success')
-            return 'success-dark';
-        if (this.status === 'error')
-            return 'error-dark';
-        return 'neutral-dark';
-    }
-    /**
-     * Renders the icon based on the component's status.
-     */
-    renderIcon() {
-        if (this.status === 'default' && !this.iconName)
-            return null;
-        const icon = { default: this.iconName, success: 'checkCircle', error: 'alertCircle' }[this.status];
-        return h("cura-icon", { class: "feedback-icon", name: icon, iconset: "default", size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles });
-    }
-    addOutsideClickListener() {
-        document.addEventListener('click', this.handleClickOutside);
-    }
-    removeOutsideClickListener() {
-        document.removeEventListener('click', this.handleClickOutside);
-    }
-    render() {
-        return (h(Host, { key: '3aeecef0bff82a4b14c4dee8b222fdf6eb33b2f8', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: '00dd10ed04cd3bf0e848d9facc44db794e3580cf', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: 'd0c7293af9ba728293f2b531c2cc0354ba6f9fa0', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '2d1e87303eab87280dc8668e390bd5aa696814d9', class: "required" }, "* "))), h("div", { key: 'd0e8464016796145e088f459532a37dfb1852f96', class: {
-                'cura-input-field': true,
-                'open': this.isOpen,
-            } }, this.renderIcon(), h("input", { key: '8110997e13827855169e58bfee9695a60bf4dbfa', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '7b9b18aebd379b004c08f4bcdb4c72357f29c56c', class: "up-down-button" }, h("cura-icon", { key: '4e1fac2b43502e38db450e319e2283b97ed22fd7', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '8e89021a023d6ff69a2adb2fe1b9052d1d813d06', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: 'a253ffc9f1f1ee84c9dcbc81dc3a650c5105c11e' })), this.isOpen && (h("div", { key: '938f552bebac510a7345c8e7b46d2ef911c19e12', class: {
-                menu: true,
-                open: this.isOpen,
-            }, style: { '--max-height': this.maxHeight } }, h("slot", { key: '2d54c15bb8df7dfe33fac77cee7778c450946cf7', name: "option" }))))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "activeIndex": ["updateOptionHighlights"],
-        "textInput": ["filterOptions"],
-        "value": ["handleValueChange"]
-    }; }
-    static get style() { return curaSelectCss; }
-}, [65, "cura-select", {
-        "label": [513],
-        "placeholder": [513],
-        "value": [1537],
-        "mode": [513],
-        "size": [513],
-        "iconName": [1, "icon-name"],
-        "status": [1537],
-        "disabled": [516],
-        "required": [516],
-        "searchBehavior": [516, "search-behavior"],
-        "caseSensitive": [516, "case-sensitive"],
-        "maxHeight": [513, "max-height"],
-        "isHovered": [32],
-        "isFocused": [32],
-        "isOpen": [32],
-        "options": [32],
-        "activeIndex": [32],
-        "textInput": [32]
-    }, undefined, {
-        "activeIndex": ["updateOptionHighlights"],
-        "textInput": ["filterOptions"],
-        "value": ["handleValueChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-select", "cura-icon", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-select":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraSelect);
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { CuraSelect as C, defineCustomElement as d };
-//# sourceMappingURL=p-BTt-pVTn.js.map
-
-//# sourceMappingURL=p-BTt-pVTn.js.map

package/dist/components/p-BTt-pVTn.js.map

@@ -1 +0,0 @@
-{"file":"p-BTt-pVTn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/cura-select/cura-select.scss?tag=cura-select&encapsulation=shadow","src/components/forms/cura-select/cura-select.tsx"],"sourcesContent":["@import '../../../scss/mixins/forms.scss';\n\n:host {\n  display: block;\n  position: relative;\n  font-family: var(--font-family);\n}\n\n.wrapper {\n  width: 100%;\n  user-select: none;\n  text-align: left !important;\n\n  @include cura-label();\n  @include helper-text();\n\n  @include cura-input-field() {\n    .up-down-icon {\n      order: 3;\n      padding-right: 6px;\n      cursor: pointer;\n      pointer-events: all;\n    }\n\n    .up-down-button {\n      background-color: transparent;\n      border: none;\n    }\n\n    input {\n      padding: 0px 12px 0px 8px;\n      cursor: pointer;\n    }\n\n    &.open {\n      border-radius: 4px 4px 0 0 !important;\n    }\n  }\n\n  @include cura-input-transparent();\n\n  @include cura-forms-hover();\n  @include cura-forms-focused();\n\n  @include cura-forms-success();\n  @include cura-forms-error();\n\n  @include cura-forms-small() {\n    &.label {\n      .menu {\n        top: 53px;\n      }\n    }\n    .menu {\n      top: 33px;\n    }\n  }\n\n  @include cura-forms-medium() {\n    &.label {\n      .menu {\n        top: 61px;\n      }\n    }\n    .menu {\n      top: 40px;\n    }\n  }\n\n  @include cura-forms-large() {\n    &.label {\n      .menu {\n        top: 69px;\n      }\n    }\n    .menu {\n      top: 47px;\n    }\n  }\n\n  @include cura-forms-disabled();\n}\n\n.required {\n  color: red;\n}\n\n.menu {\n  position: absolute;\n  left: 0;\n  right: -1px;\n  background: #fff;\n  border: 2px solid var(--neutral-light);\n  border-radius: 4px;\n  z-index: 1000;\n  max-height: var(--max-height);\n  overflow: hidden;\n  border-top: transparent;\n  align-items: center;\n\n  scrollbar-color: var(--neutral-medium) var(--neutral-black-20);\n  overflow-y: auto;\n  box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n\n  &.open {\n    border-radius: 0 !important;\n    padding: 12px;\n  }\n}\n","import { Component, Element, Host, Prop, State, h, Event, EventEmitter, AttachInternals, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-select',\n  styleUrl: 'cura-select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraSelect {\n  /**\n   * The label text for the select component.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) label: string = '';\n\n  /**\n   * Placeholder text for the input field.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) placeholder: string = '';\n\n  /**\n   * Current value of the select component.\n   * Reflects as an attribute in the DOM and is mutable.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Display mode of the select component.\n   * Can be 'default' or 'transparent'.\n   */\n  @Prop({ reflect: true }) mode: 'default' | 'transparent' = 'default';\n\n  /**\n   * Size of the select component.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  @Prop() iconName?: string;\n\n  /**\n   * Status of the select component.\n   * Can be 'success', 'error', or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'success' | 'error' | 'default' = 'default';\n\n  /**\n   * Whether the select component is disabled.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether the select component is required.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Enable / Disable search at options by term.\n   * Default: false\n   */\n  @Prop({ reflect: true }) searchBehavior: boolean = false;\n\n  /**\n   * The search will be sensitive to accents.\n   * Default: true\n   */\n  @Prop({ reflect: true }) caseSensitive: boolean = true;\n\n   /**\n    * CSS max-height property for dropdown item.\n    * Can also be used by css property --max-height.\n    * Default: 285px\n    */\n   @Prop({ reflect: true }) maxHeight: string = '285px';\n\n  /**\n   * Internal state: Whether the input is hovered.\n   * Default: false\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Internal state: Whether the input is focused.\n   * Default: false\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Internal state: Whether the dropdown menu is open.\n   * Default: false\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * Internal state: Collection of options for the select component.\n   */\n  @State() options: NodeListOf<HTMLCuraSelectOptionElement>;\n\n  @State() activeIndex = -1;\n\n  @Watch('activeIndex')\n  updateOptionHighlights(newActiveINdex: number) {\n    this.options.forEach((option, index) => ((option as any).active = index === newActiveINdex));\n  }\n\n  @State() textInput = '';\n\n  @Watch('textInput')\n  /**\n   * Filters the options based on the current input value.\n   */\n  filterOptions(newText) {\n    this.searchTermInput.emit(newText);\n\n    if (!this.isOpen || !this.searchBehavior) {\n      return;\n    }\n\n    const removeAccents = (str: string) => {\n      return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\n    };\n\n    let searchTerm = newText;\n    if (!this.caseSensitive) {\n      searchTerm = removeAccents(searchTerm).toLocaleLowerCase();\n    }\n\n    this.options.forEach(option => {\n      let optionValue = option.textContent || '';\n      if (!this.caseSensitive) {\n        optionValue = removeAccents(optionValue?.toLowerCase());\n      }\n      const isVisible = optionValue.includes(searchTerm);\n      option.style.display = isVisible ? 'block' : 'none';\n    });\n  }\n\n  /**\n   * Reference to the host element of the component.\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Event emitted when an option is selected.\n   */\n  @Event() selected: EventEmitter;\n\n  /**\n   * Event emitted when an option is searched.\n   */\n  @Event() searchTermInput: EventEmitter;\n\n  /**\n   * MutationObserver to watch changes in the component.\n   */\n  mutationObserver: MutationObserver;\n\n  /**\n   * Styles to be applied to the component.\n   */\n  styles = {};\n\n  /**\n   * Theme object containing font and color information.\n   */\n  theme = window.CuraAPI.theme;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Callback for form association.\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Callback to restore the switch state from the form.\n   */\n  formStateRestoreCallback(state: { value: string }) {\n    this.textInput = state.value;\n    this.updateSelectedOption();\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.textInput = '';\n    this.clearSelectedAttributes();\n    this.internals.setFormValue('');\n    this.internals.setValidity({});\n  }\n\n  /**\n   * Callback to update the switch's disabled state when the form's disabled state changes.\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Lifecycle method called before the component is rendered.\n   * Initializes the options for the select component.\n   */\n  componentWillLoad() {\n    this.initializeOptions();\n  }\n  /**\n   * Lifecycle method called after the component is rendered.\n   * Initializes select-related functionality.\n   */\n  componentDidLoad() {\n    // this.initializeOptions();\n    this.setupMutationObserver();\n    this.addOutsideClickListener();\n  }\n  /**\n   * Lifecycle method called when the component is connected to the DOM.\n   * Applies styles based on the theme.\n   */\n  connectedCallback() {\n    this.applyStyles();\n  }\n  /**\n   * Lifecycle method called when the component is disconnected from the DOM.\n   * Disconnects the MutationObserver if it exists.\n   */\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.removeOutsideClickListener();\n  }\n\n  initializeOptions() {\n    this.options = this.host.querySelectorAll<HTMLCuraSelectOptionElement>('cura-select-option');\n    this.options.forEach(option => {\n      option.setAttribute('size', this.size);\n\n      const isSelected = this.value === option.value;\n      option.setAttribute('selected', JSON.stringify(isSelected));\n\n      if (isSelected) {\n        this.value = option.value;\n        this.internals.setFormValue(option.value);\n      }\n    });\n\n    this.textInput = Array.from(this.options).find(option => option.value === this.value)?.textContent || this.textInput;\n  }\n  /**\n   * Applies styles to the component based on the theme.\n   */\n  applyStyles() {\n    const { fonts, colors } = this.theme;\n    const fontWeights = fonts.getWeights();\n\n    this.styles = {\n      ...this.styles,\n      '--font-weight-medium': fontWeights.medium,\n      '--font-weight-bold': fontWeights.bold,\n      '--font-weight-regular': fontWeights.regular,\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-size': fonts.getSize(),\n    };\n\n    const colorKeys = [\n      'primary-base',\n      'neutral-purewhite',\n      'neutral-white',\n      'neutral-black',\n      'neutral-medium',\n      'neutral-light',\n      'neutral-base',\n      'neutral-dark',\n      'success-dark',\n      'success-darker',\n      'success-lighter',\n      'error-lighter',\n      'error-dark',\n      'error-darker',\n      'error-base',\n      'info-base',\n    ];\n\n    colorKeys.forEach(key => {\n      this.styles[`--${key}`] = colors.getColor(key);\n    });\n  }\n  /**\n   * Sets up a MutationObserver to watch for changes in the component.\n   */\n  setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(this.handleMutations);\n    this.mutationObserver.observe(this.host, { attributes: true, subtree: true, attributeFilter: ['selected', 'value'] });\n  }\n  /**\n   * Handles mutations observed by the MutationObserver.\n   * Updates the selected option or filters options based on the mutation type.\n   */\n  handleMutations = (mutations: MutationRecord[]) => {\n    mutations.forEach(mutation => {\n      if (mutation.type === 'attributes') {\n        if (mutation.attributeName === 'selected') this.updateSelectedOption();\n      }\n    });\n  };\n  /**\n   * Handles the selection of an option.\n   */\n  onOptiselected = (event: Event) => {\n    const selectedOption = event.target as HTMLElement;\n    this.clearSelectedAttributes();\n    selectedOption.setAttribute('selected', 'true');\n  };\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.clearSelectedAttributes();\n\n    const selectedOption = this.host.querySelector(`cura-select-option[value=\"${newValue}\"]`);\n\n    if (!selectedOption) {\n      return;\n    }\n\n    selectedOption.setAttribute('selected', 'true');\n  }\n\n  updateSelectedOption() {\n    const selectedOptionElement = this.host.querySelector<HTMLCuraSelectOptionElement>('cura-select-option[selected]');\n\n    if (!selectedOptionElement) {\n      return;\n    }\n\n    this.value = selectedOptionElement.value;\n    this.internals.setFormValue(this.value);\n\n    if (this.textInput !== selectedOptionElement.textContent) {\n      this.textInput = selectedOptionElement.textContent;\n      this.isOpen = false;\n      this.selected.emit(selectedOptionElement.value);\n    }\n  }\n\n  /**\n   * Clears the 'selected' attribute from all options.\n   */\n  clearSelectedAttributes() {\n    this.options.forEach(option => option.removeAttribute('selected'));\n  }\n\n  handleKeyNavigation = (event: KeyboardEvent) => {\n    const { code: keyCode } = event;\n\n    if (!this.isOpen && keyCode === 'ArrowDown') {\n      this.isOpen = true;\n      this.activeIndex = 0;\n\n      return;\n    }\n\n    if (keyCode === 'ArrowDown') {\n      event.preventDefault();\n      this.updateActiveIndex(1);\n    }\n\n    if (keyCode === 'ArrowUp') {\n      event.preventDefault();\n      this.updateActiveIndex(-1);\n    }\n\n    if (keyCode === 'Enter' || keyCode === 'Space') {\n      this.options[this.activeIndex]?.click();\n    }\n\n    if (keyCode === 'Escape') {\n      this.isOpen = false;\n    }\n  };\n\n  updateActiveIndex(direction: number) {\n    if (this.options.length === 0) return;\n    this.activeIndex = (this.activeIndex + direction + this.options.length) % this.options.length;\n  }\n\n  handleInputChange = (e: Event) => {\n    this.textInput = (e.target as HTMLInputElement).value;\n    this.isOpen = this.textInput.length > 0;\n    this.internals.setFormValue(this.textInput);\n  };\n\n  getClasses() {\n    return {\n      wrapper: true,\n      label: !!this.label,\n      disabled: this.disabled,\n      transparent: this.mode === 'transparent',\n      [this.size.toLowerCase()]: true,\n      [this.status.toLowerCase()]: true,\n    };\n  }\n\n  /**\n   * Determines the color based on the item type and component state.\n   */\n  getColor(item: 'label' | 'text' | 'icon') {\n    if (this.disabled) return 'neutral-medium';\n\n    const isStatusDefault = this.status === 'default';\n    const isHoveredOrFocused = this.isFocused || this.isHovered;\n\n    if (item === 'label') {\n      if (!isStatusDefault || isHoveredOrFocused) return 'neutral-black';\n      return 'neutral-dark';\n    }\n\n    if (isHoveredOrFocused && isStatusDefault) return 'neutral-black';\n    if (this.status === 'success') return 'success-dark';\n    if (this.status === 'error') return 'error-dark';\n\n    return 'neutral-dark';\n  }\n\n  /**\n   * Renders the icon based on the component's status.\n   */\n  renderIcon() {\n    if (this.status === 'default' && !this.iconName) return null;\n    const icon = { default: this.iconName, success: 'checkCircle', error: 'alertCircle' }[this.status];\n    return <cura-icon class=\"feedback-icon\" name={icon} iconset=\"default\" size={this.size === 'large' ? 20 : 16} color={this.getColor('icon')} style={this.styles} />;\n  }\n\n  handleClick = (event: MouseEvent) => {\n    if (this.disabled) return event.preventDefault();\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'CURA-SELECT-OPTION') return this.onOptiselected(event);\n    this.isOpen = !this.isOpen;\n  };\n\n  handleClickOutside = (event: MouseEvent) => {\n    const clickedOutside = !this.host.contains(event.target as Node);\n    if (clickedOutside) {\n      this.isOpen = false;\n    }\n  };\n\n  private addOutsideClickListener() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}\n        role=\"combobox\"\n        aria-label={this.label}\n        aria-required={String(this.required)}\n        aria-disabled={String(this.disabled)}\n        aria-invalid={String(this.status === 'error')}>\n        <div class={this.getClasses()} onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)} onClick={this.handleClick}>\n          {this.label && (\n            <cura-label class=\"label\" weight=\"bold\" size={this.size === 'large' ? 'small' : 'xsmall'} color={this.getColor('label')}>\n              {this.label} {this.required && <span class=\"required\">* </span>}\n            </cura-label>\n          )}\n\n          <div\n            class={{\n              'cura-input-field': true,\n              'open': this.isOpen,\n            }}\n          >\n            {this.renderIcon()}\n            <input\n              type=\"text\"\n              autocomplete=\"off\"\n              onFocus={() => (this.isFocused = true)}\n              onBlur={() => (this.isFocused = false)}\n              onKeyDown={this.handleKeyNavigation}\n              aria-required={String(this.required)}\n              aria-disabled={String(this.disabled)}\n              aria-invalid={String(this.status === 'error')}\n              onInput={this.handleInputChange}\n              style={this.styles}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              required={this.required}\n              value={this.textInput}\n              readonly={this.searchBehavior ? null : true}\n            />\n            <button class=\"up-down-button\">\n              <cura-icon name={this.isOpen ? 'up' : 'down'} class=\"up-down-icon\" color={this.disabled ? 'neutral-dark' : 'primary-base'} size={16} iconset=\"default\" />\n            </button>\n          </div>\n          <cura-label class=\"helper-text\" size=\"xsmall\" color={this.getColor('text')} weight={this.mode === 'transparent' ? 'bold' : 'regular'}>\n            <slot></slot>\n          </cura-label>\n          {this.isOpen && (\n            <div\n              class={{\n                menu: true,\n                open: this.isOpen,\n              }}\n              style={{ '--max-height': this.maxHeight }}\n            >\n              <slot name=\"option\"></slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C72aF-gL.js

@@ -1,99 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$1 } from './p-DR1RHrEX.js';
-
-const curaBadgeCounterCss = ":host{width:fit-content;display:inline-block;height:calc(var(--cura-spacing-base) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--cura-spacing-base) * 4px);width:fit-content;height:calc(var(--cura-spacing-base) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--cura-spacing-base) * 1px);position:relative}:host .container.outline,:host .container.transparent{background:transparent !important}:host .container.outline::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid var(--background-color);border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2)}";
-
-const CuraBadgeNumber = /*@__PURE__*/ proxyCustomElement(class CuraBadgeNumber extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
-        /**
-         * Cor fundamental do design system sem profundidade.
-         * Ex.: primary (padrão)
-         */
-        this.color = 'primary';
-        /**
-         * Define o estado do badge como desabilitado ou habilitado.
-         */
-        this.disabled = false;
-        /**
-         * Define o estilo visual entre solid (default), outline ou transparent.
-         */
-        this.type = 'solid';
-        this.styles = {};
-        this.labelColor = 'primary-darker';
-        this.bgColorName = 'primary-lighter';
-    }
-    handleColorChange() {
-        this.setColors();
-    }
-    setColors() {
-        const color = this.color.toLowerCase();
-        /** type outline and transparent */
-        if (this.type === 'outline' || this.type === 'transparent') {
-            this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;
-            this.labelColor = this.bgColorName;
-            /** type solid - default */
-        }
-        else {
-            this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;
-            this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;
-        }
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(`${this.bgColorName}`) });
-    }
-    connectedCallback() {
-        this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
-        this.setColors();
-    }
-    getClasses() {
-        const classes = {
-            'container': true
-        };
-        classes[this.type.toLowerCase()] = true;
-        return classes;
-    }
-    render() {
-        return (h(Host, { key: '8b67f2b913a10de53a519cdafcfbcb140b2adda5' }, this.number && this.number <= 0 ? '' : (h("div", { class: this.getClasses(), style: this.styles }, h("cura-label", { size: "xsmall", "line-height": "none", color: this.labelColor }, this.number >= 100 ? '99+' : this.number)))));
-    }
-    static get watchers() { return {
-        "disabled": ["handleColorChange"],
-        "color": ["handleColorChange"],
-        "type": ["handleColorChange"]
-    }; }
-    static get style() { return curaBadgeCounterCss; }
-}, [1, "cura-badge-counter", {
-        "number": [514],
-        "color": [1],
-        "disabled": [4],
-        "type": [1],
-        "styles": [32]
-    }, undefined, {
-        "disabled": ["handleColorChange"],
-        "color": ["handleColorChange"],
-        "type": ["handleColorChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-badge-counter", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-badge-counter":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraBadgeNumber);
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { CuraBadgeNumber as C, defineCustomElement as d };
-//# sourceMappingURL=p-C72aF-gL.js.map
-
-//# sourceMappingURL=p-C72aF-gL.js.map

package/dist/components/p-C72aF-gL.js.map

@@ -1 +0,0 @@
-{"file":"p-C72aF-gL.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,qxBAAqxB;;MCOpyB,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;QAOE,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AAM5B;;;AAGG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,SAAS;AACjC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACjC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAiD,OAAO;AAE3D,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AACpB,QAAA,IAAU,CAAA,UAAA,GAAG,gBAAgB;AAC7B,QAAA,IAAW,CAAA,WAAA,GAAG,iBAAiB;AAqDhC;IAhDC,iBAAiB,GAAA;QACf,IAAI,CAAC,SAAS,EAAE;;IAGlB,SAAS,GAAA;QACP,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;;AAEtC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAA,cAAA,CAAgB,GAAG,CAAG,EAAA,KAAK,OAAO;AACrE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW;;;aAE7B;YACL,IAAI,CAAC,WAAW,GAAG,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,CAAG,EAAA,KAAK,UAAU;AAC7F,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,gBAAgB,GAAG,CAAG,EAAA,KAAK,OAAO;;AAEtE,QAAA,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,MAAM,CACd,EAAA,EAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,WAAW,EAAE,CAAC,EAAA,CACxE;;IAGH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;QAC/D,IAAI,CAAC,SAAS,EAAE;;IAGlB,UAAU,GAAA;AACR,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE;SACd;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI;AACvC,QAAA,OAAO,OAAO;;IAIhB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,IACtC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EAC/C,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,QAAQ,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAChE,EAAA,IAAI,CAAC,MAAM,IAAI,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAC9B,CACT,CACL,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  width: fit-content;\n  display: inline-block;\n  height: #{$spacing-xxs};\n  position: relative;\n\n  .container {\n    display: flex;\n    min-width: #{$spacing-xxs};\n    width: fit-content;\n    height: #{$spacing-xxs};\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(#{$spacing-xxs} / 2);\n    background: var(--background-color);\n    box-sizing: border-box;\n    padding: 0 #{$spacing-tiny};\n    position: relative;\n\n    &.outline,\n    &.transparent {\n      background: transparent !important;\n    }\n\n    &.outline {\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 1px solid var(--background-color);\n        border-radius: calc(#{$spacing-xxs} / 2);\n      }\n    }\n  }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-counter',\n  styleUrl: 'cura-badge-counter.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  theme = window.CuraAPI.theme;\n\n  /** Número a ser representado no badge.\n   * Apresentará 99+ para números acima desse valor.\n   */\n  @Prop({ reflect: true }) number: number | null;\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n  labelColor = 'primary-darker';\n  bgColorName = 'primary-lighter';\n\n  @Watch(\"disabled\")\n  @Watch(\"color\")\n  @Watch(\"type\")\n  handleColorChange() {\n    this.setColors();\n  }\n\n  setColors() {\n    const color = this.color.toLowerCase();\n    /** type outline and transparent */\n    if (this.type === 'outline' || this.type === 'transparent') {\n      this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n      this.labelColor = this.bgColorName;\n    /** type solid - default */\n    } else {\n      this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n      this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n    }\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n    }\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true\n    };\n    classes[this.type.toLowerCase()] = true;\n    return classes;\n  }\n\n\n  render() {\n    return (\n      <Host>\n        { this.number && this.number <= 0 ? '' : (\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n            {this.number >= 100 ? '99+' : this.number}\n          </cura-label>\n        </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CHcd-uKK.js.map

@@ -1 +0,0 @@
-{"file":"p-CHcd-uKK.js","mappings":"AAAa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,OAAO,EAAE,QAAQ;;;;;","names":[],"sources":["src/components/tabs/cura-tabs.definitions.tsx"],"sourcesContent":["export const labelSizes = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  default: 'medium',\n};\n"],"version":3}