@six-group/ui-library 0.0.0-insider.c4e8588 → 0.0.0-insider.c8fa9a3

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

@@ -1 +0,0 @@
-{"file":"six-details2.js","mappings":"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","names":[],"sources":["src/components/six-details/six-details.scss?tag=six-details&encapsulation=shadow","src/components/six-details/six-details.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --hide-duration: The length of the hide transition.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --show-duration: The length of the show transition.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n * @prop --horizontal-padding: The horizontal padding\n */\n:host {\n  --hide-duration: var(--six-transition-medium);\n  --hide-timing-function: ease;\n  --show-duration: var(--six-transition-medium);\n  --show-timing-function: ease;\n  --horizontal-padding: var(--six-spacing-medium);\n\n  font-family: var(--six-font-family);\n  display: block;\n}\n\n.details {\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  border-radius: var(--six-border-radius-medium);\n  color: var(--six-details-color);\n  overflow-anchor: none;\n  font-size: var(--six-input-font-size-medium);\n\n  &:hover:not(.details--disabled):not(.details--open) {\n    border-color: var(--six-input-border-color-hover);\n  }\n\n  &.inline {\n    border: none;\n    color: var(--six-sidebar-color);\n\n    &:hover {\n      background-color: var(--six-sidebar-hover-background-color);\n    }\n\n    &.details--open {\n      background-color: var(--six-color-web-rock-50);\n\n      &:hover {\n        border: none;\n        box-shadow: none;\n      }\n\n      & > .details__header {\n        color: var(--six-sidebar-color);\n        font-weight: var(--six-font-weight-bold);\n        background-color: var(--six-sidebar-header-background-color);\n      }\n    }\n  }\n}\n\n.details--disabled {\n  background-color: var(--six-input-background-color-disabled);\n  border-color: var(--six-input-border-color-disabled);\n  color: var(--six-input-color-disabled);\n}\n\n.details__header {\n  display: flex;\n  align-items: center;\n  border-radius: inherit;\n  padding: var(--six-spacing-medium) var(--horizontal-padding);\n  user-select: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.focus-visible .details__header:focus {\n}\n\n.details--disabled .details__header {\n  cursor: not-allowed;\n  border-width: 1px;\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.details__summary {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n}\n\n.details__summary-icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.2em;\n  transition: var(--six-transition-medium) transform ease;\n}\n\n.details--open .details__summary-icon--animate {\n  transform: rotate(-180deg);\n}\n\n.details--open:hover {\n  color: var(--six-input-color-focus);\n}\n\n.details__body {\n  height: 0;\n  overflow: hidden;\n  transition-property: height;\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n}\n\n.details--open .details__body {\n  transition-duration: var(--show-duration);\n  transition-timing-function: var(--show-timing-function);\n}\n\n.details__content {\n  padding: var(--six-spacing-medium);\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\nimport { EmptyPayload } from '../../utils/types';\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 - The details' content.\n * @slot summary - The details' summary. Alternatively, you can use the summary prop.\n *\n * @part base - The component's base wrapper.\n * @part header - The summary header.\n * @part summary - The details summary.\n * @part summary-icon - The expand/collapse summary icon.\n * @part content - The details content.\n */\n\n@Component({\n  tag: 'six-details',\n  styleUrl: 'six-details.scss',\n  shadow: true,\n})\nexport class SixDetails {\n  @Element() readonly host!: HTMLSixDetailsElement;\n\n  @State() animateSummaryIcon = true;\n\n  private body?: HTMLElement;\n  private details?: HTMLElement;\n  private header?: HTMLElement;\n  private componentId = `details-${++id}`;\n  private isVisible = false;\n\n  /** Indicates whether the details is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The summary to show in the details header. If you need to display HTML, use the `summary` slot instead. */\n  @Prop() summary = '';\n\n  /** The summary icon to show in the details header. If you need to display HTML, use the `summary-icon` slot instead. */\n  @Prop() summaryIcon?: string;\n\n  /** The icon's size. */\n  @Prop({ reflect: true }) summaryIconSize:\n    | 'inherit'\n    | 'xSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xLarge'\n    | 'xxLarge'\n    | 'xxxLarge' = 'inherit';\n\n  /** Set to true to prevent the user from toggling the details. */\n  @Prop() disabled = false;\n\n  /** Set to true when you want to use six-details inline e.g. in a sidebar */\n  @Prop() inline = false;\n\n  /** Set to true when you want details without content to be selectable. This is important if you e.g. have a toggled sidebar where some menus have no children  */\n  @Prop() selectableEmpty = false;\n\n  /** Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group' */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() hasContent = true;\n\n  @Watch('open')\n  handleOpenChange() {\n    if (this.body != null) {\n      this.open ? this.show() : this.hide();\n    }\n  }\n\n  /** Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-details-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details opens and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-details-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details closes and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentDidLoad() {\n    if (this.details == null || this.body == null) return;\n\n    focusVisible.observe(this.details);\n    this.body.hidden = !this.open;\n\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.details != null) {\n      focusVisible.unobserve(this.details);\n    }\n  }\n\n  /** Shows the detail body */\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.body == null) return;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.body.hidden = false;\n\n    if (this.body.scrollHeight === 0) {\n      // When the scroll height can't be measured, use auto. This prevents a borked open state when the details is open\n      // initially, but not immediately visible (i.e. in a tab panel).\n      this.body.style.height = 'auto';\n      this.body.style.overflow = 'visible';\n    } else {\n      this.body.style.height = `${this.body.scrollHeight}px`;\n      this.body.style.overflow = 'hidden';\n    }\n    this.isVisible = true;\n    this.open = true;\n  }\n\n  /** Hides the detail body */\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.body == null) return;\n    const body = this.body;\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    // We can't transition out of `height: auto`, so let's set it to the current height first\n    body.style.height = `${body.scrollHeight}px`;\n    body.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      // tslint:disable-next-line: no-unused-expression\n      body.clientWidth; // force a reflow\n      body.style.height = '0';\n    });\n\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  private handleBodyTransitionEnd = (event: TransitionEvent) => {\n    if (this.body == null) return;\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'height' && target.classList.contains('details__body')) {\n      this.body.style.overflow = this.open ? 'visible' : 'hidden';\n      this.body.style.height = this.open ? 'auto' : '0';\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n      this.body.hidden = !this.open;\n    }\n  };\n\n  private handleSummaryClick = () => {\n    if (!this.disabled && (this.hasContent || this.selectableEmpty)) {\n      this.open ? this.hide() : this.show();\n      this.header?.focus();\n    }\n  };\n\n  private handleSummaryKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.open ? this.hide() : this.show();\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  };\n\n  render() {\n    const summaryIcon = this.hasContent && (this.summaryIcon || 'expand_more');\n\n    return (\n      <div\n        ref={(el) => (this.details = el)}\n        part=\"base\"\n        class={{\n          details: true,\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          inline: this.inline,\n        }}\n      >\n        <header\n          ref={(el) => (this.header = el)}\n          part=\"header\"\n          id={`${this.componentId}-header`}\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded={this.open ? 'true' : 'false'}\n          aria-controls={`${this.componentId}-content`}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabIndex={this.disabled ? -1 : 0}\n          onClick={this.handleSummaryClick}\n          onKeyDown={this.handleSummaryKeyDown}\n        >\n          <div part=\"summary\" class=\"details__summary\">\n            <slot name=\"summary\">{this.summary}</slot>\n          </div>\n\n          <span\n            part=\"summary-icon\"\n            class={{\n              'details__summary-icon': true,\n              'details__summary-icon--animate': this.animateSummaryIcon,\n            }}\n          >\n            <slot name=\"summary-icon\" onSlotchange={() => (this.animateSummaryIcon = false)}>\n              {summaryIcon && <six-icon size={this.summaryIconSize}>{summaryIcon}</six-icon>}\n            </slot>\n          </span>\n        </header>\n\n        <div ref={(el) => (this.body = el)} class=\"details__body\" onTransitionEnd={this.handleBodyTransitionEnd}>\n          <div\n            part=\"content\"\n            id={`${this.componentId}-content`}\n            class=\"details__content\"\n            role=\"region\"\n            aria-labelledby={`${this.componentId}-header`}\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-dropdown2.js

@@ -1,598 +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 { a as debounce, D as DEFAULT_DEBOUNCE_FAST } from './execution-control.js';
-import { d as defineCustomElement$6 } from './six-checkbox2.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:border-box}: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{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);border:1px solid var(--six-color-web-rock-300);box-shadow:var(--six-shadow-small);opacity:0;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;max-width:90vw}.dropdown__panel__scroll{max-height:18.75rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none}.dropdown__panel__scroll--virtual{overflow-y:hidden;overflow-x:hidden}.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}.filter{border-bottom:1px solid var(--six-color-web-rock-300)}.filter__icon{color:var(--six-color-web-rock-600)}";
-
-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.resizeObserver = new ResizeObserver(debounce(() => this.updatePanelPosition(), 100));
-        this.eventListeners = new EventListeners();
-        this.getMenuItems = () => {
-            var _a, _b, _c;
-            if (this.options.length > 0) {
-                return {
-                    sixMenuItems: this.renderedOptions.map((option) => (h("six-menu-item", { value: option.value }, option.label))),
-                    selectionContainerItems: [],
-                };
-            }
-            if (this.panel == null)
-                return { sixMenuItems: [], selectionContainerItems: [] };
-            // Relies on the implementation of six-select. Its dropdown slot contains two elements,
-            // one for the selected menu items, and one for the other items.
-            const selectionContainer = (_a = this.panelSlot) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }).filter(isSelectionContainer).at(0);
-            const sixMenuElement = (_b = this.panelSlot) === null || _b === void 0 ? void 0 : _b.assignedElements({ flatten: true }).filter(isSixMenu).at(0);
-            const selectionContainerItems = (selectionContainer === null || selectionContainer === void 0 ? void 0 : selectionContainer.querySelectorAll('six-menu-item')) || [];
-            const sixMenuItems = (((_c = sixMenuElement === null || sixMenuElement === void 0 ? void 0 : sixMenuElement.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements().filter(isSixMenuItem)) ||
-                []);
-            if (selectionContainerItems.length > 0 || sixMenuItems.length > 0) {
-                return { sixMenuItems, selectionContainerItems: [...selectionContainerItems] };
-            }
-            else {
-                return {
-                    sixMenuItems: sixMenuElement ? Array.from(sixMenuElement.querySelectorAll('six-menu-item')) : [],
-                    selectionContainerItems: [],
-                };
-            }
-        };
-        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 { sixMenuItems, selectionContainerItems } = this.getMenuItems();
-                    const item = [...selectionContainerItems, ...sixMenuItems].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.scrollPanel == null)
-                return;
-            this.sixScroll.emit({
-                scrollHeight: this.scrollPanel.scrollHeight,
-                scrollTop: this.scrollPanel.scrollTop,
-                scrollbarHeight: this.scrollPanel.offsetHeight * (this.scrollPanel.offsetHeight / this.scrollPanel.scrollHeight),
-                scrollRatio: this.scrollPanel.scrollTop / (this.scrollPanel.scrollHeight - this.scrollPanel.clientHeight),
-            });
-        };
-        this.open = false;
-        this.placement = 'bottom-start';
-        this.closeOnSelect = true;
-        this.distance = 4;
-        this.skidding = 0;
-        this.hoist = false;
-        this.containingElement = undefined;
-        this.filter = false;
-        this.asyncFilter = false;
-        this.filterPlaceholder = 'Filter...';
-        this.autofocusFilter = true;
-        this.filterDebounce = 0;
-        this.disableHideOnEnterAndSpace = false;
-        this.options = [];
-        this.virtualScroll = false;
-        this.matchTriggerWidth = false;
-        this.renderedOptions = [];
-    }
-    get filterEnabled() {
-        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() {
-        this.validateOptions();
-    }
-    validateOptions() {
-        if (!Array.isArray(this.options)) {
-            this.options = [];
-        }
-        if (this.virtualScroll && this.options.length === 0) {
-            console.error('Options must be defined when using virtual scrolling');
-        }
-        this.renderedOptions = [...this.options];
-    }
-    componentWillLoad() {
-        this.validateOptions();
-        if (this.asyncFilter) {
-            this.filterDebounce = DEFAULT_DEBOUNCE_FAST;
-        }
-    }
-    componentDidLoad() {
-        this.init();
-        if (this.open) {
-            void this.show();
-        }
-    }
-    connectedCallback() {
-        this.init();
-    }
-    init() {
-        this.initPopover();
-        // listen to filter
-        const filterInputElement = this.filterInputElement;
-        if (filterInputElement != null) {
-            this.eventListeners.add(filterInputElement, 'six-input-input', debounce(() => {
-                var _a;
-                const filterValue = (_a = filterInputElement.value) !== null && _a !== void 0 ? _a : '';
-                if (this.filter) {
-                    this.applyFilter(filterValue);
-                }
-                this.emitFilterEvents(filterValue);
-            }, this.filterDebounce));
-        }
-    }
-    applyFilter(filterTerm) {
-        var _a;
-        const lowerCaseFilterTerm = ((_a = filterTerm.toLowerCase()) === null || _a === void 0 ? void 0 : _a.trim()) || '';
-        if (this.options.length > 0) {
-            this.renderedOptions = 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)));
-            });
-        }
-        else {
-            const { selectionContainerItems, sixMenuItems } = this.getMenuItems();
-            const selectionContainerValues = selectionContainerItems.map((s) => s.value);
-            // Filter items in selection container
-            selectionContainerItems.forEach(async (menuItem) => {
-                menuItem.style.display = (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) ? 'unset' : 'none';
-            });
-            // Filter other items. Always hide items which contained in the selection container.
-            sixMenuItems.forEach(async (menuItem) => {
-                menuItem.style.display =
-                    (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) &&
-                        !selectionContainerValues.includes(menuItem.value)
-                        ? 'unset'
-                        : 'none';
-            });
-        }
-    }
-    resetFilter() {
-        if (this.filterInputElement != null) {
-            this.filterInputElement.value = '';
-            this.emitFilterEvents('');
-        }
-        if (this.options.length > 0) {
-            this.renderedOptions = [...this.options];
-        }
-        else {
-            const { selectionContainerItems, sixMenuItems } = this.getMenuItems();
-            [...selectionContainerItems, ...sixMenuItems].forEach((item) => (item.style.display = 'unset'));
-        }
-    }
-    emitFilterEvents(filterValue) {
-        if (this.filter) {
-            this.sixAutoFilter.emit({ filterValue });
-        }
-        else if (this.asyncFilter) {
-            this.sixAsyncFilterFired.emit({ filterValue });
-        }
-    }
-    initPopover() {
-        if (this.trigger == null || this.positioner == null)
-            return;
-        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: () => {
-                if (this.filterEnabled) {
-                    this.resetFilter();
-                }
-                this.sixAfterHide.emit();
-            },
-            onAfterShow: async () => {
-                this.sixAfterShow.emit();
-            },
-            onTransitionEnd: () => {
-                if (!this.open && this.scrollPanel != null) {
-                    this.scrollPanel.scrollTop = 0;
-                }
-            },
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        this.resizeObserver.disconnect();
-        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;
-        if (this.trigger != null) {
-            this.resizeObserver.observe(this.trigger);
-        }
-        this.updatePanelPosition();
-        this.popover.show();
-        if (this.filterEnabled && this.autofocusFilter) {
-            requestAnimationFrame(() => {
-                var _a;
-                (_a = this.filterInputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
-            });
-        }
-    }
-    /**
-     * Set min width of dropdown panel to the width of the trigger element
-     */
-    updatePanelPosition() {
-        if (!this.open) {
-            return;
-        }
-        if (this.matchTriggerWidth && this.trigger != null && this.panel != null) {
-            const width = this.trigger.getBoundingClientRect().width;
-            this.panel.style.minWidth = `${width}px`;
-        }
-        if (this.popover != null) {
-            this.popover.reposition();
-        }
-    }
-    /** Hides the dropdown panel */
-    async hide() {
-        this.resizeObserver.disconnect();
-        // 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() {
-        var _a;
-        if (this.trigger == null)
-            return;
-        const trigger = (_a = this.triggerSlot) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }).at(0);
-        if (trigger != null) {
-            if (typeof trigger.setFocus === 'function') {
-                trigger.setFocus();
-            }
-            else if (typeof trigger.focus === 'function') {
-                trigger.focus();
-            }
-        }
-    }
-    getMenu() {
-        var _a;
-        return (_a = this.panelSlot) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }).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.
-     *
-     * @deprecated: use the property `matchTriggerWidth` instead.
-     */
-    async reposition() {
-        if (this.open && this.popover != null) {
-            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() {
-        var _a;
-        if (this.trigger == null)
-            return;
-        const assignedElements = (((_a = this.triggerSlot) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true })) || []);
-        const accessibleTrigger = assignedElements.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", ref: (el) => (this.triggerSlot = el), onSlotchange: this.handleTriggerSlotChange })), h("div", { ref: (el) => (this.positioner = el), class: {
-                dropdown__positioner: true,
-                dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,
-            } }, h("div", { ref: (el) => (this.panel = el), part: "panel", class: "dropdown__panel", role: "menu", "aria-hidden": this.open ? 'false' : 'true', "aria-labelledby": this.componentId }, this.filterEnabled && (h("six-input", { class: {
-                filter: true,
-                'filter-hidden': !this.open,
-            }, "dropdown-search": true, "aria-hidden": this.open ? 'false' : 'true', ref: (el) => (this.filterInputElement = el), placeholder: this.filterPlaceholder }, h("six-icon", { class: "filter__icon", slot: "suffix", size: "small" }, "search"))), h("div", { class: {
-                dropdown__panel__scroll: true,
-                'dropdown__panel__scroll--virtual': this.virtualScroll,
-            }, onScroll: this.handleDropdownScroll, ref: (el) => (this.scrollPanel = el) }, h("slot", { ref: (el) => (this.panelSlot = el) }), this.options.length > 0 && (h("six-menu", { part: "menu", items: this.renderedOptions, virtualScroll: this.virtualScroll }))), h("slot", { name: "dropdown-footer" })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"],
-        "distance": ["handlePopoverOptionsChange"],
-        "hoist": ["handlePopoverOptionsChange"],
-        "placement": ["handlePopoverOptionsChange"],
-        "skidding": ["handlePopoverOptionsChange"],
-        "options": ["handleOptionsChange"],
-        "virtualScroll": ["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": [1026, "filter-debounce"],
-        "disableHideOnEnterAndSpace": [4, "disable-hide-on-enter-and-space"],
-        "options": [1040],
-        "virtualScroll": [4, "virtual-scroll"],
-        "matchTriggerWidth": [4, "match-trigger-width"],
-        "renderedOptions": [32],
-        "show": [64],
-        "hide": [64],
-        "reposition": [64]
-    }, undefined, {
-        "open": ["handleOpenChange"],
-        "distance": ["handlePopoverOptionsChange"],
-        "hoist": ["handlePopoverOptionsChange"],
-        "placement": ["handlePopoverOptionsChange"],
-        "skidding": ["handlePopoverOptionsChange"],
-        "options": ["handleOptionsChange"],
-        "virtualScroll": ["handleOptionsChange"]
-    }]);
-function isSixMenu(el) {
-    return (el === null || el === void 0 ? void 0 : el.tagName.toLowerCase()) === 'six-menu';
-}
-function isSixMenuItem(el) {
-    return (el === null || el === void 0 ? void 0 : el.tagName.toLowerCase()) === 'six-menu-item';
-}
-function isSelectionContainer(el) {
-    var _a;
-    return ((_a = el === null || el === void 0 ? void 0 : el.getAttribute('class')) === null || _a === void 0 ? void 0 : _a.includes('selection-container')) || false;
-}
-async function containsFilterTerm(menuItem, lowerCaseFilterTerm) {
-    return (menuItem.value.toLowerCase().includes(lowerCaseFilterTerm) ||
-        (await menuItem.getTextLabel()).toLowerCase().includes(lowerCaseFilterTerm));
-}
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-dropdown", "six-checkbox", "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-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            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