@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/components/ds-action-menu.js

@@ -1,243 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { s as storeActionMenuContext, p as provideActionMenuContext } from './p-Ccf9CXPb.js';
-import { d as defineCustomElement$5 } from './p-CBTcmEBq.js';
-import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$3 } from './p-Dq55XDgV.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsActionMenuCss = ".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__oSBnIJ.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__oSBnIJ__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__oSBnIJ__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__oSBnIJ__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__oSBnIJ__menu.ds-action-menu__oSBnIJ__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}";
-
-const actionMenuIdGenerator = idGenerator('ds-action-menu');
-const MENU_MARGIN = 8;
-const MENU_MIN_HEIGHT = 120;
-const DsActionMenu$1 = proxyCustomElement(class DsActionMenu extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsOpen = createEvent(this, "dsOpen");
-        this.dsClose = createEvent(this, "dsClose");
-    }
-    get el() { return this; }
-    menuId;
-    triggerWrapperRef;
-    menuRef;
-    dsId = actionMenuIdGenerator.next().value;
-    dsButtonText = '';
-    dsButtonVariant = 'secondary';
-    dsButtonColour = 'blue';
-    dsButtonSize = 'medium';
-    dsIconOnly = false;
-    dsIcon = '';
-    dsAlign = 'start';
-    dsPlacement = 'auto';
-    dsMenuWidth;
-    dsMenuMaxHeight;
-    dsAriaLabel;
-    dsDisabled = false;
-    dsOpen;
-    dsClose;
-    isOpen = false;
-    componentWillLoad() {
-        this.menuId = `${this.dsId}-menu`;
-        storeActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
-    }
-    componentDidLoad() {
-        this.updateContext();
-        this.applyAnchorStyles();
-    }
-    componentDidRender() {
-        this.applyAnchorStyles();
-        this.constrainMenuHeight();
-    }
-    applyAnchorStyles() {
-        const anchorName = `--ds-action-menu-${this.dsId}`;
-        this.triggerWrapperRef?.style.setProperty('anchor-name', anchorName);
-        this.menuRef?.style.setProperty('position-anchor', anchorName);
-    }
-    constrainMenuHeight() {
-        if (!this.menuRef || this.dsMenuMaxHeight || !this.isOpen)
-            return;
-        const triggerRect = this.triggerWrapperRef?.getBoundingClientRect();
-        if (!triggerRect)
-            return;
-        const menuRect = this.menuRef.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const openingUpward = menuRect.bottom <= triggerRect.top + 1;
-        const maxH = openingUpward ? triggerRect.top - MENU_MARGIN : viewportHeight - triggerRect.bottom - MENU_MARGIN;
-        this.menuRef.style.maxHeight = `${Math.max(maxH, MENU_MIN_HEIGHT)}px`;
-    }
-    updateContext() {
-        provideActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
-    }
-    async open() {
-        this.openMenu();
-    }
-    async close() {
-        this.closeMenu();
-    }
-    async toggle() {
-        if (this.isOpen) {
-            this.closeMenu();
-        }
-        else {
-            this.openMenu();
-        }
-    }
-    openMenu(focusTarget = 'first') {
-        if (this.dsDisabled || this.isOpen)
-            return;
-        this.isOpen = true;
-        this.dsOpen.emit();
-        this.updateContext();
-        requestAnimationFrame(() => {
-            if (focusTarget === 'last') {
-                this.focusLastItem();
-            }
-            else {
-                this.focusFirstItem();
-            }
-        });
-    }
-    closeMenu(returnFocus = true) {
-        if (!this.isOpen)
-            return;
-        this.isOpen = false;
-        this.dsClose.emit();
-        if (returnFocus) {
-            this.el.querySelector(transformTagName('ds-button', 'ds-action-menu', this.el))?.setFocus?.();
-        }
-    }
-    focusFirstItem() {
-        const itemTag = transformTagName('ds-action-list-item', 'ds-action-menu', this.el);
-        const items = Array.from(this.el.querySelectorAll(itemTag));
-        items.find(item => !item.dsDisabled)?.setFocus?.();
-    }
-    focusLastItem() {
-        const itemTag = transformTagName('ds-action-list-item', 'ds-action-menu', this.el);
-        Array.from(this.el.querySelectorAll(itemTag))
-            .findLast(item => !item.dsDisabled)
-            ?.setFocus?.();
-    }
-    handleClickOutside(event) {
-        if (!this.isOpen)
-            return;
-        if (this.el.contains(event.target))
-            return;
-        this.closeMenu(false);
-    }
-    handleKeyDown(event) {
-        if (!this.isOpen) {
-            if (!this.triggerWrapperRef?.contains(document.activeElement))
-                return;
-            if (event.key === 'ArrowDown') {
-                event.preventDefault();
-                this.openMenu('first');
-            }
-            else if (event.key === 'ArrowUp') {
-                event.preventDefault();
-                this.openMenu('last');
-            }
-            return;
-        }
-        switch (event.key) {
-            case 'Escape':
-                event.preventDefault();
-                this.closeMenu();
-                break;
-            case 'Tab':
-                this.closeMenu(false);
-                break;
-        }
-    }
-    handleTriggerClick = () => {
-        if (this.isOpen) {
-            this.closeMenu();
-        }
-        else {
-            this.openMenu();
-        }
-    };
-    renderTrigger(baseClass) {
-        const DsButton = transformTagName('ds-button', 'ds-action-menu', this.el);
-        const DsIcon = transformTagName('ds-icon', 'ds-action-menu', this.el);
-        const triggerClass = `${baseClass}__trigger`;
-        if (this.dsIconOnly) {
-            const icon = this.dsIcon || 'more_vert';
-            return (h(DsButton, { class: triggerClass, dsId: this.dsId, dsVariant: this.dsButtonVariant, dsColour: this.dsButtonColour, dsSize: this.dsButtonSize, dsIcon: icon, dsAriaLabel: this.dsAriaLabel, dsActive: this.isOpen, dsDisabled: this.dsDisabled, dsAriaHaspopup: "menu", dsAriaExpanded: this.isOpen, dsAriaControls: this.menuId, onClick: this.handleTriggerClick }));
-        }
-        const chevronIcon = this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down';
-        return (h(DsButton, { class: triggerClass, dsId: this.dsId, dsVariant: this.dsButtonVariant, dsColour: this.dsButtonColour, dsSize: this.dsButtonSize, dsText: this.dsButtonText, dsIcon: chevronIcon, dsIconPosition: "end", dsActive: this.isOpen, dsDisabled: this.dsDisabled, dsAriaHaspopup: "menu", dsAriaExpanded: this.isOpen, dsAriaControls: this.menuId, onClick: this.handleTriggerClick }, this.dsIcon && h(DsIcon, { slot: "prefix", dsName: this.dsIcon, dsAriaHidden: true })));
-    }
-    render() {
-        const baseClass = cx('ds-action-menu');
-        const menuStyle = {
-            width: this.dsMenuWidth ?? 'auto',
-            maxHeight: this.dsMenuMaxHeight ?? 'none',
-        };
-        const menuClasses = classNames(`${baseClass}__menu`, `${baseClass}__menu--align-${this.dsAlign}`, `${baseClass}__menu--placement-${this.dsPlacement}`);
-        return (h("div", { key: 'dae52d98d89c7e03bb22495c6e3cbf8e66bceca5', class: baseClass }, h("div", { key: '9ef3b952b70b81e72ee5d44bae1ace6af58d3eb2', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), h("div", { key: 'c116601d26bf5e911c1da1e0ad932bb762e891e7', ref: el => (this.menuRef = el), id: this.menuId, role: "menu", "aria-labelledby": this.dsId, class: menuClasses, style: menuStyle, hidden: !this.isOpen }, h("slot", { key: '4055ac9e56b938382d5deb465070c4bd308ac662' }))));
-    }
-    static get style() { return dsActionMenuCss; }
-}, [262, "ds-action-menu", {
-        "dsId": [1, "ds-id"],
-        "dsButtonText": [1, "ds-button-text"],
-        "dsButtonVariant": [1, "ds-button-variant"],
-        "dsButtonColour": [1, "ds-button-colour"],
-        "dsButtonSize": [1, "ds-button-size"],
-        "dsIconOnly": [4, "ds-icon-only"],
-        "dsIcon": [1, "ds-icon"],
-        "dsAlign": [1, "ds-align"],
-        "dsPlacement": [1, "ds-placement"],
-        "dsMenuWidth": [1, "ds-menu-width"],
-        "dsMenuMaxHeight": [1, "ds-menu-max-height"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsDisabled": [4, "ds-disabled"],
-        "isOpen": [32],
-        "open": [64],
-        "close": [64],
-        "toggle": [64]
-    }, [[4, "click", "handleClickOutside"], [0, "keydown", "handleKeyDown"]]]);
-declareComponentDependencies([h("ds-button", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-action-menu", "ds-button", "ds-icon", "ds-spinner", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-action-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsActionMenu$1);
-            }
-            break;
-        case "ds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsActionMenu = DsActionMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsActionMenu, defineCustomElement };
+import{p as s,H as t,c as n,h as e,t as i}from"./p-D7drWwKe.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as a,t as d,d as r}from"./p-J5Ghj1_T.js";import{c}from"./p-DgTb4Jpc.js";import{s as u,p as m}from"./p-Ccf9CXPb.js";import{d as l}from"./p-Dib6BujO.js";import{d as h}from"./p-BRKwvv98.js";import{d as _}from"./p-B9VvQC9G.js";import{d as p}from"./p-tTA4zhDH.js";const b=a("ds-action-menu"),f=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=b.next().value;dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",u(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef||this.dsMenuMaxHeight||!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=window.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){m(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled||this.isOpen||(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(d("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=d("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=d("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(this.el.contains(s.target)||this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef?.contains(document.activeElement))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=d("ds-button","ds-action-menu",this.el),n=d("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon||"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=c("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"f9e75e06be5ee40da1f4afbb1bf5db8fae452bb7",class:s},e("div",{key:"e3e5bc1981132aac9fbd08afc1cf9607978da01b",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"2dd2b8c9ac4d4ed0470abaeb66d9333c538b108b",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"7c63f9bc5b9548853012c975c0411a8a3df0ed00"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__SPFJ1E.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__SPFJ1E__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__SPFJ1E__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__SPFJ1E__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__SPFJ1E__menu.ds-action-menu__SPFJ1E__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);r([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))||l();break;case"ds-icon":customElements.get(i(s))||h();break;case"ds-spinner":customElements.get(i(s))||_();break;case"ds-visually-hidden":customElements.get(i(s))||p()}}))};export{g as DsActionMenu,y as defineCustomElement}

package/dist/components/ds-assistive-text.js

@@ -1,6 +1 @@
-import { D as DsAssistiveText$1, d as defineCustomElement$1 } from './p-BtwuVYMk.js';
-
-const DsAssistiveText = DsAssistiveText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsAssistiveText, defineCustomElement };
+import{D as o,d as r}from"./p-Bg8W_xlr.js";const s=o,p=r;export{s as DsAssistiveText,p as defineCustomElement}

package/dist/components/ds-backdrop.js

@@ -1,6 +1 @@
-import { D as DsBackdrop$1, d as defineCustomElement$1 } from './p-ClUj4DIP.js';
-
-const DsBackdrop = DsBackdrop$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBackdrop, defineCustomElement };
+import{D as o,d as s}from"./p-tqBVNIvv.js";const t=o,p=s;export{t as DsBackdrop,p as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1,61 +1 @@
-import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsBadgeCss = ".ds-badge__oSBnIJ.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__oSBnIJ--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__oSBnIJ--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__oSBnIJ--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__oSBnIJ--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__oSBnIJ--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__oSBnIJ--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__oSBnIJ--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__oSBnIJ--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__oSBnIJ__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__oSBnIJ__content__text.sc-ds-badge{white-space:nowrap}";
-
-const dsBadgeIdGenerator = idGenerator('ds-badge');
-const DsBadge$1 = proxyCustomElement(class DsBadge extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    dsId = dsBadgeIdGenerator.next().value;
-    dsText = '';
-    dsVariant = 'default';
-    dsHiddenAssistiveText;
-    dsAriaLabel;
-    get DsVisuallyHidden() {
-        return transformTagName('ds-visually-hidden', 'ds-badge', this.el);
-    }
-    render() {
-        const baseClass = cx('ds-badge');
-        return (h("div", { key: '53c09b35bf56859d3d97139b7dc6215c51df99aa', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, h("div", { key: '27c85c4553c3bb817685d7bbd41f8bef80baa422', class: `${baseClass}__content` }, h("span", { key: '82554f348826c6df350fc021f5bc18039221af35', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, h("slot", { key: 'dd918014f3d58e30487905fc5a49c4e13480167f' }, this.dsText, this.dsHiddenAssistiveText && h(this.DsVisuallyHidden, { key: '69b4ed285ae23f669cb01a893edf328bb61c976c', dsTag: "span" }, this.dsHiddenAssistiveText))))));
-    }
-    static get style() { return dsBadgeCss; }
-}, [262, "ds-badge", {
-        "dsId": [1, "ds-id"],
-        "dsText": [1, "ds-text"],
-        "dsVariant": [1, "ds-variant"],
-        "dsHiddenAssistiveText": [1, "ds-hidden-assistive-text"],
-        "dsAriaLabel": [1, "ds-aria-label"]
-    }]);
-declareComponentDependencies([h("ds-visually-hidden", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-badge", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBadge$1);
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsBadge = DsBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBadge, defineCustomElement };
+import{p as s,H as d,h as e,t as a}from"./p-D7drWwKe.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-DgTb4Jpc.js";import{i as r,t as c,d as i}from"./p-J5Ghj1_T.js";import{d as n}from"./p-tTA4zhDH.js";const l=r("ds-badge"),b=s(class extends d{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=l.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return e("div",{key:"0b5952edb04767581882da7f90dcdab4f21898e4",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"51e361f5d2675fa832b3bf701148f825f0e28051",class:s+"__content"},e("span",{key:"70a50201cf6f70566a6259af6f6eacb918414055",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"b6a8cef352c1be691d0f96a01d4e9aa498b9cd73"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"ba35968b6ab35158cd186c5f3eb21477967da0ef",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__SPFJ1E.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__SPFJ1E--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__SPFJ1E--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__SPFJ1E--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__SPFJ1E--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__SPFJ1E--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__SPFJ1E--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__SPFJ1E--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__SPFJ1E--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__SPFJ1E__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__SPFJ1E__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);i([e("ds-visually-hidden",null)]);const g=b,p=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),b);break;case"ds-visually-hidden":customElements.get(a(s))||n()}}))};export{g as DsBadge,p as defineCustomElement}

package/dist/components/ds-breadcrumb.js

@@ -1,120 +1 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h, d as Host } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { l as linkFactory } from './p-Bg3rizUf.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { d as defineCustomElement$5 } from './p-DDSjiqRg.js';
-import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$3 } from './p-47OG_OLT.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__oSBnIJ.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__oSBnIJ--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__oSBnIJ__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__oSBnIJ__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__oSBnIJ__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__oSBnIJ__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}";
-
-const DsBreadcrumb$1 = proxyCustomElement(class DsBreadcrumb extends Mixin(linkFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsClick = createEvent(this, "dsClick");
-        this.dsIsHiddenChange = createEvent(this, "dsIsHiddenChange");
-    }
-    get el() { return this; }
-    dsIsHiddenChange;
-    dsText = '';
-    dsIsCurrentPage = false;
-    dsHasSeparator = true;
-    dsSeparatorIcon;
-    dsIsHidden = false;
-    isHiddenChanged = false;
-    get DsLink() {
-        return transformTagName('ds-link', 'ds-breadcrumb', this.el);
-    }
-    get DsBreadcrumbsSeparator() {
-        return transformTagName('ds-breadcrumbs-separator', 'ds-breadcrumb', this.el);
-    }
-    async setFocus() {
-        await this.el.querySelector(this.DsLink)?.setFocus();
-    }
-    dsIsHiddenObserver() {
-        this.isHiddenChanged = true;
-    }
-    componentDidUpdate() {
-        if (this.isHiddenChanged) {
-            this.dsIsHiddenChange.emit(this.dsIsHidden);
-        }
-        this.isHiddenChanged = false;
-    }
-    renderCurrentPageCrumb(contentClass) {
-        return (h("slot", null, h("span", { class: `${contentClass}__current-page`, "aria-current": "page" }, this.dsText)));
-    }
-    renderLinkCrumb(contentClass) {
-        return (h("slot", null, h(this.DsLink, { class: `${contentClass}__link`, dsVariant: "inline", dsColour: "black", dsWeight: "semibold", dsText: this.dsText, ...this.linkProps })));
-    }
-    render() {
-        const baseClass = cx('ds-breadcrumb');
-        const contentClass = `${baseClass}__content`;
-        return (h(Host, { key: '183b930bb862f8e3f333175dda41f68d734c55b4', role: "listitem" }, h("div", { key: '4d534134e1f8243a26a7aad8904266b7473b686c', class: classNames(baseClass, {
-                [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, h("div", { key: '0c965c79a367650945bfcc0a406c57daf11dad4e', class: contentClass }, this.dsHasSeparator ? h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
-    }
-    static get watchers() { return {
-        "dsIsHidden": ["dsIsHiddenObserver"]
-    }; }
-    static get style() { return dsBreadcrumbCss; }
-}, [262, "ds-breadcrumb", {
-        "dsRel": [1, "ds-rel"],
-        "dsHrefLang": [1, "ds-href-lang"],
-        "dsHref": [1, "ds-href"],
-        "dsTarget": [1, "ds-target"],
-        "dsDownload": [4, "ds-download"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAriaLabelledby": [1, "ds-aria-labelledby"],
-        "dsText": [1, "ds-text"],
-        "dsIsCurrentPage": [4, "ds-is-current-page"],
-        "dsHasSeparator": [4, "ds-has-separator"],
-        "dsSeparatorIcon": [1, "ds-separator-icon"],
-        "dsIsHidden": [4, "ds-is-hidden"],
-        "setFocus": [64]
-    }, [[0, "click", "handleClick"]], {
-        "dsIsHidden": ["dsIsHiddenObserver"]
-    }]);
-declareComponentDependencies([h("ds-link", { dsText: "" }), h("ds-breadcrumbs-separator", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-breadcrumb", "ds-breadcrumbs-separator", "ds-icon", "ds-link", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBreadcrumb$1);
-            }
-            break;
-        case "ds-breadcrumbs-separator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsBreadcrumb = DsBreadcrumb$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBreadcrumb, defineCustomElement };
+import{p as s,M as e,c as d,h as r,d as t,t as a}from"./p-D7drWwKe.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-J5Ghj1_T.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-DgTb4Jpc.js";import{d as b}from"./p-BdA7fj28.js";import{d as m}from"./p-BRKwvv98.js";import{d as u}from"./p-3h1AY-Xk.js";import{d as p}from"./p-tTA4zhDH.js";const h=s(class extends(e(l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=o("ds-breadcrumb"),e=s+"__content";return r(t,{key:"25803662c47dfe56c8ba57c8f4630144d869ac65",role:"listitem"},r("div",{key:"2d6932977932da3af5fddbeb07e19ef7209021a1",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"a631c7e8a8cfb5c2d4a0bbdd455d9191b9239883",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__SPFJ1E.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__SPFJ1E--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__SPFJ1E__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__SPFJ1E__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__SPFJ1E__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__SPFJ1E__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const _=h,f=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(a(s))||customElements.define(a(s),h);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||b();break;case"ds-icon":customElements.get(a(s))||m();break;case"ds-link":customElements.get(a(s))||u();break;case"ds-visually-hidden":customElements.get(a(s))||p()}}))};export{_ as DsBreadcrumb,f as defineCustomElement}

package/dist/components/ds-breadcrumbs-collapsible.js

@@ -1,78 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-GalXVdFP.js';
-import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { d as defineCustomElement$3 } from './p-FDsBfBWA.js';
-import { d as defineCustomElement$2 } from './p-DDSjiqRg.js';
-
-const dsBreadcrumbsCollapsibleCss = ":host{display:contents}";
-
-const DsBreadcrumbsCollapsible$1 = proxyCustomElement(class DsBreadcrumbsCollapsible extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsExpandButtonClick = createEvent(this, "dsExpandButtonClick");
-    }
-    get el() { return this; }
-    dsExpandButtonClick;
-    dsIsExpandButtonHidden = false;
-    dsSeparatorIcon;
-    collapsibleTarget = null;
-    get DsBreadcrumb() {
-        return transformTagName('ds-breadcrumb', 'ds-breadcrumbs-collapsible', this.el);
-    }
-    get DsBreadcrumbsExpandButton() {
-        return transformTagName('ds-breadcrumbs-expand-button', 'ds-breadcrumbs-collapsible', this.el);
-    }
-    dsIsHiddenChangeListener(event) {
-        if (!event.detail && event.target === this.collapsibleTarget) {
-            requestAnimationFrame(() => {
-                this.collapsibleTarget?.setFocus();
-            });
-        }
-    }
-    dsClickListener() {
-        this.dsExpandButtonClick.emit();
-    }
-    handleDefaultSlotChange = () => {
-        this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
-    };
-    render() {
-        return (h(Fragment, { key: '2fc049ae41fbd5da1d55a99a72b326698d0e2ebf' }, h(this.DsBreadcrumbsExpandButton, { key: '3255e9c994e00d90d767e6233b820ea377ba34f3', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), h("slot", { key: '9cc45e02309010cd3f84892f80dcb18b1744f1f2', onSlotchange: this.handleDefaultSlotChange })));
-    }
-    static get style() { return dsBreadcrumbsCollapsibleCss; }
-}, [257, "ds-breadcrumbs-collapsible", {
-        "dsIsExpandButtonHidden": [4, "ds-is-expand-button-hidden"],
-        "dsSeparatorIcon": [1, "ds-separator-icon"],
-        "collapsibleTarget": [32]
-    }, [[0, "dsIsHiddenChange", "dsIsHiddenChangeListener"], [0, "dsClick", "dsClickListener"]]]);
-declareComponentDependencies([h("ds-breadcrumbs-expand-button", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-breadcrumbs-collapsible", "ds-breadcrumbs-expand-button", "ds-breadcrumbs-separator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-breadcrumbs-collapsible":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBreadcrumbsCollapsible$1);
-            }
-            break;
-        case "ds-breadcrumbs-expand-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-breadcrumbs-separator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsBreadcrumbsCollapsible = DsBreadcrumbsCollapsible$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBreadcrumbsCollapsible, defineCustomElement };
+import{p as s,H as e,c as t,h as d,F as a,t as r}from"./p-D7drWwKe.js";import{t as n,d as c}from"./p-J5Ghj1_T.js";import{d as o}from"./p-CTBLJr5M.js";import{d as i}from"./p-BdA7fj28.js";const b=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return d(a,{key:"6c33c1954b52afe65a0c83e97c1a2a70a4977a78"},d(this.DsBreadcrumbsExpandButton,{key:"8507f3df6f6e9941f1104529f77ad101df4f8c05",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),d("slot",{key:"7cd48b130da55341ba29d24b7bfb85281c22b27c",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","dsIsHiddenChangeListener"],[0,"dsClick","dsClickListener"]]]);c([d("ds-breadcrumbs-expand-button",null)]);const l=b,u=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||o();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||i()}}))};export{l as DsBreadcrumbsCollapsible,u as defineCustomElement}

package/dist/components/ds-breadcrumbs-expand-button.js

@@ -1,6 +1 @@
-import { D as DsBreadcrumbsExpandButton$1, d as defineCustomElement$1 } from './p-FDsBfBWA.js';
-
-const DsBreadcrumbsExpandButton = DsBreadcrumbsExpandButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBreadcrumbsExpandButton, defineCustomElement };
+import{D as o,d as r}from"./p-CTBLJr5M.js";const s=o,p=r;export{s as DsBreadcrumbsExpandButton,p as defineCustomElement}

package/dist/components/ds-breadcrumbs-separator.js

@@ -1,6 +1 @@
-import { D as DsBreadcrumbsSeparator$1, d as defineCustomElement$1 } from './p-DDSjiqRg.js';
-
-const DsBreadcrumbsSeparator = DsBreadcrumbsSeparator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBreadcrumbsSeparator, defineCustomElement };
+import{D as o,d as s}from"./p-BdA7fj28.js";const p=o,r=s;export{p as DsBreadcrumbsSeparator,r as defineCustomElement}