@six-group/ui-library 0.0.0-insider.77a508a → 0.0.0-insider.79a0d1c

package/dist/components/p-BUw6MZZI.js

@@ -1,305 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-BAe7gBEi.js';
-import { a as getTextContent } from './p-j3oIB5oT.js';
-import { E as EventListeners } from './p-C4h4qpGl.js';
-import { d as debounce } from './p-ltzGzaAu.js';
-import { d as defineCustomElement$4 } from './p-C4Shm3wX.js';
-import { d as defineCustomElement$3 } from './p-su5lTFPV.js';
-import { d as defineCustomElement$2 } from './p-Bga8smgq.js';
-import { d as defineCustomElement$1 } from './p-DAOD-npI.js';
-
-const sixMenuCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu{padding:var(--six-spacing-xx-small) 0;border:none;box-shadow:var(--six-shadow-small);overflow-y:auto;overflow-x:hidden}.menu:focus{outline:none}.no-shadow{box-shadow:none}";
-
-const isFocusedMenuItem = (menuItem) => { var _a, _b, _c; return (_c = (_b = (_a = menuItem === null || menuItem === void 0 ? void 0 : menuItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.menu-item')) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.contains('menu-item--focused'); };
-const isSIXMenuItemElement = (el) => (el === null || el === void 0 ? void 0 : el.tagName.toLowerCase()) === 'six-menu-item';
-const mapToMenuItem = ({ value, label }) => (h("six-menu-item", { key: value, value: value }, label));
-const DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING = 5;
-const DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING = 48;
-const DEFAULT_SIX_MENU_ITEM_HEIGHT = 64;
-const SixMenu = /*@__PURE__*/ proxyCustomElement(class SixMenu extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sixMenuItemSelected = createEvent(this, "six-menu-item-selected");
-        this.eventListeners = new EventListeners();
-        this.typeToSelectString = '';
-        /** Set to true to remove the box-shadow */
-        this.removeBoxShadow = false;
-        /** Set the options to be shown in the dropdown */
-        this.items = null;
-        /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
-         *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
-        this.virtualScroll = false;
-        /**
-         * Used for virtual scrolling
-         * Define how many items should be rendered in the DOM when using virtual scrolling
-         */
-        this.itemSize = 10;
-        /**
-         * Used for virtual scrolling
-         * Define the debounce for listening on scrolling changes in milliseconds.
-         * The lower the number the more sensitive the component reacts to scrolling changes.
-         */
-        this.scrollingDebounce = 15;
-        /**
-         * Internal: Disables handling of key presses.
-         */
-        this.disableKeyboardHandling = false;
-        /**
-         * Used to calculate which items should be rendered in the DOM
-         */
-        this.scrollingIndex = 0;
-        // set a default item height, this variable will be updated with the real value after the first render.
-        // However, it's necessary to have a default value because we can only fetch the proper height after the first render
-        this.sixMenuItemHeight = this.virtualScroll
-            ? DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING
-            : DEFAULT_SIX_MENU_ITEM_HEIGHT;
-        this.handleScrolling = () => {
-            if (this.menuWrapper == null)
-                return;
-            // for performance improvements we only update the DOM if the scrollRatio change "enough"
-            this.scrollingIndex = Math.floor(this.menuWrapper.scrollTop / this.sixMenuItemHeight);
-        };
-    }
-    connectedCallback() {
-        this.handleClick = this.handleClick.bind(this);
-        this.handleKeyDown = this.handleKeyDown.bind(this);
-    }
-    componentWillLoad() {
-        if (this.items === null) {
-            return;
-        }
-    }
-    componentDidLoad() {
-        this.setupForVirtualScrollingAfterRendering();
-    }
-    disconnectedCallback() {
-        this.eventListeners.removeAll();
-    }
-    /**
-     * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.
-     * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the
-     * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for
-     * enabling type-to-select when the menu doesn't have focus.
-     */
-    async typeToSelect(key) {
-        var _a;
-        clearTimeout(this.typeToSelectTimeout);
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        this.typeToSelectTimeout = setTimeout(() => (this.typeToSelectString = ''), 750);
-        this.typeToSelectString += key.toLowerCase();
-        const items = this.getItems();
-        for (const item of items) {
-            const slot = (_a = item.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
-            const label = getTextContent(slot).toLowerCase().trim();
-            if (label.substring(0, this.typeToSelectString.length) === this.typeToSelectString) {
-                item.setFocus();
-                break;
-            }
-        }
-    }
-    getItemsShown() {
-        var _a;
-        const defaultItemsShown = this.virtualScroll ? DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING : 0;
-        if (this.items && this.items.length === 1) {
-            return 0;
-        }
-        return (_a = this.itemsShown) !== null && _a !== void 0 ? _a : defaultItemsShown;
-    }
-    setupForVirtualScrollingAfterRendering() {
-        var _a, _b;
-        if (!this.virtualScroll || this.menuWrapper == null)
-            return;
-        this.eventListeners.add(this.menuWrapper, 'scroll', debounce(this.handleScrolling, this.scrollingDebounce));
-        // set menu height to proper height once the item is rendered.
-        const menuItemHeight = (_b = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('six-menu-item')) === null || _b === void 0 ? void 0 : _b.clientHeight;
-        if (menuItemHeight != null && menuItemHeight > 0) {
-            this.sixMenuItemHeight = menuItemHeight;
-        }
-    }
-    getItems() {
-        if (this.menu == null)
-            return [];
-        if (this.items != null) {
-            return this.items.map(mapToMenuItem);
-        }
-        const slot = this.menu.querySelector('slot');
-        if (slot == null)
-            return [];
-        return [...slot.assignedElements({ flatten: true })].filter((el) => isSIXMenuItemElement(el) && !el.disabled);
-    }
-    getActiveItemIndex() {
-        const items = this.getItems();
-        const selectedItem = this.getActiveItem();
-        if (selectedItem != null) {
-            const itemIndex = items.indexOf(selectedItem);
-            if (itemIndex > -1) {
-                return itemIndex;
-            }
-        }
-        const sixMenuItems = this.extractItemsFromDOM();
-        return sixMenuItems.findIndex(isFocusedMenuItem);
-    }
-    getActiveItem() {
-        var _a;
-        const activeElement = this.getItems().find((i) => i === document.activeElement);
-        if (activeElement != null) {
-            return activeElement;
-        }
-        return (_a = this.extractItemsFromDOM()) === null || _a === void 0 ? void 0 : _a.find(isFocusedMenuItem);
-    }
-    extractItemsFromDOM() {
-        var _a, _b;
-        return Array.from((_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('six-menu-item')) !== null && _b !== void 0 ? _b : []);
-    }
-    setActiveItem(item) {
-        item === null || item === void 0 ? void 0 : item.setFocus();
-    }
-    handleClick(event) {
-        const target = event.target;
-        const clickedItem = target.closest('six-menu-item');
-        if (clickedItem && !clickedItem.disabled) {
-            this.sixMenuItemSelected.emit({ name: clickedItem.value, item: clickedItem });
-        }
-    }
-    handleKeyDown(event) {
-        if (this.disableKeyboardHandling) {
-            return;
-        }
-        // Make a selection when pressing enter
-        if (event.key === 'Enter') {
-            const activeItem = this.getActiveItem();
-            event.preventDefault();
-            if (activeItem != null) {
-                this.sixMenuItemSelected.emit({ name: activeItem.value, item: activeItem });
-            }
-        }
-        // Prevent scrolling when space is pressed
-        if (event.key === ' ') {
-            event.preventDefault();
-        }
-        // Move the selection when pressing down or up
-        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
-            const items = this.items === null ? this.getItems() : this.extractItemsFromDOM();
-            let indexOfActiveItem = this.getActiveItemIndex();
-            if (items.length > 0) {
-                event.preventDefault();
-                if (event.key === 'ArrowDown') {
-                    indexOfActiveItem++;
-                }
-                else if (event.key === 'ArrowUp') {
-                    indexOfActiveItem--;
-                }
-                else if (event.key === 'Home') {
-                    indexOfActiveItem = 0;
-                }
-                else if (event.key === 'End') {
-                    indexOfActiveItem = items.length - 1;
-                }
-                if (indexOfActiveItem < 0)
-                    indexOfActiveItem = 0;
-                if (indexOfActiveItem > items.length - 1)
-                    indexOfActiveItem = items.length - 1;
-                this.setActiveItem(items[indexOfActiveItem]);
-                return;
-            }
-        }
-        void this.typeToSelect(event.key);
-    }
-    getMenuWrapperStyle() {
-        var _a;
-        const styles = {};
-        if (this.getItemsShown() > 0) {
-            // calculate the proper height to show the correct number of items
-            styles.height = `${((_a = this.getItemsShown()) !== null && _a !== void 0 ? _a : 0) * this.sixMenuItemHeight}px`;
-        }
-        else if (this.items && this.items.length === 1) {
-            styles.height = 'auto';
-        }
-        return Object.assign({}, styles);
-    }
-    getMenuContainerStyle() {
-        const styles = {};
-        if (this.virtualScroll) {
-            // calculate height of content are if all items would be rendered so the scrollbar has the proper size
-            styles.transform = `translateY(${this.sixMenuItemHeight * this.scrollingIndex}px)`;
-        }
-        return Object.assign({}, styles);
-    }
-    getScrollbarGhostStyle() {
-        const styles = {};
-        if (this.virtualScroll && this.items !== null && this.items.length > 1) {
-            styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;
-        }
-        return Object.assign({}, styles);
-    }
-    renderItems() {
-        if (this.items === undefined || this.items === null) {
-            return;
-        }
-        if (!this.virtualScroll) {
-            return this.items.map(mapToMenuItem);
-        }
-        return this.items
-            .slice(this.scrollingIndex, Math.min(this.items.length, this.itemSize + this.scrollingIndex))
-            .map(({ value, label }) => (h("six-menu-item", { checkType: "check", key: value, value: value }, label)));
-    }
-    render() {
-        return (h("div", { key: 'a346d393b279517ec252289e173e1d2e1ac82147', ref: (el) => (this.menuWrapper = el), style: this.getMenuWrapperStyle(), part: "wrapper", class: {
-                menu: true,
-                '.no-shadow': this.removeBoxShadow,
-            } }, h("div", { key: 'eeca9d33ecede486adc958510b2bc7028517a79a', ref: (el) => (this.menu = el), part: "base", role: "menu", onClick: this.handleClick, onKeyDown: this.handleKeyDown, tabIndex: 0, style: this.getMenuContainerStyle() }, h("slot", { key: 'c46d98b34ddaec7d041ee2ad4aa40a048a93cc80' }), this.renderItems()), this.virtualScroll && h("div", { key: '535cf4f968da60291f420da2722fc1692c0c064a', style: this.getScrollbarGhostStyle() })));
-    }
-    get host() { return this; }
-    static get style() { return sixMenuCss; }
-}, [1, "six-menu", {
-        "removeBoxShadow": [4, "remove-box-shadow"],
-        "items": [16],
-        "itemsShown": [2, "items-shown"],
-        "virtualScroll": [4, "virtual-scroll"],
-        "itemSize": [2, "item-size"],
-        "scrollingDebounce": [2, "scrolling-debounce"],
-        "disableKeyboardHandling": [4, "disable-keyboard-handling"],
-        "scrollingIndex": [32],
-        "sixMenuItemHeight": [32],
-        "typeToSelect": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-menu", "six-checkbox", "six-error", "six-icon", "six-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixMenu);
-            }
-            break;
-        case "six-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "six-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "six-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "six-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SixMenu as S, defineCustomElement as d };
-//# sourceMappingURL=p-BUw6MZZI.js.map
-
-//# sourceMappingURL=p-BUw6MZZI.js.map

package/dist/components/p-BUw6MZZI.js.map

@@ -1 +0,0 @@
-{"file":"p-BUw6MZZI.js","mappings":";;;;;;;;;AAAA,MAAM,UAAU,GAAG,2aAA2a;;ACgB9b,MAAM,iBAAiB,GAAG,CAAC,QAAgC,KAAI,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,CAC7D,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,YAAY,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,oBAAoB,CAAC,CAAA,EAAA;AAE9F,MAAM,oBAAoB,GAAG,CAAC,EAAY,KACxC,CAAA,EAAE,KAAA,IAAA,IAAF,EAAE,KAAF,MAAA,GAAA,MAAA,GAAA,EAAE,CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,eAAe;AAE/C,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAmB,MACtD,qBAAe,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EACpC,EAAA,KAAK,CACQ,CACjB;AAED,MAAM,mDAAmD,GAAG,CAAC;AAC7D,MAAM,kDAAkD,GAAG,EAAE;AAC7D,MAAM,4BAA4B,GAAG,EAAE;MAiB1B,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;AAMmB,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,cAAc,EAAE;AAI9C,QAAA,IAAkB,CAAA,kBAAA,GAAG,EAAE;;AASvB,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;;AAGvB,QAAA,IAAK,CAAA,KAAA,GAA6B,IAAI;AAK9C;AACqH;AAC7G,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;AAE7B;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,EAAE;AAErB;;;;AAIG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAG,EAAE;AAE9B;;AAEG;AACK,QAAA,IAAuB,CAAA,uBAAA,GAAG,KAAK;AAEvC;;AAEG;AAEK,QAAA,IAAc,CAAA,cAAA,GAAG,CAAC;;;AAKlB,QAAA,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AAC/B,cAAE;cACA,4BAA4B;AAaxB,QAAA,IAAe,CAAA,eAAA,GAAG,MAAK;AAC7B,YAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI;gBAAE;;AAE9B,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;AACvF,SAAC;AA6OF;IA5PC,iBAAiB,GAAA;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGpD,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACvB;;;IAUJ,gBAAgB,GAAA;QACd,IAAI,CAAC,sCAAsC,EAAE;;IAG/C,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;;AAGjC;;;;;AAKG;IAEH,MAAM,YAAY,CAAC,GAAW,EAAA;;AAC5B,QAAA,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC;;;AAGtC,QAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;AAChF,QAAA,IAAI,CAAC,kBAAkB,IAAI,GAAG,CAAC,WAAW,EAAE;AAC5C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7B,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,kBAAkB,CAAoB;AAClF,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE;AACvD,YAAA,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,kBAAkB,EAAE;gBAClF,IAAI,CAAC,QAAQ,EAAE;gBACf;;;;IAKE,aAAa,GAAA;;AACnB,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,mDAAmD,GAAG,CAAC;AACtG,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACzC,YAAA,OAAO,CAAC;;QAEV,OAAO,MAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,iBAAiB;;IAGrC,sCAAsC,GAAA;;QAC5C,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI;YAAE;QAErD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;;QAG3G,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,eAAe,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY;QAC9E,IAAI,cAAc,IAAI,IAAI,IAAI,cAAc,GAAG,CAAC,EAAE;AAChD,YAAA,IAAI,CAAC,iBAAiB,GAAG,cAAc;;;IAInC,QAAQ,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;AAAE,YAAA,OAAO,EAAE;AAEhC,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE;YACtB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC;;QAGtC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QAC5C,IAAI,IAAI,IAAI,IAAI;AAAE,YAAA,OAAO,EAAE;AAC3B,QAAA,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CACzD,CAAC,EAAE,KAAmC,oBAAoB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAC/E;;IAGK,kBAAkB,GAAA;AACxB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;AACzC,QAAA,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;AAC7C,YAAA,IAAI,SAAS,GAAG,EAAE,EAAE;AAClB,gBAAA,OAAO,SAAS;;;AAGpB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC/C,QAAA,OAAO,YAAY,CAAC,SAAS,CAAC,iBAAiB,CAAC;;IAG1C,aAAa,GAAA;;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,aAAa,CAAC;AAC/E,QAAA,IAAI,aAAa,IAAI,IAAI,EAAE;AACzB,YAAA,OAAO,aAAa;;AAEtB,QAAA,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,EAAE,0CAAE,IAAI,CAAC,iBAAiB,CAAC;;IAGpD,mBAAmB,GAAA;;QACzB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,eAAe,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,CAAC;;AAG1E,IAAA,aAAa,CAAC,IAA4B,EAAA;AAChD,QAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,QAAQ,EAAE;;AAGV,IAAA,WAAW,CAAC,KAAiB,EAAA;AACnC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;QAC1C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC;AACnD,QAAA,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;AACxC,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;;;AAIzE,IAAA,aAAa,CAAC,KAAoB,EAAA;AACxC,QAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC;;;AAIF,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;YACvC,KAAK,CAAC,cAAc,EAAE;AAEtB,YAAA,IAAI,UAAU,IAAI,IAAI,EAAE;AACtB,gBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;;;;AAK/E,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE;;;AAIxB,QAAA,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAEhF,YAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE;AAEjD,YAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACpB,KAAK,CAAC,cAAc,EAAE;AAEtB,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAC7B,oBAAA,iBAAiB,EAAE;;AACd,qBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;AAClC,oBAAA,iBAAiB,EAAE;;AACd,qBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE;oBAC/B,iBAAiB,GAAG,CAAC;;AAChB,qBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AAC9B,oBAAA,iBAAiB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;;gBAGtC,IAAI,iBAAiB,GAAG,CAAC;oBAAE,iBAAiB,GAAG,CAAC;AAChD,gBAAA,IAAI,iBAAiB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;AAAE,oBAAA,iBAAiB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBAE9E,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;gBAE5C;;;QAIJ,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;;IAG3B,mBAAmB,GAAA;;QACzB,MAAM,MAAM,GAA8B,EAAE;AAC5C,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE;;AAE5B,YAAA,MAAM,CAAC,MAAM,GAAG,CAAA,EAAG,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,IAAI,IAAI,CAAC,iBAAiB,IAAI;;AACtE,aAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAChD,YAAA,MAAM,CAAC,MAAM,GAAG,MAAM;;QAExB,OAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,MAAM,CACT;;IAGI,qBAAqB,GAAA;QAC3B,MAAM,MAAM,GAA8B,EAAE;AAE5C,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;;AAEtB,YAAA,MAAM,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAA,GAAA,CAAK;;QAGpF,OAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,MAAM,CACT;;IAGI,sBAAsB,GAAA;QAC5B,MAAM,MAAM,GAA8B,EAAE;AAC5C,QAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACtE,MAAM,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAA,EAAA,CAAI;;QAE5G,OAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,MAAM,CACT;;IAGI,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACnD;;AAGF,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC;;QAGtC,OAAO,IAAI,CAAC;aACT,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;AAC3F,aAAA,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAmB,MACrC,CAAA,CAAA,eAAA,EAAA,EAAe,SAAS,EAAC,OAAO,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACtD,KAAK,CACQ,CACjB,CAAC;;IAGN,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EACpC,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EACjC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,IAAI,CAAC,eAAe;aACnC,EAAA,EAED,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,EAC7B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAA,EAEnC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,WAAW,EAAE,CACf,EACL,IAAI,CAAC,aAAa,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-menu/six-menu.scss?tag=six-menu&encapsulation=shadow","src/components/six-menu/six-menu.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu {\n  padding: var(--six-spacing-xx-small) 0;\n  border: none;\n  box-shadow: var(--six-shadow-small);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.no-shadow {\n  box-shadow: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { getTextContent } from '../../utils/slot';\nimport { StyleDeclaration } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce } from '../../utils/execution-control';\n\nexport interface SixMenuItemData {\n  label: string;\n  value: string;\n}\n\nexport interface SixMenuItemSelectedPayload {\n  name: string;\n  item: HTMLSixMenuItemElement;\n}\n\nconst isFocusedMenuItem = (menuItem: HTMLSixMenuItemElement) =>\n  menuItem?.shadowRoot?.querySelector('.menu-item')?.classList?.contains('menu-item--focused');\n\nconst isSIXMenuItemElement = (el?: Element): el is HTMLSixMenuItemElement =>\n  el?.tagName.toLowerCase() === 'six-menu-item';\n\nconst mapToMenuItem = ({ value, label }: SixMenuItemData) => (\n  <six-menu-item key={value} value={value}>\n    {label}\n  </six-menu-item>\n);\n\nconst DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING = 5;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING = 48;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT = 64;\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 - The menu's content, including menu items, menu dividers, and menu labels.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-menu',\n  styleUrl: 'six-menu.scss',\n  shadow: true,\n})\nexport class SixMenu {\n  private readonly eventListeners = new EventListeners();\n\n  private menu?: HTMLElement;\n  private menuWrapper?: HTMLElement;\n  private typeToSelectString = '';\n  private typeToSelectTimeout?: number;\n\n  @Element() host!: HTMLSixMenuElement;\n\n  /** Emitted when a menu item is selected. */\n  @Event({ eventName: 'six-menu-item-selected' }) sixMenuItemSelected!: EventEmitter<SixMenuItemSelectedPayload>;\n\n  /** Set to true to remove the box-shadow */\n  @Prop() removeBoxShadow = false;\n\n  /** Set the options to be shown in the dropdown */\n  @Prop() items: SixMenuItemData[] | null = null;\n\n  /** Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown */\n  @Prop() itemsShown?: number;\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  /**\n   * Used for virtual scrolling\n   * Define how many items should be rendered in the DOM when using virtual scrolling\n   */\n  @Prop() itemSize = 10;\n\n  /**\n   * Used for virtual scrolling\n   * Define the debounce for listening on scrolling changes in milliseconds.\n   * The lower the number the more sensitive the component reacts to scrolling changes.\n   */\n  @Prop() scrollingDebounce = 15;\n\n  /**\n   * Internal: Disables handling of key presses.\n   */\n  @Prop() disableKeyboardHandling = false;\n\n  /**\n   * Used to calculate which items should be rendered in the DOM\n   */\n  @State()\n  private scrollingIndex = 0;\n\n  // set a default item height, this variable will be updated with the real value after the first render.\n  // However, it's necessary to have a default value because we can only fetch the proper height after the first render\n  @State()\n  private sixMenuItemHeight = this.virtualScroll\n    ? DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING\n    : DEFAULT_SIX_MENU_ITEM_HEIGHT;\n\n  connectedCallback() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  componentWillLoad() {\n    if (this.items === null) {\n      return;\n    }\n  }\n\n  private handleScrolling = () => {\n    if (this.menuWrapper == null) return;\n    // for performance improvements we only update the DOM if the scrollRatio change \"enough\"\n    this.scrollingIndex = Math.floor(this.menuWrapper.scrollTop / this.sixMenuItemHeight);\n  };\n\n  componentDidLoad() {\n    this.setupForVirtualScrollingAfterRendering();\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  /**\n   * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\n   * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the\n   * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\n   * enabling type-to-select when the menu doesn't have focus.\n   */\n  @Method()\n  async typeToSelect(key: string) {\n    clearTimeout(this.typeToSelectTimeout);\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this.typeToSelectTimeout = setTimeout(() => (this.typeToSelectString = ''), 750);\n    this.typeToSelectString += key.toLowerCase();\n    const items = this.getItems();\n    for (const item of items) {\n      const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n      const label = getTextContent(slot).toLowerCase().trim();\n      if (label.substring(0, this.typeToSelectString.length) === this.typeToSelectString) {\n        item.setFocus();\n        break;\n      }\n    }\n  }\n\n  private getItemsShown(): number {\n    const defaultItemsShown = this.virtualScroll ? DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING : 0;\n    if (this.items && this.items.length === 1) {\n      return 0;\n    }\n    return this.itemsShown ?? defaultItemsShown;\n  }\n\n  private setupForVirtualScrollingAfterRendering() {\n    if (!this.virtualScroll || this.menuWrapper == null) return;\n\n    this.eventListeners.add(this.menuWrapper, 'scroll', debounce(this.handleScrolling, this.scrollingDebounce));\n\n    // set menu height to proper height once the item is rendered.\n    const menuItemHeight = this.menu?.querySelector('six-menu-item')?.clientHeight;\n    if (menuItemHeight != null && menuItemHeight > 0) {\n      this.sixMenuItemHeight = menuItemHeight;\n    }\n  }\n\n  private getItems(): HTMLSixMenuItemElement[] {\n    if (this.menu == null) return [];\n\n    if (this.items != null) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    const slot = this.menu.querySelector('slot');\n    if (slot == null) return [];\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el): el is HTMLSixMenuItemElement => isSIXMenuItemElement(el) && !el.disabled\n    );\n  }\n\n  private getActiveItemIndex() {\n    const items = this.getItems();\n    const selectedItem = this.getActiveItem();\n    if (selectedItem != null) {\n      const itemIndex = items.indexOf(selectedItem);\n      if (itemIndex > -1) {\n        return itemIndex;\n      }\n    }\n    const sixMenuItems = this.extractItemsFromDOM();\n    return sixMenuItems.findIndex(isFocusedMenuItem);\n  }\n\n  private getActiveItem(): HTMLSixMenuItemElement | undefined {\n    const activeElement = this.getItems().find((i) => i === document.activeElement);\n    if (activeElement != null) {\n      return activeElement;\n    }\n    return this.extractItemsFromDOM()?.find(isFocusedMenuItem);\n  }\n\n  private extractItemsFromDOM() {\n    return Array.from(this.host.shadowRoot?.querySelectorAll('six-menu-item') ?? []);\n  }\n\n  private setActiveItem(item: HTMLSixMenuItemElement) {\n    item?.setFocus();\n  }\n\n  private handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const clickedItem = target.closest('six-menu-item');\n    if (clickedItem && !clickedItem.disabled) {\n      this.sixMenuItemSelected.emit({ name: clickedItem.value, item: clickedItem });\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.disableKeyboardHandling) {\n      return;\n    }\n\n    // Make a selection when pressing enter\n    if (event.key === 'Enter') {\n      const activeItem = this.getActiveItem();\n      event.preventDefault();\n\n      if (activeItem != null) {\n        this.sixMenuItemSelected.emit({ name: activeItem.value, item: activeItem });\n      }\n    }\n\n    // Prevent scrolling when space is pressed\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n\n    // Move the selection when pressing down or up\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      const items = this.items === null ? this.getItems() : this.extractItemsFromDOM();\n\n      let indexOfActiveItem = this.getActiveItemIndex();\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          indexOfActiveItem++;\n        } else if (event.key === 'ArrowUp') {\n          indexOfActiveItem--;\n        } else if (event.key === 'Home') {\n          indexOfActiveItem = 0;\n        } else if (event.key === 'End') {\n          indexOfActiveItem = items.length - 1;\n        }\n\n        if (indexOfActiveItem < 0) indexOfActiveItem = 0;\n        if (indexOfActiveItem > items.length - 1) indexOfActiveItem = items.length - 1;\n\n        this.setActiveItem(items[indexOfActiveItem]);\n\n        return;\n      }\n    }\n\n    void this.typeToSelect(event.key);\n  }\n\n  private getMenuWrapperStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n    if (this.getItemsShown() > 0) {\n      // calculate the proper height to show the correct number of items\n      styles.height = `${(this.getItemsShown() ?? 0) * this.sixMenuItemHeight}px`;\n    } else if (this.items && this.items.length === 1) {\n      styles.height = 'auto';\n    }\n    return {\n      ...styles,\n    };\n  }\n\n  private getMenuContainerStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n\n    if (this.virtualScroll) {\n      // calculate height of content are if all items would be rendered so the scrollbar has the proper size\n      styles.transform = `translateY(${this.sixMenuItemHeight * this.scrollingIndex}px)`;\n    }\n\n    return {\n      ...styles,\n    };\n  }\n\n  private getScrollbarGhostStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n    if (this.virtualScroll && this.items !== null && this.items.length > 1) {\n      styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;\n    }\n    return {\n      ...styles,\n    };\n  }\n\n  private renderItems() {\n    if (this.items === undefined || this.items === null) {\n      return;\n    }\n\n    if (!this.virtualScroll) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    return this.items\n      .slice(this.scrollingIndex, Math.min(this.items.length, this.itemSize + this.scrollingIndex))\n      .map(({ value, label }: SixMenuItemData) => (\n        <six-menu-item checkType=\"check\" key={value} value={value}>\n          {label}\n        </six-menu-item>\n      ));\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.menuWrapper = el)}\n        style={this.getMenuWrapperStyle()}\n        part=\"wrapper\"\n        class={{\n          menu: true,\n          '.no-shadow': this.removeBoxShadow,\n        }}\n      >\n        <div\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          role=\"menu\"\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n          style={this.getMenuContainerStyle()}\n        >\n          <slot />\n          {this.renderItems()}\n        </div>\n        {this.virtualScroll && <div style={this.getScrollbarGhostStyle()} />}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-Bga8smgq.js

@@ -1,52 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-BAe7gBEi.js';
-
-const sixIconCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-flex;vertical-align:middle}.material-icons{vertical-align:middle;font-weight:normal;font-style:normal;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\";user-select:none}.material-icons-filled{font-family:\"Material Icons\"}.material-icons-outlined{font-family:\"Material Icons Outlined\"}.icon--xsmall{font-size:12px}.icon--small{font-size:18px}.icon--medium{font-size:24px}.icon--large{font-size:36px}.icon--xlarge{font-size:48px}.icon--xxlarge{font-size:72px}.icon--xxxlarge{font-size:96px}.icon--inherit{font-size:1.5em}";
-
-const SixIcon = /*@__PURE__*/ proxyCustomElement(class SixIcon extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** The icon's size. */
-        this.size = 'inherit';
-        /** If set to true the default material outlined icons are not used. */
-        this.filled = false;
-    }
-    render() {
-        return (h("i", { key: '748f3396556d9bee11a96c550c4f04b5d4945842', class: {
-                'material-icons': true,
-                'material-icons-outlined': !this.filled,
-                'material-icons-filled': this.filled,
-                'icon--xsmall': this.size === 'xSmall',
-                'icon--small': this.size === 'small',
-                'icon--medium': this.size === 'medium',
-                'icon--large': this.size === 'large',
-                'icon--xlarge': this.size === 'xLarge',
-                'icon--xxlarge': this.size === 'xxLarge',
-                'icon--xxxlarge': this.size === 'xxxLarge',
-                'icon--inherit': this.size === 'inherit',
-            } }, h("slot", { key: 'd80f49ba0904122e01610b0f23bae0915ee9c6ec' })));
-    }
-    static get style() { return sixIconCss; }
-}, [1, "six-icon", {
-        "size": [513],
-        "filled": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixIcon);
-            }
-            break;
-    } });
-}
-
-export { SixIcon as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bga8smgq.js.map
-
-//# sourceMappingURL=p-Bga8smgq.js.map

package/dist/components/p-Bga8smgq.js.map

@@ -1 +0,0 @@
-{"file":"p-Bga8smgq.js","mappings":";;AAAA,MAAM,UAAU,GAAG,s7BAAs7B;;MCc57B,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;AAO2B,QAAA,IAAI,CAAA,IAAA,GAQZ,SAAS;;AAGlB,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AAuBvB;IArBC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,yBAAyB,EAAE,CAAC,IAAI,CAAC,MAAM;gBACvC,uBAAuB,EAAE,IAAI,CAAC,MAAM;AACpC,gBAAA,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AACtC,gBAAA,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;AACpC,gBAAA,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AACtC,gBAAA,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;AACpC,gBAAA,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AACtC,gBAAA,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AACxC,gBAAA,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;AAC1C,gBAAA,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AACzC,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACX;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-icon/six-icon.scss?tag=six-icon&encapsulation=shadow","src/components/six-icon/six-icon.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.material-icons {\n  vertical-align: middle;\n  font-weight: normal;\n  font-style: normal;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n\n  /* Icon name should not be selectable. */\n  user-select: none;\n}\n\n.material-icons-filled {\n  font-family: 'Material Icons';\n}\n\n.material-icons-outlined {\n  font-family: 'Material Icons Outlined';\n}\n\n.icon {\n  &--xsmall {\n    font-size: 12px;\n  }\n\n  &--small {\n    font-size: 18px;\n  }\n\n  &--medium {\n    font-size: 24px;\n  }\n\n  &--large {\n    font-size: 36px;\n  }\n\n  &--xlarge {\n    font-size: 48px;\n  }\n\n  &--xxlarge {\n    font-size: 72px;\n  }\n\n  &--xxxlarge {\n    font-size: 96px;\n  }\n\n  &--inherit {\n    font-size: 1.5em;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the material icon name.\n */\n\n@Component({\n  tag: 'six-icon',\n  styleUrls: ['six-icon.scss'],\n  shadow: true,\n})\nexport class SixIcon {\n  /** The icon's size. */\n  @Prop({ reflect: true }) size:\n    | 'inherit'\n    | 'xSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xLarge'\n    | 'xxLarge'\n    | 'xxxLarge' = 'inherit';\n\n  /** If set to true the default material outlined icons are not used. */\n  @Prop() filled = false;\n\n  render() {\n    return (\n      <i\n        class={{\n          'material-icons': true,\n          'material-icons-outlined': !this.filled,\n          'material-icons-filled': this.filled,\n          'icon--xsmall': this.size === 'xSmall',\n          'icon--small': this.size === 'small',\n          'icon--medium': this.size === 'medium',\n          'icon--large': this.size === 'large',\n          'icon--xlarge': this.size === 'xLarge',\n          'icon--xxlarge': this.size === 'xxLarge',\n          'icon--xxxlarge': this.size === 'xxxLarge',\n          'icon--inherit': this.size === 'inherit',\n        }}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-BqnK0pil.js

@@ -1,208 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BAe7gBEi.js';
-import { P as Popover } from './p-kHci8ddv.js';
-
-const sixTooltipCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:fixed;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:\"\";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}";
-
-let id = 0;
-const SixTooltip = /*@__PURE__*/ proxyCustomElement(class SixTooltip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sixShow = createEvent(this, "six-tooltip-show");
-        this.sixAfterShow = createEvent(this, "six-tooltip-after-show");
-        this.sixHide = createEvent(this, "six-tooltip-hide");
-        this.sixAfterHide = createEvent(this, "six-tooltip-after-hide");
-        this.componentId = `tooltip-${++id}`;
-        this.isVisible = false;
-        /** The tooltip's content. Alternatively, you can use the content slot. */
-        this.content = '';
-        /**
-         * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
-         * inside the viewport.
-         */
-        this.placement = 'top';
-        /** Set to true to disable the tooltip, so it won't show when triggered. */
-        this.disabled = false;
-        /** The distance in pixels from which to offset the tooltip away from its target. */
-        this.distance = 10;
-        /** Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods. */
-        this.open = false;
-        /** The distance in pixels from which to offset the tooltip along its target. */
-        this.skidding = 0;
-        /**
-         * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-         * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-         * programmatically.
-         */
-        this.trigger = 'hover focus';
-        this.handleBlur = () => {
-            if (this.hasTrigger('focus')) {
-                this.hide();
-            }
-        };
-        this.handleClick = () => {
-            if (this.hasTrigger('click')) {
-                this.open ? this.hide() : this.show();
-            }
-        };
-        this.handleFocus = () => {
-            if (this.hasTrigger('focus')) {
-                this.show();
-            }
-        };
-        this.handleKeyDown = (event) => {
-            // Pressing escape when the target element has focus should dismiss the tooltip
-            if (this.open && event.key === 'Escape') {
-                event.stopPropagation();
-                this.hide();
-            }
-        };
-        this.handleMouseOver = () => {
-            if (this.hasTrigger('hover')) {
-                this.show();
-            }
-        };
-        this.handleMouseOut = () => {
-            if (this.hasTrigger('hover')) {
-                this.hide();
-            }
-        };
-        this.handleSlotChange = () => {
-            const oldTarget = this.target;
-            const newTarget = this.getTarget();
-            if (newTarget !== oldTarget) {
-                if (oldTarget != null) {
-                    oldTarget.removeAttribute('aria-describedby');
-                }
-                newTarget.setAttribute('aria-describedby', this.componentId);
-            }
-        };
-    }
-    handleOpenChange() {
-        this.open ? this.show() : this.hide();
-    }
-    componentDidLoad() {
-        if (this.tooltipPositioner == null)
-            return;
-        this.target = this.getTarget();
-        this.popoverHelper = new Popover(this.target, this.tooltipPositioner, { strategy: 'fixed' });
-        this.syncOptions();
-        this.host.addEventListener('blur', this.handleBlur, true);
-        this.host.addEventListener('click', this.handleClick, true);
-        this.host.addEventListener('focus', this.handleFocus, true);
-        // Show on init if open
-        this.tooltipPositioner.hidden = !this.open;
-        if (this.open) {
-            this.show();
-        }
-    }
-    componentDidUpdate() {
-        this.syncOptions();
-    }
-    disconnectedCallback() {
-        if (this.popoverHelper != null) {
-            this.popoverHelper.destroy();
-        }
-        this.host.removeEventListener('blur', this.handleBlur, true);
-        this.host.removeEventListener('click', this.handleClick, true);
-        this.host.removeEventListener('focus', this.handleFocus, true);
-    }
-    /** Shows the tooltip. */
-    async show() {
-        var _a;
-        // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
-        if (this.isVisible || this.disabled) {
-            return;
-        }
-        const sixShow = this.sixShow.emit();
-        if (sixShow.defaultPrevented) {
-            this.open = false;
-            return;
-        }
-        this.isVisible = true;
-        this.open = true;
-        (_a = this.popoverHelper) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /** Shows the tooltip. */
-    async hide() {
-        var _a;
-        // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
-        if (!this.isVisible || this.disabled) {
-            return;
-        }
-        const sixHide = this.sixHide.emit();
-        if (sixHide.defaultPrevented) {
-            this.open = true;
-            return;
-        }
-        this.isVisible = false;
-        this.open = false;
-        (_a = this.popoverHelper) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    getTarget() {
-        // Get the first child that isn't a <style> or content slot
-        const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
-        if (target == null) {
-            throw new Error('Invalid tooltip target: no child element was found.');
-        }
-        return target;
-    }
-    hasTrigger(triggerType) {
-        const triggers = this.trigger.split(' ');
-        return triggers.includes(triggerType);
-    }
-    syncOptions() {
-        if (this.popoverHelper == null)
-            return;
-        this.popoverHelper.setOptions({
-            placement: this.placement,
-            distance: this.distance,
-            skidding: this.skidding,
-            transitionElement: this.tooltip,
-            onAfterHide: () => this.sixAfterHide.emit(),
-            onAfterShow: () => this.sixAfterShow.emit(),
-        });
-    }
-    render() {
-        return (h(Host, { key: 'd93d720821d7afd723451a02b393707dab014e3a', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { key: 'c7f1459a7c8f60b68410c75a8b6ae75f854388aa', onSlotchange: this.handleSlotChange }), h("div", { key: '62cb4b899a946fe53d354a154639e5994a02402d', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { key: 'c9eac033399f9f6d2bd9f902ecc87e4d8f6f1062', part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
-                tooltip: true,
-                'tooltip--open': this.open,
-            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '4a6a3dcd189f721e0adb217dca588d6037f4bf54', name: "content" }, this.content)))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"]
-    }; }
-    static get style() { return sixTooltipCss; }
-}, [1, "six-tooltip", {
-        "content": [1],
-        "placement": [1],
-        "disabled": [4],
-        "distance": [2],
-        "open": [1540],
-        "skidding": [2],
-        "trigger": [1],
-        "show": [64],
-        "hide": [64]
-    }, undefined, {
-        "open": ["handleOpenChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixTooltip);
-            }
-            break;
-    } });
-}
-
-export { SixTooltip as S, defineCustomElement as d };
-//# sourceMappingURL=p-BqnK0pil.js.map
-
-//# sourceMappingURL=p-BqnK0pil.js.map