ids-enterprise-wc 1.0.0-beta.15 → 1.0.0-beta.17

package/chunks/ids-chunk-YGTCBKGS.js

@@ -1,49 +0,0 @@
-import{a as f}from"./ids-chunk-OUX67T2L.js";import{a as b}from"./ids-chunk-T6ZV4PDM.js";import{a as v}from"./ids-chunk-B6P5AQ2Z.js";import{a as p}from"./ids-chunk-SNYFQ5ZT.js";import{a as h,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as c}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-EHQM67XJ.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var m=`
-/* Ids Scroll view Component */
-.ids-scroll-view {
-  display: flex;
-  outline: none;
-  overflow-x: scroll;
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.ids-scroll-view::-webkit-scrollbar {
-  display: none;
-}
-.ids-scroll-view ::slotted([slot=scroll-view-item]) {
-  flex-shrink: 0;
-  scroll-snap-align: start;
-  width: 100%;
-}
-.ids-scroll-view ::slotted([slot=scroll-view-item]) > * {
-  display: block;
-  margin: 0;
-}
-
-.ids-scroll-view-controls {
-  display: flex;
-  justify-content: center;
-}
-.ids-scroll-view-controls.suppress-controls {
-  display: none;
-}
-.ids-scroll-view-controls .circle-button [icon] {
-  color: var(--ids-scroll-view-color-icon-default);
-}
-.ids-scroll-view-controls .circle-button.selected [icon] {
-  color: var(--ids-scroll-view-color-icon-selected);
-}
-.ids-scroll-view-controls .circle-button.selected [icon]::part(svg) {
-  fill: var(--ids-scroll-view-color-icon-selected);
-}`;var g=b(f(v(p))),l=class extends g{constructor(){super()}static get attributes(){return[...super.attributes,s.LOOP,s.SHOW_TOOLTIP,s.SUPPRESS_CONTROLS]}connectedCallback(){super.connectedCallback(),this.#i(),this.#l()}disconnectedCallback(){super.disconnectedCallback()}template(){let t="ids-scroll-view-controls";return this.suppressControls&&(t+=` ${s.SUPPRESS_CONTROLS}`),`<div class="ids-scroll-view-container" part="container">
-      <div class="ids-scroll-view" part="scroll-view" role="complementary" tabindex="-1">
-        <slot name="scroll-view-item"></slot>
-      </div>
-      <div class="${t}" part="controls" role="tablist"></div>
-    </div>`}vetoableEventTypes=["beforefirst","beforeprevious","beforenext","beforelast","beforeslideto"];#t=0;#s=!1;get circleButtons(){return[...this.controls?.querySelectorAll(".circle-button")??[]]}get controls(){return this.shadowRoot?.querySelector(".ids-scroll-view-controls")}set loop(t){let e=c(t);e!==this.loop&&(e?this.setAttribute(s.LOOP,""):this.removeAttribute(s.LOOP))}get loop(){return this.hasAttribute(s.LOOP)}set showTooltip(t){let e=c(t);e!==this.showTooltip&&(e?this.setAttribute(s.SHOW_TOOLTIP,""):this.removeAttribute(s.SHOW_TOOLTIP),this.#r())}get showTooltip(){return this.hasAttribute(s.SHOW_TOOLTIP)}set suppressControls(t){let e=c(t);e!==this.suppressControls&&(e?(this.setAttribute(s.SUPPRESS_CONTROLS,""),this.controls?.classList.add(s.SUPPRESS_CONTROLS)):(this.removeAttribute(s.SUPPRESS_CONTROLS),this.controls?.classList.remove(s.SUPPRESS_CONTROLS)))}get suppressControls(){return this.hasAttribute(s.SUPPRESS_CONTROLS)}first(){let t={activeNumber:this.#t};this.triggerVetoableEvent("beforefirst",t)&&this.#t!==0&&this.#e(0,!0,!0)}previous(){let t=this.#t,e={activeNumber:t};if(this.triggerVetoableEvent("beforeprevious",e)){if(t<=0){if(!this.loop)return;t=this.circleButtons.length-1}else t--;t!==this.#t&&this.#e(t,!0,!0)}}next(){let t=this.#t,e={activeNumber:t};if(this.triggerVetoableEvent("beforenext",e)){if(t>=this.circleButtons.length-1){if(!this.loop)return;t=0}else t++;t!==this.#t&&this.#e(t,!0,!0)}}last(){let t=this.#t,e={activeNumber:t};this.triggerVetoableEvent("beforelast",e)&&(t=this.circleButtons.length-1,t!==this.#t&&this.#e(t,!0,!0))}slideTo(t){let e={activeNumber:this.#t,slideTo:t};this.triggerVetoableEvent("beforeslideto",e)&&this.#e(t,!0,!0)}currentSlideNumber(){let t=this.container,e;return t&&(e=t.scrollLeft/t.offsetWidth,this.localeAPI?.isRTL()&&(e*=-1)),typeof e=="number"&&!Number.isNaN(e)?Math.trunc(e):void 0}#o(t){let e=this.container,o=parseInt(t,10);if(e&&!Number.isNaN(o)){let r=e.offsetWidth*o;this.localeAPI?.isRTL()&&(r*=-1);let i=r-e.scrollLeft;i&&(e.scrollBy({left:i}),this.triggerEvent("scrolled",this,{detail:{elem:this,activeNumber:this.#t,left:i}}))}}#r(){this.circleButtons.forEach(t=>{this.showTooltip?t.setAttribute("tooltip",(t.text||"").trim()):t.removeAttribute("tooltip"),t.handleTooltipEvents()})}#i(){this.controls&&(this.controls.innerHTML=""),this.querySelectorAll("[slot]").forEach((t,e)=>{let o=` class="circle-button${e===0?" selected":""}"`,r=e===0?' aria-selected="true"':"",i=t.getAttribute("label")||t.getAttribute("alt")||"",n=this.showTooltip?`tooltip="${i}"`:"";this.controls?.insertAdjacentHTML("beforeend",`
-        <ids-button data-slide-number="${e}" part="button" exportparts="button: scroll-view-button" role="tab"${o}${r}${n}>
-          <ids-icon icon="empty-circle-filled"></ids-icon>
-          <span class="audible">${i}</span>
-        </ids-button>`)})}#e(t,e=!1,o=!1){let r=this.circleButtons,i=parseInt(t,10);if(!Number.isNaN(i)&&i!==this.#t){let n=r[this.#t],a=r[i];this.#t=i,n?.classList.remove("selected"),n?.removeAttribute("aria-selected"),a?.classList.add("selected"),a?.setAttribute("aria-selected","true"),e&&this.#o(i),o&&a?.focus()}}#l(){this.offEvent("click.scrollview",this.controls),this.onEvent("click.scrollview",this.controls,e=>{e.preventDefault(),this.#s=!0,this.#e(e.target?.getAttribute("data-slide-number"),!0,!1)}),this.unlisten("ArrowLeft"),this.unlisten("ArrowRight"),this.unlisten("Enter"),this.listen(["ArrowLeft","ArrowRight","Enter"],this.controls,e=>{this.#s=!0,e.key==="ArrowLeft"&&this.previous(),e.key==="ArrowRight"&&this.next(),e.key==="Enter"&&(e.preventDefault(),e.stopPropagation())});let t=this.container?.querySelector('slot[name="scroll-view-item"]');this.offEvent("click.scrollview",t),this.onEvent("slotchange",t,()=>this.#i()),this.offEvent("scroll.scrollview",this.container),this.onEvent("scroll.scrollview",this.container,e=>{let o=e.target;o&&o.scrollLeft%o.offsetWidth===0&&(this.#s||this.#e(this.currentSlideNumber(),!1,!0),this.#s=!1)})}};l=u([h("ids-scroll-view"),d(m)],l);export{l as a};

package/chunks/ids-chunk-YGYGQYEM.js

@@ -1 +0,0 @@
-import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as n}from"./ids-chunk-EHQM67XJ.js";var o=i=>class extends i{inputClearableEvents=["blur.clearmixin","change.clearmixin","keyup.clearmixin"];constructor(...t){super(...t)}static get attributes(){return[...i.attributes,n.CLEARABLE,n.CLEARABLE_FORCED]}connectedCallback(){super.connectedCallback?.(),this.render(),this.handleClearable()}handleClearable(){let t=this.clearable&&!(this.disabled||this.readonly);t=`${t||this.clearableForced}`.toLowerCase()==="true",t?this.appendClearableButton():this.destroyClearable()}refreshClearableButtonStyles(){this.shadowRoot?.querySelector(".btn-clear")||(this.removeClearableButton(),this.appendClearableButton())}#t(){let t=document.createElement("ids-trigger-button"),e=document.createElement("ids-icon"),a=document.createElement("ids-text");return e.setAttribute("icon","close"),e.setAttribute("size","small"),a.setAttribute("audible","true"),a.textContent="clear",t.appendChild(a),t.appendChild(e),t.refreshProtoClasses(),this.colorVariant&&(t.colorVariant=this.colorVariant==="app-menu"?"alternate":this.colorVariant),t.setAttribute("part","clearable-button"),t.className="btn-clear",t.noMargins=!0,t}appendClearableButton(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".btn-clear");t||(t=this.#t(),this.shadowRoot.querySelector(".ids-input, .ids-textarea")?.querySelector(".field-container")?.appendChild(t),this.shadowRoot?.querySelector(".ids-input-field, .ids-textarea-field")?.after(t),this.attachClearableEvents()),this.container?.classList.add("has-clearable")}removeClearableButton(){let t=this.shadowRoot?.querySelector(".btn-clear");t&&(t.remove(),this.container?.classList.remove("has-clearable"))}clear(){let t=this;if(t.input){let e="";t.value=e,this.triggerEvent("input.ids-clearable",this,{detail:{elem:this,value:e}}),t.input.dispatchEvent(new Event("change",{bubbles:!0})),t.input.focus(),this.checkContents(),this.triggerEvent("cleared",this,{detail:{elem:this,value:e}})}}checkContents(){let t=this,e=this.shadowRoot?.querySelector(".btn-clear");if(e){let a=t.input?.value;!a||!a.length?e.classList.add("is-empty"):e.classList.remove("is-empty"),this.triggerEvent("contents-checked",this,{detail:{elem:this,value:t.value}})}}attachClearableEvents(){this.handleClearBtnClick(""),this.inputClearableEvents.forEach(t=>this.handleClearableInputEvents(t,"")),this.checkContents()}handleClearBtnClick(t){let e=this.shadowRoot?.querySelector(".btn-clear");if(e){let a="click";if(t==="remove"){let s=this?.handledEvents?.get(a);s&&s.target===e&&this.offEvent(a,e)}else this.onEvent(a,e,()=>{this.clear()})}}handleClearableInputEvents(t,e){let a=this;if(a.input&&t&&typeof t=="string"){let s=t;if(e==="remove"){let l=this.handledEvents?.get(s);l&&l.target===a.input&&this.offEvent(s,a.input)}else this.onEvent(s,a.input,()=>{this.checkContents()})}}destroyClearable(){this.input?.classList.remove("has-clearable"),this.handleClearBtnClick("remove"),this.inputClearableEvents.forEach(t=>this.handleClearableInputEvents(t,"remove")),this.removeClearableButton()}set clearable(t){let e=r(t);e?this.setAttribute(n.CLEARABLE,e.toString()):this.removeAttribute(n.CLEARABLE),this.container&&this.handleClearable()}get clearable(){return r(this.getAttribute(n.CLEARABLE))}set clearableForced(t){let e=r(t);e?this.setAttribute(n.CLEARABLE_FORCED,e.toString()):this.removeAttribute(n.CLEARABLE_FORCED),this.handleClearable()}get clearableForced(){return this.getAttribute(n.CLEARABLE_FORCED)}},u=o;export{u as a};

package/chunks/ids-chunk-YLKBVOHL.js

@@ -1,45 +0,0 @@
-var t=`
-.ids-tabs-container {
-  --tab-width: 100%;
-  display: flex;
-}
-.ids-tabs-container:not(.orientation-vertical) .ids-tabs-list {
-  width: 100%;
-}
-.ids-tabs-container.orientation-vertical .ids-tabs-list {
-  flex-direction: column;
-}
-
-.ids-tabs-list {
-  flex-shrink: 1;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  padding-inline-start: 0;
-  margin-block-start: 0;
-  margin-inline-start: 0;
-}
-
-.ids-tabs-list-more {
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: row;
-  padding-inline-start: 0;
-  margin-block-start: 0;
-  margin-inline-start: 0;
-}
-
-.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) {
-  margin-top: 8px;
-}
-
-.ids-tabs-container:not(.orientation-vertical):not([class*=color-variant-]) {
-  border-bottom: 1px solid var(--ids-tab-color-border-bottom);
-}
-
-.ids-tabs-container.color-variant-module {
-  border-bottom: 1px solid var(--ids-tab-module-color-background-selected);
-}
-.ids-tabs-container.color-variant-module.has-more-actions .ids-tabs-list-more {
-  border-left: 1px solid var(--ids-tab-module-color-border-right);
-}`;export{t as a};

package/chunks/ids-chunk-YNEJNO7H.js

@@ -1,88 +0,0 @@
-import{a as s}from"./ids-chunk-OUX67T2L.js";import{a as d}from"./ids-chunk-B6P5AQ2Z.js";import{a as c}from"./ids-chunk-E2WR233N.js";import{a as l}from"./ids-chunk-SNYFQ5ZT.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{e}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var u=`
-/* Ids Container Component */
-:host {
-  display: block;
-  contain: content;
-  height: 100vh;
-  width: 100vw;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-:host(:not([hidden])) {
-  display: block;
-}
-
-:host([animated][hidden]) {
-  animation: fadeOut var(--ids-motion-duration) var(--ids-motion-ease) forwards;
-}
-
-:host([animated]:not([hidden])) {
-  display: block;
-  animation: fadeIn var(--ids-motion-duration) var(--ids-motion-ease) forwards;
-}
-
-.ids-container {
-  background-color: var(--ids-color-background-default);
-  box-sizing: border-box;
-  color: var(--ids-color-text);
-  height: 100%;
-  outline: none;
-  overflow: auto;
-  padding: var(--ids-space-none);
-  scroll-behavior: smooth;
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
-  width: 100%;
-}
-.ids-container.color-variant-alternate {
-  background-color: var(--ids-color-text-default);
-  color: var(--ids-color-text-inverse);
-}
-.ids-container[scrollable=false] {
-  overflow: hidden;
-}
-
-@media (min-width: 840px) {
-  :host(.app-menu)::part(container) {
-    margin-bottom: var(--ids-space-none);
-    transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
-    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
-  }
-}
-
-@media (min-width: 840px) {
-  :host(.app-menu-is-open)::part(container) {
-    margin-inline-start: 300px;
-    width: calc(100% - 300px);
-    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
-  }
-}
-
-@keyframes fadeIn {
-  0% {
-    display: none;
-    opacity: 0;
-  }
-  1% {
-    display: block;
-  }
-  100% {
-    display: block;
-    opacity: 1;
-  }
-}
-@keyframes fadeOut {
-  0% {
-    display: block;
-    opacity: 1;
-  }
-  99% {
-    display: block;
-  }
-  100% {
-    display: none;
-    opacity: 0;
-  }
-}`;var m=s(c(d(l))),i=class extends m{constructor(){super()}connectedCallback(){super.connectedCallback(),this.reset&&this.#t(),this.onEvent("load.container",window,()=>{this.removeAttribute("hidden"),this.offEvent("load.container",window)}),document.readyState==="complete"&&this.removeAttribute("hidden"),this.container?.style.setProperty("padding",`${this.padding}px`),this.backgroundColor&&(this.backgroundColor=this.getAttribute("background-color")||"")}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes,t.BACKGROUND_COLOR,t.PADDING,t.RESET,t.SCROLLABLE]}template(){return`<div class="ids-container" part="container"${this.scrollable==="true"?' tabindex="0"':""}><slot></slot></div>`}colorVariants=["alternate"];set padding(o){this.container&&(this.container.style.padding=`${o}px`),this.setAttribute(t.PADDING,o.toString())}get padding(){return this.getAttribute(t.PADDING)}set scrollable(o){if(e(o)){this.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute("tabindex","0");return}this.setAttribute(t.SCROLLABLE,"false"),this.container?.setAttribute(t.SCROLLABLE,"false"),this.container?.removeAttribute("tabindex")}get scrollable(){return this.getAttribute(t.SCROLLABLE)||"true"}#t(){document.querySelector("body")?.style.setProperty("margin","0")}set reset(o){if(e(o)){this.#t();return}this.removeAttribute(t.RESET),document.querySelector("body")?.style.setProperty("margin","")}get reset(){return this.getAttribute(t.RESET)||"true"}set backgroundColor(o){if(o){this.container?.style.setProperty("background-color",`var(${o})`);return}this.container?.style.setProperty("background-color","")}get backgroundColor(){return this.getAttribute(t.BACKGROUND_COLOR)||"true"}};i=r([n("ids-container"),a(u)],i);export{i as a};

package/chunks/ids-chunk-Z7ODBRUH.js

@@ -1,124 +0,0 @@
-import{a as i}from"./ids-chunk-IN5FFIIS.js";import{a as b}from"./ids-chunk-OUX67T2L.js";import{a as E}from"./ids-chunk-B6P5AQ2Z.js";import{a as p}from"./ids-chunk-SNYFQ5ZT.js";import{a as h,b as u}from"./ids-chunk-XE4WFW5M.js";import{d as g}from"./ids-chunk-ODGLGMPF.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as c}from"./ids-chunk-U7OOVFXE.js";var m=`
-/* Ids Tree Node Component */
-@keyframes keyframes-rotate-forward {
-  0% {
-    transform: rotate(-90deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-@keyframes keyframes-rotate-backward {
-  0% {
-    transform: rotate(45deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-.ids-tree-node {
-  list-style-type: none;
-  margin-bottom: var(--ids-space-10);
-}
-.ids-tree-node .node-container {
-  border: 1px solid transparent;
-  cursor: pointer;
-  display: inline-flex;
-  padding: var(--ids-space-30);
-  color: var(--ids-tree-node-color-text-default);
-  align-items: baseline;
-  border-radius: var(--ids-border-radius-01);
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
-}
-.ids-tree-node .node-container .icon,
-.ids-tree-node .node-container .toggle-icon {
-  padding-top: var(--ids-space-10);
-  flex: 0 0 auto;
-  margin-inline-end: 8px;
-  transition: fill var(--ids-motion-duration) var(--ids-motion-ease);
-  place-self: flex-start;
-}
-.ids-tree-node .node-container .toggle-icon.rotate-forward {
-  animation-duration: 0.2s;
-  animation-iteration-count: 1;
-  animation-name: keyframes-rotate-forward;
-}
-.ids-tree-node .node-container .toggle-icon.rotate-backward {
-  animation-duration: 0.2s;
-  animation-iteration-count: 1;
-  animation-name: keyframes-rotate-backward;
-}
-.ids-tree-node .node-container .text {
-  border-bottom: 1px solid transparent;
-  flex-grow: 1;
-  margin-inline-end: 2px;
-  transition: border var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
-}
-.ids-tree-node .node-container:hover, .ids-tree-node .node-container:active {
-  color: var(--ids-tree-node-color-text-hover);
-}
-.ids-tree-node .node-container:hover .text, .ids-tree-node .node-container:active .text {
-  border-color: var(--ids-tree-node-color-border-hover);
-}
-.ids-tree-node .node-container:focus {
-  border-color: var(--ids-tree-node-color-border-focus);
-  box-shadow: var(--ids-tree-node-shadow-focus);
-  outline: none;
-}
-.ids-tree-node .group-nodes {
-  list-style-type: none;
-  overflow: hidden;
-  margin-block-start: 1px;
-  margin-block-end: 1px;
-  padding-inline-start: 24px;
-  transition: max-height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
-}
-.ids-tree-node[selected] .node-container {
-  background-color: var(--ids-tree-node-color-background-selected);
-  color: var(--ids-tree-node-color-text-selected);
-}
-.ids-tree-node[disabled] .node-container {
-  color: var(--ids-tree-node-color-text-disabled);
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-}
-.ids-tree-node[disabled] .node-container:hover, .ids-tree-node[disabled] .node-container:active {
-  color: var(--ids-tree-node-color-text-disabled);
-}
-.ids-tree-node[disabled] .node-container:focus {
-  border-color: transparent;
-  box-shadow: none;
-}
-.ids-tree-node.collapsed .group-nodes {
-  max-height: 0;
-  visibility: hidden;
-}
-
-ids-checkbox::part(root) {
-  margin-bottom: var(--ids-space-none);
-}
-
-ids-badge::part(badge) {
-  border-width: 0;
-  margin: 0;
-  margin-inline-end: 8px;
-}`;var x=b(E(p)),l=class extends x{nodeContainer=null;groupNodesEl=null;tree=null;isGroup=!1;constructor(){super()}connectedCallback(){super.connectedCallback(),this.nodeContainer=this.shadowRoot?.querySelector(".node-container"),this.groupNodesEl=this.shadowRoot?.querySelector(".group-nodes"),this.#r()}static get attributes(){return[...super.attributes,t.COLLAPSE_ICON,t.DISABLED,t.EXPAND_ICON,t.EXPANDED,t.ICON,t.LABEL,t.SELECTABLE,t.SELECTED,t.TABBABLE,t.USE_TOGGLE_TARGET]}template(){this.tree=this.tree||g(this,"ids-tree");let e=o=>/^ids-tree-node$/i.test(o.nodeName);if(this.isGroup=[...this.childNodes].some(o=>e(o)),this.isGroup){let o="";for(let n=0;n<this.childNodes.length;n++){let a=this.childNodes[n];e(a)&&(o+=a.outerHTML)}return this.getTemplate(!0).replace("{group-nodes}",o)}return this.getTemplate()}getTemplate(e){let o=`${this.disabled?" disabled":""}`,s=`${this.isSelected?" selected":""}`,n=` aria-disabled="${this.disabled}"`,a=` aria-selected="${this.isSelected}"`,d=` tabindex="${this.isTabbable?"0":"-1"}"`;if(e){let A=` aria-expanded="${this.expanded}"`;return`
-        <li ${`class="ids-tree-node ${this.toggleClass}"`} part="group-node" role="none"${o}${s}>
-          <span class="node-container" part="node-container" role="treeitem"${d}${o}${s}${n}${a}${A}>
-            <ids-icon class="icon" icon="${this.nodeIcon}" part="icon"></ids-icon>
-            ${this.toggleIconHtml}
-            ${this.isMultiSelect?`<ids-checkbox label="${this.label}" ${o}></ids-checkbox>`:""}
-            <slot name="badge" class="badge"></slot>
-            <ids-text class="text" part="text" ${this.isMultiSelect?"hidden":""}>${this.label}</ids-text>
-          </span>
-          <ul class="group-nodes" role="group">{group-nodes}</ul>
-        </li>`}return`
-      <li class="ids-tree-node" part="node" role="none"${o}${s}>
-        <span class="node-container" part="node-container" role="treeitem"${d}${o}${s}${n}${a}>
-          <ids-icon class="icon" part="icon" icon="${this.nodeIcon}"></ids-icon>
-          ${this.isMultiSelect?`<ids-checkbox label="${this.label}" ${o}></ids-checkbox>`:""}
-          <slot name="badge" class="badge"></slot>
-          <ids-text class="text" part="text" ${this.isMultiSelect?"hidden":""}><slot></slot></ids-text>
-        </span>
-      </li>`}treeAttribute(e){return this.tree?.getAttribute(e)}setFocus(){this.nodeContainer.focus()}#i(){if(this.shadowRoot?.querySelector(".icon")?.setAttribute(t.ICON,this.nodeIcon),this.container?.classList.remove(...Object.values(i.TOGGLE_CLASSES)),this.container?.classList.add(this.toggleClass),this.nodeContainer?.setAttribute("aria-expanded",this.expanded.toString()),this.useToggleTarget){let o=this.shadowRoot?.querySelector(".toggle-icon");o?.setAttribute(t.ICON,this.toggleIcon),this.#s({elem:o,rotateClass:`rotate-${this.expanded?"forward":"backward"}`})}this.groupNodesEl&&(this.expanded?(this.groupNodesEl.style.visibility="",this.groupNodesEl.style.maxHeight=`${this.groupNodesEl.scrollHeight}px`,this.offEvent("transitionend.expanded.tree",this.groupNodesEl),this.onEvent("transitionend.expanded.tree",this.groupNodesEl,()=>{this.groupNodesEl?.style.removeProperty("max-height")})):(this.offEvent("transitionend.expanded.tree",this.groupNodesEl),this.groupNodesEl.style.transition="none",this.groupNodesEl.style.maxHeight=`${this.groupNodesEl.scrollHeight}px`,this.groupNodesEl.style.transition="",requestAnimationFrame(()=>{this.groupNodesEl?.style.setProperty("max-height","0"),this.groupNodesEl?.style.setProperty("visibility","hidden")})))}#s(e){if(this.tree?.toggleIconRotate&&this.useToggleTarget&&e?.elem){e.elem.classList.add(e.rotateClass);let o=["webkitAnimationEnd","oAnimationEnd","msAnimationEnd","animationend"];o.forEach(s=>{this.onEvent(`${s}.tree`,e.elem,()=>{e.elem.classList.remove(e.rotateClass),o.forEach(n=>{this.offEvent(`${n}.tree`,e.elem)})})})}}#e(){this.shadowRoot?.querySelector(".icon")?.setAttribute(t.ICON,this.nodeIcon)}#n(){let e=this.nodeContainer?.querySelector(".toggle-icon");if(this.isGroup&&this.useToggleTarget&&!e){let o=this.shadowRoot?.querySelector("slot.badge"),s=document.createElement("template");s.innerHTML=this.toggleIconHtml,this.nodeContainer?.insertBefore(s.content.cloneNode(!0),o);return}e?.remove()}#t(){let e=this.container?.querySelector("ids-checkbox");this.selectable&&this.isSelected?(this.container?.setAttribute(t.SELECTED,""),this.nodeContainer?.setAttribute(t.SELECTED,""),this.nodeContainer?.setAttribute("aria-selected","true"),e&&(e.checked=!0)):(this.container?.removeAttribute(t.SELECTED),this.nodeContainer?.removeAttribute(t.SELECTED),this.nodeContainer?.setAttribute("aria-selected","false"),e&&(e.checked=!1))}#o(){this.nodeContainer?.setAttribute("tabindex",this.isTabbable?"0":"-1")}#r(){this.onEvent("click",this.checkbox,e=>{e.preventDefault()})}get toggleIconHtml(){return this.useToggleTarget?`<ids-icon class="toggle-icon" icon="${this.toggleIcon}" part="toggle-icon"></ids-icon>`:""}get nodeIcon(){return this.isGroup?this.expanded?this.expandIcon:this.collapseIcon:this.icon}get isSelected(){return!!this.selectable&&this.selected}get checkbox(){return this.shadowRoot?.querySelector("ids-checkbox")}get isTabbable(){return!this.disabled&&this.tabbable}get isMultiSelect(){return this.tree?.selectable==="multiple"}get toggleClass(){return this.expanded?i.TOGGLE_CLASSES.expanded:i.TOGGLE_CLASSES.collapsed}get toggleIcon(){return this.useToggleTarget?this.expanded?this.treeAttribute(t.TOGGLE_EXPAND_ICON)||i.DEFAULTS.toggleExpandIcon:this.treeAttribute(t.TOGGLE_COLLAPSE_ICON)||i.DEFAULTS.toggleCollapseIcon:""}set collapseIcon(e){e?this.setAttribute(t.COLLAPSE_ICON,e.toString()):this.removeAttribute(t.COLLAPSE_ICON),this.#e()}get collapseIcon(){return i.getVal(this,t.COLLAPSE_ICON)}set disabled(e){r(e)?(this.setAttribute(t.DISABLED,""),this.container?.setAttribute(t.DISABLED,""),this.nodeContainer?.setAttribute(t.DISABLED,""),this.nodeContainer?.setAttribute("aria-disabled","true")):(this.removeAttribute(t.DISABLED),this.container?.removeAttribute(t.DISABLED),this.nodeContainer?.removeAttribute(t.DISABLED),this.nodeContainer?.setAttribute("aria-disabled","false")),this.#o()}get disabled(){return r(this.getAttribute(t.DISABLED))}set expandIcon(e){e?this.setAttribute(t.EXPAND_ICON,e.toString()):this.removeAttribute(t.EXPAND_ICON),this.#e()}get expandIcon(){return i.getVal(this,t.EXPAND_ICON)}set expanded(e){i.isBool(e)?this.setAttribute(t.EXPANDED,`${e}`):this.removeAttribute(t.EXPANDED),this.#i()}get expanded(){return i.getBoolVal(this,t.EXPANDED)}set icon(e){e?this.setAttribute(t.ICON,e.toString()):this.removeAttribute(t.ICON),this.#e()}get icon(){return i.getVal(this,t.ICON)}set label(e){e?this.setAttribute(t.LABEL,e.toString()):this.removeAttribute(t.LABEL);let o=this.shadowRoot?.querySelector(".text");this.isGroup&&o&&(o.textContent=`${e}`)}get label(){return this.getAttribute(t.LABEL)||""}set selectable(e){let o=`${e}`;i.SELECTABLE.indexOf(o)>-1?this.setAttribute(t.SELECTABLE,o):this.removeAttribute(t.SELECTABLE),this.#t()}get selectable(){let e=this.getAttribute(t.SELECTABLE);return e==="false"?!1:e!==null?e:i.DEFAULTS.selectable}set selected(e){r(e)?this.setAttribute(t.SELECTED,""):this.removeAttribute(t.SELECTED),this.#t()}get selected(){return r(this.getAttribute(t.SELECTED))}set tabbable(e){this.setAttribute(t.TABBABLE,`${e}`.toString()),this.#o()}get tabbable(){return r(this.getAttribute(t.TABBABLE))}set useToggleTarget(e){i.isBool(e)?this.setAttribute(t.USE_TOGGLE_TARGET,`${e}`):this.removeAttribute(t.USE_TOGGLE_TARGET),this.#n()}get useToggleTarget(){return i.getBoolVal(this,t.USE_TOGGLE_TARGET)}};l=c([h("ids-tree-node"),u(m)],l);export{l as a};