@six-group/ui-library 0.0.0-insider.b26fdef → 0.0.0-insider.b2db78f

package/dist/components/six-dropdown2.js

@@ -1,524 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { P as Popover } from './popover.js';
-import { E as EventListeners } from './event-listeners.js';
-import { b as getSlotChildren } from './slot.js';
-import { D as DEFAULT_DEBOUNCE_FAST, a as debounce } from './execution-control.js';
-import { d as defineCustomElement$5 } from './six-error2.js';
-import { d as defineCustomElement$4 } from './six-icon2.js';
-import { d as defineCustomElement$3 } from './six-input2.js';
-import { d as defineCustomElement$2 } from './six-menu2.js';
-import { d as defineCustomElement$1 } from './six-menu-item2.js';
-
-function isTabbable(el) {
-    const tabIndex = el.tabIndex;
-    return tabIndex > -1;
-}
-function getNearestTabbableElement(el) {
-    // Check the element
-    if (isTabbable(el)) {
-        return el;
-    }
-    // Check the element's shadow root
-    if (el.shadowRoot != null) {
-        const tabbableShadowChild = [...el.shadowRoot.children].find((e) => isTabbable(e));
-        if (tabbableShadowChild != null) {
-            return tabbableShadowChild;
-        }
-    }
-    // Check the element's children
-    if (el.children != null) {
-        return [...el.children].map((e) => getNearestTabbableElement(e)).at(0);
-    }
-    return undefined;
-}
-
-const sixDropdownCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--six-z-index-dropdown)}.dropdown__positioner__filtered{width:100%}.dropdown__panel{max-height:50vh;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);color:var(--color);background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-elevation-2dp);opacity:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;scrollbar-width:thin}.filter-hidden{display:none}.dropdown__positioner[data-popper-placement^=top] .dropdown__panel{transform-origin:bottom}.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel{transform-origin:top}.dropdown__positioner[data-popper-placement^=left] .dropdown__panel{transform-origin:right}.dropdown__positioner[data-popper-placement^=right] .dropdown__panel{transform-origin:left}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:none;pointer-events:all}";
-
-const isTagName = (name) => (el) => (el === null || el === void 0 ? void 0 : el.tagName.toLowerCase()) === name.toLowerCase();
-const isSixMenu = isTagName('six-menu');
-const isSixMenuItem = isTagName('six-menu-item');
-let id = 0;
-const SixDropdown = /*@__PURE__*/ proxyCustomElement(class SixDropdown extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sixShow = createEvent(this, "six-dropdown-show", 7);
-        this.sixAfterShow = createEvent(this, "six-dropdown-after-show", 7);
-        this.sixHide = createEvent(this, "six-dropdown-hide", 7);
-        this.sixAfterHide = createEvent(this, "six-dropdown-after-hide", 7);
-        this.sixAutoFilter = createEvent(this, "six-dropdown-auto-filter-fired", 7);
-        this.sixAsyncFilterFired = createEvent(this, "six-async-filter-fired", 7);
-        this.sixScroll = createEvent(this, "six-dropdown-scroll", 7);
-        this.componentId = `dropdown-${++id}`;
-        this.isVisible = false;
-        this.hasBeenInitialized = false;
-        this.eventListeners = new EventListeners();
-        this.getMenuItems = () => {
-            if (this.filteredOptions.length > 0) {
-                return this.filteredOptions.map((option) => h("six-menu-item", { value: option.value }, option.label));
-            }
-            if (this.panel == null)
-                return [];
-            const [panel] = getSlotChildren(this.panel);
-            // the menu-items can be in a slot e.g. in six-select or direct children of the panel
-            return getSlotChildren(panel) || Array.from(panel.querySelectorAll('six-menu-item'));
-        };
-        this.handleFilterInputChange = () => {
-            var _a, _b;
-            if (this.filterInputElement == null)
-                return;
-            const lowerCaseFilterTerm = ((_b = (_a = this.filterInputElement.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) || '';
-            if (this.filteredOptions.length > 0) {
-                this.handleFilteringForAttributeItems(lowerCaseFilterTerm);
-            }
-            else {
-                this.handleFilteringForSlotItems(lowerCaseFilterTerm);
-            }
-            this.sixAutoFilter.emit({ filterValue: lowerCaseFilterTerm });
-        };
-        this.handleDocumentKeyDown = (event) => {
-            var _a;
-            const keyboardEvent = event;
-            // Close when escape is pressed
-            if (keyboardEvent.key === 'Escape') {
-                void this.hide();
-                this.focusOnTrigger();
-                return;
-            }
-            if (this.filterInputElement === ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement)) {
-                if (keyboardEvent.key === 'ArrowDown') {
-                    const item = this.getMenuItems().find((item) => item.style.display !== 'none');
-                    if (item != null) {
-                        item.setFocus();
-                    }
-                }
-            }
-            // Handle tabbing
-            if (keyboardEvent.key === 'Tab') {
-                // Tabbing within an open menu should close the dropdown and refocus the trigger
-                if (this.open && document.activeElement != null && isSixMenuItem(document.activeElement)) {
-                    keyboardEvent.preventDefault();
-                    void this.hide();
-                    this.focusOnTrigger();
-                    return;
-                }
-                // Tabbing outside the containing element closes the panel
-                //
-                // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,
-                // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.
-                setTimeout(() => {
-                    var _a, _b;
-                    const activeElement = this.container.getRootNode() instanceof ShadowRoot
-                        ? (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.activeElement
-                        : document.activeElement;
-                    if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest(this.container.tagName.toLowerCase())) !== this.container) {
-                        void this.hide();
-                        return;
-                    }
-                });
-            }
-        };
-        this.handleDocumentMouseDown = (event) => {
-            // Close when clicking outside the containing element
-            const path = event.composedPath();
-            if (!path.includes(this.container)) {
-                void this.hide();
-                return;
-            }
-        };
-        this.handlePanelSelect = (event) => {
-            const target = event.target;
-            // Hide the dropdown when a menu item is selected
-            if (this.closeOnSelect && isSixMenu(target)) {
-                void this.hide();
-                this.focusOnTrigger();
-            }
-        };
-        this.handleTriggerClick = () => {
-            this.open ? this.hide() : this.show();
-        };
-        this.handleTriggerKeyDown = (event) => {
-            // Close when escape or tab is pressed
-            if (event.key === 'Escape') {
-                this.focusOnTrigger();
-                void this.hide();
-                return;
-            }
-            // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same
-            // key again to hide the menu in case they don't want to make a selection.
-            if (!this.disableHideOnEnterAndSpace && [' ', 'Enter'].includes(event.key)) {
-                event.preventDefault();
-                this.open ? void this.hide() : void this.show();
-                return;
-            }
-            const menu = this.getMenu();
-            // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a
-            // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for
-            // faster navigation.
-            if (['ArrowDown', 'ArrowUp'].includes(event.key)) {
-                event.preventDefault();
-                // Show the menu if it's not already open
-                if (!this.open) {
-                    void this.show();
-                }
-                if (menu == null) {
-                    return;
-                }
-                const menuItems = [...menu.querySelectorAll('six-menu-item')];
-                const firstMenuItem = menuItems.at(0);
-                const lastMenuItem = menuItems.at(menuItems.length - 1);
-                // Focus on a menu item
-                if (event.key === 'ArrowDown' && firstMenuItem != null) {
-                    firstMenuItem.setFocus();
-                    return;
-                }
-                if (event.key === 'ArrowUp' && lastMenuItem != null) {
-                    lastMenuItem.setFocus();
-                    return;
-                }
-            }
-            // Other keys bring focus to the menu and initiate type-to-select behavior
-            const ignoredKeys = ['Tab', 'Shift', 'Meta', 'Ctrl', 'Alt'];
-            if (this.open && menu != null && !ignoredKeys.includes(event.key)) {
-                void menu.typeToSelect(event.key);
-                return;
-            }
-        };
-        this.handleTriggerKeyUp = (event) => {
-            // Prevent space from triggering a click event in Firefox
-            if (event.key === ' ') {
-                event.preventDefault();
-            }
-        };
-        this.handleTriggerSlotChange = () => {
-            this.updateAccessibleTrigger();
-        };
-        this.handleDropdownScroll = () => {
-            if (this.panel == null)
-                return;
-            this.sixScroll.emit({
-                scrollHeight: this.panel.scrollHeight,
-                scrollTop: this.panel.scrollTop,
-                scrollbarHeight: this.panel.offsetHeight * (this.panel.offsetHeight / this.panel.scrollHeight),
-                scrollRatio: this.panel.scrollTop / (this.panel.scrollHeight - this.panel.clientHeight),
-            });
-        };
-        this.open = false;
-        this.placement = 'bottom-start';
-        this.closeOnSelect = true;
-        this.distance = 0;
-        this.skidding = 0;
-        this.hoist = false;
-        this.containingElement = undefined;
-        this.filter = false;
-        this.asyncFilter = false;
-        this.filterPlaceholder = 'Filter...';
-        this.autofocusFilter = true;
-        this.filterDebounce = DEFAULT_DEBOUNCE_FAST;
-        this.disableHideOnEnterAndSpace = false;
-        this.options = [];
-        this.virtualScroll = false;
-        this.filteredOptions = [];
-    }
-    get hasFilterEnabled() {
-        return this.filter || this.asyncFilter;
-    }
-    get container() {
-        return this.containingElement || this.host;
-    }
-    handleOpenChange() {
-        this.open ? this.show() : this.hide();
-        this.updateAccessibleTrigger();
-    }
-    handlePopoverOptionsChange() {
-        if (this.popover == null)
-            return;
-        this.popover.setOptions({
-            strategy: this.hoist ? 'fixed' : 'absolute',
-            placement: this.placement,
-            distance: this.distance,
-            skidding: this.skidding,
-        });
-    }
-    handleOptionsChange() {
-        if (Array.isArray(this.options)) {
-            this.filteredOptions = [...this.options];
-        }
-    }
-    connectedCallback() {
-        if (this.virtualScroll && this.options === null) {
-            console.error('Options must be defined when using virtual scrolling');
-        }
-        if (Array.isArray(this.options)) {
-            this.filteredOptions = [...this.options];
-        }
-        if (this.hasBeenInitialized && this.popover == null) {
-            // there was a weird bug when using six-dropdown inside an ag-grid filter. When closing the ag-grid filter
-            // disconnectedCallback() is executed. However, since componentDidLoad() will not be rerendered the popover had
-            // no longer a connected transitionEnd callback to the dropdown. To fix this, we have this sanity check here,
-            // to re-initialize the popover in case the component has already been initialized but the popover is undefined.
-            this.initializePopover();
-        }
-    }
-    componentDidLoad() {
-        this.hasBeenInitialized = true;
-        this.initializePopover();
-        // Show on init if open
-        if (this.open) {
-            void this.show();
-        }
-        if (this.filter) {
-            this.setupFiltering(this.handleFilterInputChange);
-        }
-        else if (this.asyncFilter) {
-            this.setupFiltering(() => { var _a, _b; return this.sixAsyncFilterFired.emit({ filterValue: (_b = (_a = this.filterInputElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '' }); });
-        }
-    }
-    initializePopover() {
-        if (this.trigger == null || this.positioner == null)
-            return;
-        const onAfterHide = () => {
-            if (this.filter && this.filterInputElement != null) {
-                this.filterInputElement.value = '';
-                if (this.filteredOptions.length > 0) {
-                    this.filteredOptions = [...this.options];
-                }
-                else {
-                    const menuItems = this.getMenuItems();
-                    menuItems.forEach((item) => (item.style.display = 'unset'));
-                }
-            }
-            this.sixAfterHide.emit();
-        };
-        const onAfterShow = async () => {
-            var _a;
-            if (this.hasFilterEnabled && this.autofocusFilter) {
-                // if dropdown filter is enabled we should autofocus the search field
-                await ((_a = this.filterInputElement) === null || _a === void 0 ? void 0 : _a.setFocus());
-            }
-            this.sixAfterShow.emit();
-        };
-        const onTransitionEnd = () => {
-            if (!this.open && this.panel != null) {
-                this.panel.scrollTop = 0;
-            }
-        };
-        this.popover = new Popover(this.trigger, this.positioner, {
-            strategy: this.hoist ? 'fixed' : 'absolute',
-            placement: this.placement,
-            distance: this.distance,
-            skidding: this.skidding,
-            transitionElement: this.panel,
-            onAfterHide,
-            onAfterShow,
-            onTransitionEnd,
-        });
-    }
-    setupFiltering(callback) {
-        if (this.filterInputElement != null) {
-            this.eventListeners.add(this.filterInputElement, 'six-input-input', debounce(callback, this.filterDebounce));
-        }
-    }
-    handleFilteringForAttributeItems(lowerCaseFilterTerm) {
-        if (lowerCaseFilterTerm === '' && Array.isArray(this.options)) {
-            this.filteredOptions = [...this.options];
-            return;
-        }
-        this.filteredOptions = this.options.filter((option) => {
-            var _a, _b, _c, _d;
-            return (option.label && ((_b = (_a = String(option.label)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(lowerCaseFilterTerm))) ||
-                (option.value && ((_d = (_c = String(option.value)) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === null || _d === void 0 ? void 0 : _d.includes(lowerCaseFilterTerm)));
-        });
-    }
-    handleFilteringForSlotItems(lowerCaseFilterTerm) {
-        const menuItems = this.getMenuItems();
-        menuItems.forEach(async (menuItem) => {
-            var _a, _b, _c, _d;
-            // hide all elements which don't contain the entered substring
-            const elementContainsFilterTerm = ((_b = (_a = menuItem === null || menuItem === void 0 ? void 0 : menuItem.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(lowerCaseFilterTerm)) ||
-                ((_d = (_c = (await (menuItem === null || menuItem === void 0 ? void 0 : menuItem.getTextLabel()))) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === null || _d === void 0 ? void 0 : _d.includes(lowerCaseFilterTerm));
-            menuItem.style.display = elementContainsFilterTerm ? 'unset' : 'none';
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        this.eventListeners.removeAll();
-        void this.hide();
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.destroy();
-        this.popover = undefined;
-    }
-    /** Shows the dropdown panel */
-    async show() {
-        // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
-        if (this.isVisible || this.popover == null || this.panel == null) {
-            return;
-        }
-        const sixShow = this.sixShow.emit();
-        if (sixShow.defaultPrevented) {
-            this.open = false;
-            return;
-        }
-        this.eventListeners.add(this.panel, 'six-menu-item-selected', this.handlePanelSelect);
-        this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);
-        this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);
-        this.isVisible = true;
-        this.open = true;
-        this.popover.show();
-    }
-    /** Hides the dropdown panel */
-    async hide() {
-        // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
-        if (!this.isVisible || this.panel == null || this.popover == null) {
-            return;
-        }
-        const sixHide = this.sixHide.emit();
-        if (sixHide.defaultPrevented) {
-            this.open = true;
-            return;
-        }
-        this.eventListeners.remove(this.panel, 'six-menu-item-selected', this.handlePanelSelect);
-        this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);
-        this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);
-        this.isVisible = false;
-        this.open = false;
-        this.popover.hide();
-    }
-    focusOnTrigger() {
-        if (this.trigger == null)
-            return;
-        const [trigger] = getSlotChildren(this.trigger);
-        if (trigger != null) {
-            if (typeof trigger.setFocus === 'function') {
-                trigger.setFocus();
-            }
-            else if (typeof trigger.focus === 'function') {
-                trigger.focus();
-            }
-        }
-    }
-    getMenu() {
-        if (this.panel == null)
-            return;
-        return getSlotChildren(this.panel).filter(isSixMenu).at(0);
-    }
-    /**
-     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-     * is activated.
-     */
-    async reposition() {
-        if (!this.open || this.popover == null) {
-            return;
-        }
-        this.popover.reposition();
-    }
-    //
-    // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and
-    // `aria-expanded`. These must be applied to the "accessible trigger" (the tabbable portion of the trigger element
-    // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,
-    // a child of the slotted element, or an element in the slotted element's shadow root.
-    //
-    // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.
-    //
-    // To determine this, we assume the first tabbable element in the trigger slot is the "accessible trigger."
-    //
-    updateAccessibleTrigger() {
-        if (this.trigger == null)
-            return;
-        const accessibleTrigger = getSlotChildren(this.trigger).map(getNearestTabbableElement).at(0);
-        if (accessibleTrigger != null) {
-            accessibleTrigger.setAttribute('aria-haspopup', 'true');
-            accessibleTrigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');
-        }
-    }
-    render() {
-        return (h("div", { part: "base", id: this.componentId, class: {
-                dropdown: true,
-                'dropdown--open': this.open,
-            } }, h("span", { part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown, onKeyUp: this.handleTriggerKeyUp }, h("slot", { name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("div", { ref: (el) => (this.positioner = el), class: {
-                dropdown__positioner: true,
-                dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,
-            } }, this.hasFilterEnabled && (h("six-input", { class: {
-                'filter-hidden': !this.open,
-            }, "aria-hidden": this.open ? 'false' : 'true', ref: (el) => (this.filterInputElement = el), placeholder: this.filterPlaceholder })), h("div", { ref: (el) => (this.panel = el), part: "panel", class: "dropdown__panel", role: "menu", "aria-hidden": this.open ? 'false' : 'true', "aria-labelledby": this.componentId, onScroll: this.handleDropdownScroll }, h("slot", null), this.filteredOptions.length > 0 && (h("six-menu", { part: "menu", items: this.filteredOptions, virtualScroll: this.virtualScroll }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"],
-        "distance": ["handlePopoverOptionsChange"],
-        "hoist": ["handlePopoverOptionsChange"],
-        "placement": ["handlePopoverOptionsChange"],
-        "skidding": ["handlePopoverOptionsChange"],
-        "options": ["handleOptionsChange"]
-    }; }
-    static get style() { return sixDropdownCss; }
-}, [1, "six-dropdown", {
-        "open": [1540],
-        "placement": [1],
-        "closeOnSelect": [4, "close-on-select"],
-        "distance": [2],
-        "skidding": [2],
-        "hoist": [4],
-        "containingElement": [16],
-        "filter": [4],
-        "asyncFilter": [4, "async-filter"],
-        "filterPlaceholder": [1, "filter-placeholder"],
-        "autofocusFilter": [4, "autofocus-filter"],
-        "filterDebounce": [2, "filter-debounce"],
-        "disableHideOnEnterAndSpace": [4, "disable-hide-on-enter-and-space"],
-        "options": [16],
-        "virtualScroll": [4, "virtual-scroll"],
-        "filteredOptions": [32],
-        "show": [64],
-        "hide": [64],
-        "reposition": [64]
-    }, undefined, {
-        "open": ["handleOpenChange"],
-        "distance": ["handlePopoverOptionsChange"],
-        "hoist": ["handlePopoverOptionsChange"],
-        "placement": ["handlePopoverOptionsChange"],
-        "skidding": ["handlePopoverOptionsChange"],
-        "options": ["handleOptionsChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-dropdown", "six-error", "six-icon", "six-input", "six-menu", "six-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixDropdown);
-            }
-            break;
-        case "six-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "six-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "six-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "six-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "six-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SixDropdown as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-dropdown2.js.map

package/dist/components/six-dropdown2.js.map

@@ -1 +0,0 @@
-{"file":"six-dropdown2.js","mappings":"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","names":[],"sources":["src/utils/tabbable.ts","src/components/six-dropdown/six-dropdown.scss?tag=six-dropdown&encapsulation=shadow","src/components/six-dropdown/six-dropdown.tsx"],"sourcesContent":["export function isTabbable(el: HTMLElement) {\n  const tabIndex = el.tabIndex;\n  return tabIndex > -1;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement | undefined {\n  // Check the element\n  if (isTabbable(el)) {\n    return el;\n  }\n\n  // Check the element's shadow root\n  if (el.shadowRoot != null) {\n    const tabbableShadowChild = [...el.shadowRoot.children].find((e) => isTabbable(e as HTMLElement)) as HTMLElement;\n    if (tabbableShadowChild != null) {\n      return tabbableShadowChild;\n    }\n  }\n\n  // Check the element's children\n  if (el.children != null) {\n    return [...el.children].map((e) => getNearestTabbableElement(e as HTMLElement)).at(0);\n  }\n\n  return undefined;\n}\n","@import 'src/global/component';\n@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: inline-block;\n}\n\n.dropdown {\n  position: relative;\n}\n\n.dropdown__trigger {\n  display: block;\n}\n\n.dropdown__positioner {\n  position: absolute;\n  z-index: var(--six-z-index-dropdown);\n\n  &__filtered {\n    width: 100%;\n  }\n}\n\n.dropdown__panel {\n  max-height: 50vh;\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--color);\n  background-color: var(--six-panel-background-color);\n  border-radius: var(--six-border-radius-medium);\n  box-shadow: var(--six-elevation-2dp);\n  opacity: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: none;\n  pointer-events: none;\n  transform: scale(0.9);\n  transition: var(--six-transition-fast) opacity, var(--six-transition-fast) transform;\n  // fix for firefox scrollbar\n  scrollbar-width: thin;\n}\n\n.filter-hidden {\n  display: none;\n}\n\n.dropdown__positioner {\n  &[data-popper-placement^='top'] .dropdown__panel {\n    transform-origin: bottom;\n  }\n\n  &[data-popper-placement^='bottom'] .dropdown__panel {\n    transform-origin: top;\n  }\n\n  &[data-popper-placement^='left'] .dropdown__panel {\n    transform-origin: right;\n  }\n\n  &[data-popper-placement^='right'] .dropdown__panel {\n    transform-origin: left;\n  }\n\n  &.popover-visible .dropdown__panel {\n    opacity: 1;\n    transform: none;\n    pointer-events: all;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getNearestTabbableElement } from '../../utils/tabbable';\nimport Popover from '../../utils/popover';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { getSlotChildren } from '../../utils/slot';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixMenuItemData } from '../six-menu/six-menu';\n\nexport interface SixDropdownAutoFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownAsyncFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownScrollPayload {\n  scrollHeight: number;\n  scrollTop: number;\n  scrollbarHeight: number;\n  scrollRatio: number;\n}\n\nconst isTagName =\n  (name: string) =>\n  <T extends Element>(el?: T) =>\n    el?.tagName.toLowerCase() === name.toLowerCase();\nconst isSixMenu = isTagName('six-menu');\nconst isSixMenuItem = isTagName('six-menu-item');\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.\n * @slot - The dropdown's content.\n *\n * @part base - The component's base wrapper.\n * @part trigger - The container that wraps the trigger.\n * @part panel - The panel that gets shown when the dropdown is open.\n */\n\n@Component({\n  tag: 'six-dropdown',\n  styleUrl: 'six-dropdown.scss',\n  shadow: true,\n})\nexport class SixDropdown {\n  private componentId = `dropdown-${++id}`;\n  private isVisible = false;\n  private panel?: HTMLElement;\n  private positioner?: HTMLElement;\n  private popover?: Popover;\n  private trigger?: HTMLElement;\n  private hasBeenInitialized = false;\n\n  // the input element shown in the dropdown when filter is set to true\n  private filterInputElement?: HTMLSixInputElement;\n\n  @Element() host!: HTMLSixDropdownElement;\n\n  /** Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Determines whether the dropdown should hide when a menu item is selected. */\n  @Prop() closeOnSelect = true;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @Prop() distance = 0;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @Prop() skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */\n  @Prop() containingElement?: HTMLElement;\n\n  /**\n   * Set to true to allow auto filtering for entries in the dropdown.\n   * With this flag the dropdown will automatically filter itsel.\n   * If you need to coordinate the shown elements yourself,\n   * e.g. because you need to call an endpoint use asyncFilter instead\n   */\n  @Prop() filter = false;\n\n  /**\n   * Set to true to allow async filtering.\n   * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n   */\n  @Prop() asyncFilter = false;\n\n  /** The filter's placeholder text. */\n  @Prop() filterPlaceholder = 'Filter...';\n\n  /** By default the search field will be focused when opening a dropdown with filtering enabled. */\n  @Prop() autofocusFilter = true;\n\n  get hasFilterEnabled() {\n    return this.filter || this.asyncFilter;\n  }\n\n  /** The debounce for the filter callbacks. */\n  @Prop() filterDebounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */\n  @Prop() disableHideOnEnterAndSpace = false;\n\n  /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/\n  @Prop() options: SixMenuItemData[] = [];\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  get container() {\n    return this.containingElement || this.host;\n  }\n\n  /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-dropdown-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown opens and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-dropdown-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown closes and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the auto filter is triggered */\n  @Event({ eventName: 'six-dropdown-auto-filter-fired' }) sixAutoFilter!: EventEmitter<SixDropdownAutoFilterPayload>;\n\n  /** Emitted when the async filter is triggered */\n  @Event({ eventName: 'six-async-filter-fired' }) sixAsyncFilterFired!: EventEmitter<SixDropdownAsyncFilterPayload>;\n\n  /** Emitted when the user scrolls inside dropdown panel.*/\n  @Event({ eventName: 'six-dropdown-scroll' }) sixScroll!: EventEmitter<SixDropdownScrollPayload>;\n\n  private eventListeners = new EventListeners();\n\n  // internal representation of options, so we don't have to make options mutable\n  @State() filteredOptions: SixMenuItemData[] = [];\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n    this.updateAccessibleTrigger();\n  }\n\n  @Watch('distance')\n  @Watch('hoist')\n  @Watch('placement')\n  @Watch('skidding')\n  handlePopoverOptionsChange() {\n    if (this.popover == null) return;\n\n    this.popover.setOptions({\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n    });\n  }\n\n  @Watch('options')\n  handleOptionsChange() {\n    if (Array.isArray(this.options)) {\n      this.filteredOptions = [...this.options];\n    }\n  }\n\n  connectedCallback() {\n    if (this.virtualScroll && this.options === null) {\n      console.error('Options must be defined when using virtual scrolling');\n    }\n\n    if (Array.isArray(this.options)) {\n      this.filteredOptions = [...this.options];\n    }\n\n    if (this.hasBeenInitialized && this.popover == null) {\n      // there was a weird bug when using six-dropdown inside an ag-grid filter. When closing the ag-grid filter\n      // disconnectedCallback() is executed. However, since componentDidLoad() will not be rerendered the popover had\n      // no longer a connected transitionEnd callback to the dropdown. To fix this, we have this sanity check here,\n      // to re-initialize the popover in case the component has already been initialized but the popover is undefined.\n      this.initializePopover();\n    }\n  }\n\n  componentDidLoad() {\n    this.hasBeenInitialized = true;\n    this.initializePopover();\n\n    // Show on init if open\n    if (this.open) {\n      void this.show();\n    }\n\n    if (this.filter) {\n      this.setupFiltering(this.handleFilterInputChange);\n    } else if (this.asyncFilter) {\n      this.setupFiltering(() => this.sixAsyncFilterFired.emit({ filterValue: this.filterInputElement?.value ?? '' }));\n    }\n  }\n\n  private initializePopover() {\n    if (this.trigger == null || this.positioner == null) return;\n    const onAfterHide = () => {\n      if (this.filter && this.filterInputElement != null) {\n        this.filterInputElement.value = '';\n\n        if (this.filteredOptions.length > 0) {\n          this.filteredOptions = [...this.options];\n        } else {\n          const menuItems = this.getMenuItems();\n          menuItems.forEach((item) => (item.style.display = 'unset'));\n        }\n      }\n\n      this.sixAfterHide.emit();\n    };\n\n    const onAfterShow = async () => {\n      if (this.hasFilterEnabled && this.autofocusFilter) {\n        // if dropdown filter is enabled we should autofocus the search field\n        await this.filterInputElement?.setFocus();\n      }\n\n      this.sixAfterShow.emit();\n    };\n\n    const onTransitionEnd = () => {\n      if (!this.open && this.panel != null) {\n        this.panel.scrollTop = 0;\n      }\n    };\n\n    this.popover = new Popover(this.trigger, this.positioner, {\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.panel,\n      onAfterHide,\n      onAfterShow,\n      onTransitionEnd,\n    });\n  }\n\n  private setupFiltering(callback: () => void) {\n    if (this.filterInputElement != null) {\n      this.eventListeners.add(this.filterInputElement, 'six-input-input', debounce(callback, this.filterDebounce));\n    }\n  }\n\n  private getMenuItems = (): HTMLSixMenuItemElement[] => {\n    if (this.filteredOptions.length > 0) {\n      return this.filteredOptions.map((option) => <six-menu-item value={option.value}>{option.label}</six-menu-item>);\n    }\n    if (this.panel == null) return [];\n\n    const [panel] = getSlotChildren<HTMLSixMenuElement>(this.panel);\n\n    // the menu-items can be in a slot e.g. in six-select or direct children of the panel\n    return getSlotChildren(panel) || Array.from(panel.querySelectorAll('six-menu-item'));\n  };\n\n  private handleFilterInputChange = () => {\n    if (this.filterInputElement == null) return;\n\n    const lowerCaseFilterTerm = this.filterInputElement.value?.toLowerCase()?.trim() || '';\n\n    if (this.filteredOptions.length > 0) {\n      this.handleFilteringForAttributeItems(lowerCaseFilterTerm);\n    } else {\n      this.handleFilteringForSlotItems(lowerCaseFilterTerm);\n    }\n\n    this.sixAutoFilter.emit({ filterValue: lowerCaseFilterTerm });\n  };\n\n  private handleFilteringForAttributeItems(lowerCaseFilterTerm: string) {\n    if (lowerCaseFilterTerm === '' && Array.isArray(this.options)) {\n      this.filteredOptions = [...this.options];\n      return;\n    }\n\n    this.filteredOptions = this.options.filter(\n      (option) =>\n        (option.label && String(option.label)?.toLowerCase()?.includes(lowerCaseFilterTerm)) ||\n        (option.value && String(option.value)?.toLowerCase()?.includes(lowerCaseFilterTerm))\n    );\n  }\n\n  private handleFilteringForSlotItems(lowerCaseFilterTerm: string) {\n    const menuItems = this.getMenuItems();\n    menuItems.forEach(async (menuItem) => {\n      // hide all elements which don't contain the entered substring\n      const elementContainsFilterTerm =\n        menuItem?.value?.toLowerCase()?.includes(lowerCaseFilterTerm) ||\n        (await menuItem?.getTextLabel())?.toLowerCase()?.includes(lowerCaseFilterTerm);\n\n      menuItem.style.display = elementContainsFilterTerm ? 'unset' : 'none';\n    });\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n\n    void this.hide();\n    this.popover?.destroy();\n    this.popover = undefined;\n  }\n\n  /** Shows the dropdown panel */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.popover == null || this.panel == null) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.eventListeners.add(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = true;\n    this.open = true;\n    this.popover.show();\n  }\n\n  /** Hides the dropdown panel */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.panel == null || this.popover == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.eventListeners.remove(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = false;\n    this.open = false;\n    this.popover.hide();\n  }\n\n  private focusOnTrigger() {\n    if (this.trigger == null) return;\n    const [trigger] = getSlotChildren<HTMLSixButtonElement>(this.trigger);\n    if (trigger != null) {\n      if (typeof trigger.setFocus === 'function') {\n        trigger.setFocus();\n      } else if (typeof trigger.focus === 'function') {\n        trigger.focus();\n      }\n    }\n  }\n\n  private getMenu(): HTMLSixMenuElement | undefined {\n    if (this.panel == null) return;\n    return getSlotChildren<HTMLSixMenuElement>(this.panel).filter(isSixMenu).at(0);\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   */\n  @Method()\n  async reposition() {\n    if (!this.open || this.popover == null) {\n      return;\n    }\n    this.popover.reposition();\n  }\n\n  private handleDocumentKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    // Close when escape is pressed\n    if (keyboardEvent.key === 'Escape') {\n      void this.hide();\n      this.focusOnTrigger();\n      return;\n    }\n\n    if (this.filterInputElement === this.host.shadowRoot?.activeElement) {\n      if (keyboardEvent.key === 'ArrowDown') {\n        const item = this.getMenuItems().find((item) => item.style.display !== 'none');\n        if (item != null) {\n          item.setFocus();\n        }\n      }\n    }\n\n    // Handle tabbing\n    if (keyboardEvent.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement != null && isSixMenuItem(document.activeElement)) {\n        keyboardEvent.preventDefault();\n        void this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.container.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (activeElement?.closest(this.container.tagName.toLowerCase()) !== this.container) {\n          void this.hide();\n          return;\n        }\n      });\n    }\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    // Close when clicking outside the containing element\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.container)) {\n      void this.hide();\n      return;\n    }\n  };\n\n  private handlePanelSelect = (event: Event) => {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (this.closeOnSelect && isSixMenu(target)) {\n      void this.hide();\n      this.focusOnTrigger();\n    }\n  };\n\n  private handleTriggerClick = () => {\n    this.open ? this.hide() : this.show();\n  };\n\n  private handleTriggerKeyDown = (event: KeyboardEvent) => {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape') {\n      this.focusOnTrigger();\n      void this.hide();\n      return;\n    }\n\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    if (!this.disableHideOnEnterAndSpace && [' ', 'Enter'].includes(event.key)) {\n      event.preventDefault();\n      this.open ? void this.hide() : void this.show();\n      return;\n    }\n\n    const menu = this.getMenu();\n\n    // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n    // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n    // faster navigation.\n    if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n      event.preventDefault();\n\n      // Show the menu if it's not already open\n      if (!this.open) {\n        void this.show();\n      }\n\n      if (menu == null) {\n        return;\n      }\n      const menuItems = [...menu.querySelectorAll('six-menu-item')];\n      const firstMenuItem = menuItems.at(0);\n      const lastMenuItem = menuItems.at(menuItems.length - 1);\n\n      // Focus on a menu item\n      if (event.key === 'ArrowDown' && firstMenuItem != null) {\n        firstMenuItem.setFocus();\n        return;\n      }\n\n      if (event.key === 'ArrowUp' && lastMenuItem != null) {\n        lastMenuItem.setFocus();\n        return;\n      }\n    }\n\n    // Other keys bring focus to the menu and initiate type-to-select behavior\n    const ignoredKeys = ['Tab', 'Shift', 'Meta', 'Ctrl', 'Alt'];\n    if (this.open && menu != null && !ignoredKeys.includes(event.key)) {\n      void menu.typeToSelect(event.key);\n      return;\n    }\n  };\n\n  private handleTriggerKeyUp = (event: KeyboardEvent) => {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  };\n\n  private handleTriggerSlotChange = () => {\n    this.updateAccessibleTrigger();\n  };\n\n  private handleDropdownScroll = () => {\n    if (this.panel == null) return;\n\n    this.sixScroll.emit({\n      scrollHeight: this.panel.scrollHeight,\n      scrollTop: this.panel.scrollTop,\n      scrollbarHeight: this.panel.offsetHeight * (this.panel.offsetHeight / this.panel.scrollHeight),\n      scrollRatio: this.panel.scrollTop / (this.panel.scrollHeight - this.panel.clientHeight),\n    });\n  };\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  private updateAccessibleTrigger() {\n    if (this.trigger == null) return;\n\n    const accessibleTrigger = getSlotChildren(this.trigger).map(getNearestTabbableElement).at(0);\n    if (accessibleTrigger != null) {\n      accessibleTrigger.setAttribute('aria-haspopup', 'true');\n      accessibleTrigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        id={this.componentId}\n        class={{\n          dropdown: true,\n          'dropdown--open': this.open,\n        }}\n      >\n        <span\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          ref={(el) => (this.trigger = el)}\n          onClick={this.handleTriggerClick}\n          onKeyDown={this.handleTriggerKeyDown}\n          onKeyUp={this.handleTriggerKeyUp}\n        >\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange} />\n        </span>\n\n        {/* Position the panel with a wrapper since the popover makes use of `translate`. This let's us add transitions\n        on the panel without interfering with the position. */}\n        <div\n          ref={(el) => (this.positioner = el)}\n          class={{\n            dropdown__positioner: true,\n            dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,\n          }}\n        >\n          {this.hasFilterEnabled && (\n            <six-input\n              class={{\n                'filter-hidden': !this.open,\n              }}\n              aria-hidden={this.open ? 'false' : 'true'}\n              ref={(el) => (this.filterInputElement = el)}\n              placeholder={this.filterPlaceholder}\n            />\n          )}\n          <div\n            ref={(el) => (this.panel = el)}\n            part=\"panel\"\n            class=\"dropdown__panel\"\n            role=\"menu\"\n            aria-hidden={this.open ? 'false' : 'true'}\n            aria-labelledby={this.componentId}\n            onScroll={this.handleDropdownScroll}\n          >\n            <slot />\n            {this.filteredOptions.length > 0 && (\n              <six-menu part=\"menu\" items={this.filteredOptions} virtualScroll={this.virtualScroll}></six-menu>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-error2.js

@@ -1,32 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const sixErrorCss = ".six-error-container{text-align:left;color:var(--six-color-danger-800);width:100%}";
-
-const SixError = /*@__PURE__*/ proxyCustomElement(class SixError extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { class: "six-error-container" }, h("slot", null)));
-    }
-    static get style() { return sixErrorCss; }
-}, [1, "six-error"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-error"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-error":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixError);
-            }
-            break;
-    } });
-}
-
-export { SixError as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-error2.js.map

package/dist/components/six-error2.js.map

@@ -1 +0,0 @@
-{"file":"six-error2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,oFAAoF;;MCc3F,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,eAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/six-error/six-error.scss?tag=six-error&encapsulation=shadow","src/components/six-error/six-error.tsx"],"sourcesContent":[".six-error-container {\n  text-align: left;\n  color: var(--six-color-danger-800);\n  width: 100%;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 4.0\n * @status beta\n *\n * @slot default - The error's message content\n */\n\n@Component({\n  tag: 'six-error',\n  styleUrl: 'six-error.scss',\n  shadow: true,\n})\nexport class SixError {\n  render() {\n    return (\n      <div class=\"six-error-container\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}