@ds-autonomie/web-components 2.19.0 → 2.20.0

package/cdn/chunks/chunk.YWOAIOEZ.js

@@ -1,75 +0,0 @@
-import{a as k}from"./chunk.SRQHLJ4W.js";import{a as L}from"./chunk.CUYQOZPJ.js";import{a as E}from"./chunk.ELL45QD3.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as u,c as h}from"./chunk.HHVNQNCC.js";import{a as d,c as p}from"./chunk.TV2TMO2H.js";import{a as D}from"./chunk.B4KFHYLS.js";import{c as $}from"./chunk.LBAIMDY3.js";import{c as _}from"./chunk.KD3BHBHK.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as v}from"./chunk.BWEPOOQP.js";import{a as y,b as a,d as l,f as w}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"label");this.localize=new $(this);this.open=!1;this.mobile=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem"),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}handleDocumentFocusIn(e){let o=e.composedPath();this&&!o.includes(this)&&this.hide()}handleDocumentKeyDown(e){e.stopPropagation(),this.open&&e.key==="Escape"&&(e.preventDefault(),this.hide(),this.menuButton.focus({preventScroll:!0})),this.open&&e.key==="Tab"&&!this.mobile&&setTimeout(()=>{var f,b;let i=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(b=(f=document.activeElement)==null?void 0:f.shadowRoot)==null?void 0:b.activeElement:document.activeElement;(!this||(i==null?void 0:i.closest(this.tagName.toLowerCase()))!==this)&&this.hide()});let c=e.composedPath().some(i=>i===this.menuButton);if(c&&(e.key==="Enter"||e.key===" ")){if(e.preventDefault(),!this.open){this.show();return}c&&this.hide()}}handleDocumentMouseDown(e){let o=e.composedPath();this&&!o.includes(this)&&this.hide()}handleMenuButtonMouseDown(e){e.preventDefault(),this.open=!this.open}handleMenuButtonKeyDown(e){this.handleDocumentKeyDown(e)}async handleOpenChange(){if(this.open){if(this.emit("dsa-show"),!this.mobile){this.addOpenListeners(),await h(this),this.popup.active=!0;let{keyframes:e,options:o}=p(this,"menu.show",{dir:this.localize.dir()});await u(this.popup.popup,e,o)}this.emit("dsa-after-show")}else{if(this.emit("dsa-hide"),!this.mobile){this.removeOpenListeners(),await h(this);let{keyframes:e,options:o}=p(this,"menu.hide",{dir:this.localize.dir()});await u(this.popup.popup,e,o),this.popup.active=!1}this.emit("dsa-after-hide")}}async show(){if(!this.open)return this.open=!0,await m(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await m(this,"dsa-after-hide")}render(){let e=this.hasSlotController.test("label");return!this.label&&!e&&D("<dsa-navbar-menu> requires a label attribute or a label slot for accessibility"),this.mobile?s`
-        <div
-          class=${r({"navbar-menu--open":this.open})}
-        >
-          <button
-            slot="anchor"
-            aria-expanded=${this.open?"true":"false"}
-            aria-controls="menu__content"
-            @focus=${this.handleFocus}
-            @blur=${this.handleBlur}
-            @keydown=${this.handleMenuButtonKeyDown}
-            @mousedown=${this.handleMenuButtonMouseDown}
-            class=${r({"navbar-menu__button":!0,"navbar-menu__button--mobile":!0})}
-          >
-            ${this.open?s`
-                  <dsa-icon name="chevron_left" library="system"></dsa-icon>
-                `:""}
-
-            <span class="navbar-menu__button__label">
-              <slot name="label" class="navbar-menu__button__label"
-                >${this.label}</slot
-              >
-            </span>
-
-            ${this.open?"":s`
-                  <dsa-icon name="chevron_right" library="system"></dsa-icon>
-                `}
-          </button>
-
-          ${this.open?s`
-                <div id="menu__content" class="menu__content">
-                  <slot></slot>
-                </div>
-              `:""}
-        </div>
-      `:s`
-      <dsa-popup
-        class="navbar-menu"
-        part="popup"
-        placement="bottom-start"
-        distance="4"
-        flip
-        shift
-        auto-size="vertical"
-        auto-size-padding="10"
-      >
-        <button
-          slot="anchor"
-          aria-expanded=${this.open?"true":"false"}
-          aria-controls="menu__panel"
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-          @keydown=${this.handleMenuButtonKeyDown}
-          @mousedown=${this.handleMenuButtonMouseDown}
-          class=${r({"navbar-menu__button":!0,"navbar-menu__button--desktop":!0,"navbar-menu--open":this.open})}
-        >
-          <span
-            class="navbar-menu__button__label"
-            data-content="${e?this.querySelector('[slot="label"]').innerText:this.label}"
-          >
-            <slot name="label">${this.label}</slot>
-          </span>
-
-          <dsa-icon
-            class="navbar-menu__icon"
-            name="expand_more"
-            library="system"
-          ></dsa-icon>
-        </button>
-
-        <div id="menu__panel" class="menu__panel">
-          <slot></slot>
-        </div>
-      </dsa-popup>
-    `}};t.styles=k,t.dependencies={"dsa-icon":_,"dsa-popup":L},n([l(".navbar-menu")],t.prototype,"popup",2),n([l(".navbar-menu__button")],t.prototype,"menuButton",2),n([l(".navbar-menu__body")],t.prototype,"body",2),n([a({type:Boolean,reflect:!0})],t.prototype,"open",2),n([a()],t.prototype,"label",2),n([a({type:Boolean,reflect:!0})],t.prototype,"mobile",2),n([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=n([y("dsa-navbar-menu")],t);d("menu.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});d("menu.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.Z226LHQY.js

@@ -1,64 +0,0 @@
-import{a as L}from"./chunk.EJ5DXQU3.js";import{a as z}from"./chunk.U6OE2WNY.js";import{a as E}from"./chunk.FX5UP23Z.js";import{a as w}from"./chunk.WWRGGVFZ.js";import{a as p,c as m,d as f}from"./chunk.HHVNQNCC.js";import{a as u,c as b}from"./chunk.TV2TMO2H.js";import{c as v}from"./chunk.LBAIMDY3.js";import{c as C}from"./chunk.KD3BHBHK.js";import{d as c}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.BWEPOOQP.js";import{a as g,b as d,c as o,d as n,f as x}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";function r(h,y,t){return h?y(h):t==null?void 0:t(h)}var e=class extends x{constructor(){super(...arguments);this.localize=new v(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("dsa-collapse"),await m(this.childrenContainer);let{keyframes:t,options:s}=b(this,"tree-item.collapse",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),s),this.childrenContainer.hidden=!0,this.emit("dsa-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("dsa-expand"),await m(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:s}=b(this,"tree-item.expand",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),s),this.childrenContainer.style.height="auto",this.emit("dsa-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("dsa-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("dsa-lazy-change")}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(s=>e.isTreeItem(s)&&(t||!s.disabled)):[]}render(){let t=!this.loading&&(!this.isLeaf||this.lazy);return l`
-      <div
-        part="base"
-        class="${c({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":t})}"
-      >
-        <div class="tree-item__item" part="item">
-          <div class="tree-item__indentation" part="indentation"></div>
-
-          <div
-            part="expand-button"
-            class=${c({"tree-item__expand-button":!0,"tree-item__expand-button--visible":t})}
-            aria-hidden="true"
-          >
-            ${r(this.loading,()=>l` <dsa-spinner></dsa-spinner> `)}
-            <dsa-icon
-              class="tree-item__expand-icon"
-              name="chevron_right"
-              library="system"
-            ></dsa-icon>
-
-            <dsa-icon
-              class="tree-item__collapse-icon"
-              name="chevron_right"
-              library="system"
-            ></dsa-icon>
-          </div>
-
-          ${r(this.selectable,()=>l`
-              <dsa-checkbox
-                tabindex="-1"
-                class="tree-item__checkbox"
-                ?disabled="${this.disabled}"
-                ?checked="${E(this.selected)}"
-                ?indeterminate="${this.indeterminate}"
-              ></dsa-checkbox>
-            `)}
-
-          <slot class="tree-item__label" part="label"></slot>
-
-          ${r(!this.selectable&&this.selected,()=>l` <dsa-icon
-                class="tree-item__selected-icon"
-                name="check"
-                library="system"
-              ></dsa-icon>`)}
-        </div>
-
-        <div class="tree-item__children" role="group">
-          <slot
-            name="children"
-            part="children"
-            @slotchange="${this.handleChildrenSlotChange}"
-          ></slot>
-        </div>
-      </div>
-    `}};e.styles=L,e.dependencies={"dsa-icon":C,"dsa-checkbox":z,"dsa-spinner":w},i([o()],e.prototype,"indeterminate",2),i([o()],e.prototype,"isLeaf",2),i([o()],e.prototype,"loading",2),i([o()],e.prototype,"selectable",2),i([d({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([d({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([d({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([n("slot:not([name])")],e.prototype,"defaultSlot",2),i([n("slot[name=children]")],e.prototype,"childrenSlot",2),i([n(".tree-item__item")],e.prototype,"itemElement",2),i([n(".tree-item__children")],e.prototype,"childrenContainer",2),i([n(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([a("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([a("disabled")],e.prototype,"handleDisabledChange",1),i([a("selected")],e.prototype,"handleSelectedChange",1),i([a("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([a("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([a("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1),e=i([g("dsa-tree-item")],e);u("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});u("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{e as a};
-/*! Bundled license information:
-
-lit-html/directives/when.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/dist/chunks/{chunk.WJU4UHF5.js → chunk.24VWWARJ.js}

@@ -1,9 +1,9 @@
-import {
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.XAYOMJ4X.js → chunk.LWTEEWEF.js}

@@ -5,16 +5,16 @@ import {
   cnsaLogoNoSubtextSvg,
   spaLogoSvg
 } from "./chunk.7TLERCGA.js";
-import {
-  removeAttributeIfPresent,
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
 } from "./chunk.34HS7ICN.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.VJMPU2K5.js → chunk.UBVYU5GL.js}

@@ -4,10 +4,6 @@ import {
 import {
   LoadingStateElement
 } from "./chunk.YROTOHU3.js";
-import {
-  removeAttributeIfPresent,
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -17,6 +13,10 @@ import {
 import {
   LocalizeController
 } from "./chunk.34HS7ICN.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";