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

package/chunks/ids-chunk-DBQ7CHTC.js

@@ -0,0 +1,323 @@
+import{b as c,c as u,d as I}from"./ids-chunk-DXGQFMWW.js";import{a as f}from"./ids-chunk-OUX67T2L.js";import{a as k}from"./ids-chunk-B6P5AQ2Z.js";import{a as A}from"./ids-chunk-E2WR233N.js";import{a as E}from"./ids-chunk-SNYFQ5ZT.js";import{a as g,b as x}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-TJKIW3GF.js";import{a as s,b as i}from"./ids-chunk-EHQM67XJ.js";import{a as b}from"./ids-chunk-U7OOVFXE.js";var v=`
+/* Ids Menu Item Component */ /**
+ * Base Styles/Mixins for Ids Menu Component and all subcomponents.
+ */
+/**
+ * Single Checkmark Mixin
+ */
+/**
+ * Checkbox Mixins.
+ */
+@keyframes check {
+  0% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 0;
+  }
+  50% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 4px;
+  }
+  100% {
+    height: 10px;
+    left: 4px;
+    top: 0;
+    width: 4px;
+  }
+}
+@keyframes checkindeterminate {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 10px;
+  }
+}
+/**
+ * NOTE ABOUT MENU ITEM ELEMENT ORDER:
+ * Definitions for grid template size in IdsMenuItem are defined based on the below order.
+ * If changes are made to IdsMenuItem's rendering, this order must remain in place.
+ *
+ * [checkmark?] - [icon?] - text - [shortcut text?] - [submenu icon?]
+ **/
+:host {
+  display: block;
+  position: static;
+}
+:host ::slotted(ids-menu) {
+  display: none;
+}
+
+::slotted(ids-text) {
+  pointer-events: none;
+}
+
+::slotted(ids-icon) {
+  pointer-events: none;
+}
+
+::slotted(ids-popup-menu) {
+  position: static;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+.ids-menu-item {
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--ids-font-family-default);
+  list-style: none;
+  min-width: var(--ids-menu-item-width-min);
+  position: static;
+  transition: background-color 50ms cubic-bezier(0.4, 0, 0.6, 1);
+  user-select: none;
+}
+.ids-menu-item ids-icon,
+.ids-menu-item .ids-icon,
+.ids-menu-item .ids-menu-item-display-icon {
+  display: block;
+  align-self: center;
+  justify-content: center;
+  place-self: inherit;
+}
+.ids-menu-item a {
+  padding-inline-start: 12px;
+  padding-inline-end: 8px;
+  padding-block: 8px 8px;
+  display: grid;
+  font-size: var(--ids-menu-item-font-size);
+  grid-template-columns: 0 max-content;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  user-select: inherit;
+  white-space: nowrap;
+  width: calc(100% - 20px);
+}
+.ids-menu-item a:focus {
+  outline: 0;
+}
+.ids-menu-item a > * {
+  vertical-align: middle;
+}
+.ids-menu-item a .ids-menu-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ids-menu-item a ids-icon,
+.ids-menu-item a .ids-icon,
+.ids-menu-item a .ids-menu-item-display-icon {
+  grid-column-start: 1;
+}
+.ids-menu-item a .ids-menu-item-text {
+  grid-column-start: 2;
+}
+.ids-menu-item a .ids-menu-item-text span,
+.ids-menu-item a .ids-menu-item-text .ids-text {
+  display: inline-block;
+}
+.ids-menu-item a .ids-menu-item-text ::slotted(ids-text) {
+  display: inline-block;
+}
+.ids-menu-item a .ids-menu-item-submenu-icon {
+  margin-inline-start: 12px;
+  grid-column-start: 3;
+  transform: rotateZ(-90deg);
+}
+.ids-menu-item:not(.text-center) .ids-menu-item-text, .ids-menu-item:not(.text-start) .ids-menu-item-text, .ids-menu-item:not(.text-end) .ids-menu-item-text {
+  text-align: start;
+}
+.ids-menu-item.text-center a, .ids-menu-item.text-start a, .ids-menu-item.text-end a {
+  display: flex;
+  align-items: center;
+}
+.ids-menu-item.text-center a .ids-menu-item-text, .ids-menu-item.text-start a .ids-menu-item-text, .ids-menu-item.text-end a .ids-menu-item-text {
+  margin-inline-start: var(--ids-space-40);
+}
+.ids-menu-item.text-center a {
+  text-align: center;
+  justify-content: center;
+}
+.ids-menu-item.text-start a {
+  text-align: start;
+  justify-content: start;
+}
+.ids-menu-item.text-end a {
+  text-align: end;
+  justify-content: end;
+}
+.ids-menu-item.disabled {
+  color: var(--ids-menu-item-color-text-disabled);
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+}
+.ids-menu-item.disabled a {
+  color: inherit;
+}
+.ids-menu-item.disabled ids-icon,
+.ids-menu-item.disabled .ids-icon {
+  fill: var(--ids-menu-item-color-text-disabled);
+}
+.ids-menu-item.hidden {
+  display: none;
+}
+.ids-menu-item.highlighted {
+  background-color: var(--ids-menu-item-highlight-color);
+}
+.ids-menu-item.has-shortcuts a {
+  grid-template-columns: 0 50% 50%;
+}
+.ids-menu-item.has-shortcuts:not(.has-submenu) .ids-menu-item-shortcuts {
+  margin-inline-start: 16px;
+  margin-inline-end: 4px;
+}
+.ids-menu-item.has-icon a {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  grid-template-columns: 30px max-content;
+}
+.ids-menu-item.has-shortcuts.has-icon a {
+  grid-template-columns: 30px calc(50% - 15px) calc(50% - 15px);
+}
+.ids-menu-item.has-checkmark a, .ids-menu-item.has-multi-checkmark a {
+  padding-inline-start: 4px;
+  grid-template-columns: 30px 0 max-content 0;
+}
+.ids-menu-item.has-checkmark a .check, .ids-menu-item.has-multi-checkmark a .check {
+  grid-column-start: 1;
+}
+.ids-menu-item.has-checkmark a ids-icon,
+.ids-menu-item.has-checkmark a .ids-icon,
+.ids-menu-item.has-checkmark a .ids-menu-item-display-icon, .ids-menu-item.has-multi-checkmark a ids-icon,
+.ids-menu-item.has-multi-checkmark a .ids-icon,
+.ids-menu-item.has-multi-checkmark a .ids-menu-item-display-icon {
+  grid-column-start: 2;
+}
+.ids-menu-item.has-checkmark a .ids-menu-item-text, .ids-menu-item.has-multi-checkmark a .ids-menu-item-text {
+  grid-column-start: 3;
+}
+.ids-menu-item.has-checkmark a .ids-menu-item-submenu-icon, .ids-menu-item.has-multi-checkmark a .ids-menu-item-submenu-icon {
+  grid-column-start: 4;
+}
+.ids-menu-item.has-shortcuts.has-checkmark a, .ids-menu-item.has-shortcuts.has-multi-checkmark a {
+  grid-template-columns: 30px 0 50% calc(50% - 30px);
+}
+.ids-menu-item.has-submenu a {
+  grid-template-columns: 0 calc(100% - 25px) 25px;
+}
+.ids-menu-item.has-submenu .ids-menu-item-shortcuts {
+  display: none;
+}
+.ids-menu-item.has-icon.has-checkmark a, .ids-menu-item.has-icon.has-multi-checkmark a {
+  padding-inline-start: 4px;
+  grid-template-columns: 30px 30px calc(100% - 60px);
+  width: calc(100% - 12px);
+}
+.ids-menu-item.has-shortcuts.has-icon.has-checkmark a, .ids-menu-item.has-shortcuts.has-icon.has-mutlt-checkmark a {
+  grid-template-columns: 30px 30px calc(50% - 30px) calc(50% - 30px);
+}
+.ids-menu-item.has-icon.has-submenu a {
+  grid-template-columns: 30px calc(100% - 55px) 25px;
+}
+.ids-menu-item.has-checkmark.has-submenu a, .ids-menu-item.has-multi-checkmark.has-submenu a {
+  grid-template-columns: 30px 0 calc(100% - 55px) 25px;
+}
+.ids-menu-item.has-icon.has-checkmark.has-submenu a, .ids-menu-item.has-icon.has-multi-checkmark.has-submenu a {
+  grid-template-columns: 30px 30px calc(100% - 85px) 25px;
+}
+.ids-menu-item:not(.inherit-color):not(.disabled) {
+  color: var(--ids-menu-item-color-text-default);
+}
+.ids-menu-item.inherit-color:not(.disabled) {
+  color: inherit;
+}
+.ids-menu-item.inherit-color:not(.disabled) a {
+  color: inherit;
+}
+.ids-menu-item.color-variant-module-nav {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+}
+.ids-menu-item.color-variant-module-nav a {
+  padding-block: 10px;
+}
+.ids-menu-item.color-variant-module-nav .ids-menu-item-text {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+  padding-inline-start: var(--ids-module-nav-accordion-gutter-size);
+}
+
+.ids-menu-item-shortcuts {
+  pointer-events: none;
+  text-align: end;
+}
+
+.has-checkmark span.check {
+  position: relative;
+}
+.has-checkmark.selected span.check::after {
+  position: absolute;
+  border: 1px solid;
+  transform: rotate(45deg);
+  border-color: var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) transparent;
+  border-width: 0 2px 2px 0;
+  content: " ";
+  height: 11px;
+  width: 5px;
+  left: 11px;
+  margin-top: 2px;
+}
+.has-checkmark.selected.disabled span.check::after {
+  border-color: var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) transparent;
+}
+
+.has-multi-checkmark span.check {
+  position: absolute;
+  border: var(--ids-checkbox-border);
+  border-radius: var(--ids-checkbox-border-radius);
+  height: 14px;
+  width: 14px;
+  left: 0;
+  top: 2px;
+  align-self: center;
+  justify-self: center;
+  position: relative;
+  top: 0;
+}
+.has-multi-checkmark.selected span.check {
+  background-color: var(--ids-checkbox-color-background-selected);
+  border-color: var(--ids-checkbox-color-border-selected);
+}
+.has-multi-checkmark.selected span.check::after {
+  position: absolute;
+  display: block;
+  border: var(--ids-font-size-20) solid var(--ids-checkbox-color-border-selected-after);
+  border-width: var(--ids-checkbox-border-width-selected-after);
+  animation: check 0.15s;
+  transform: rotate(45deg);
+  content: "";
+  height: 10px;
+  left: 4px;
+  top: 0;
+  width: 4px;
+}
+.has-multi-checkmark.disabled.selected span.check {
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
+}
+
+.ids-menu-item[dir=rtl] a .ids-menu-item-submenu-icon,
+.ids-menu-item.rtl a .ids-menu-item-submenu-icon {
+  grid-column-start: 3;
+  transform: rotateZ(90deg);
+}`;var S=A(f(k(E))),d=class extends S{shouldUpdate=!0;constructor(){super(),this.state={},Object.keys(u).forEach(e=>{let t=this.getAttribute(e);this.state[e]=t||u[e]}),Object.defineProperty(this,"tabIndex",{get:()=>this.#e,set:e=>{this.#e=e},configurable:!0,enumerable:!0})}template(){let e="",t="";this.state?.disabled&&(e=" disabled",t=" disabled");let n=this.templateCheck(),r='<span class="ids-menu-item-icon" role="presentation"><slot name="icon"></slot></span>',o="";this.state?.selected&&(o=" selected");let y='<span class="ids-menu-item-shortcuts" part="shortcuts"><slot name="shortcuts"></slot></span>',m="";this.shortcutKeys&&(m=" has-shortcuts");let h="";this.submenu&&(h=" has-submenu");let l='tabindex="0"';this.state?.tabIndex&&!this.state?.disabled&&(l=` tabindex="${this.state.tabIndex}"`);let p="";return this.textAlign&&(p=` text-${this.textAlign}`),`<div role="none" part="menu-item" class="ids-menu-item${e}${o}${m}${h}${p}">
+      <a role="menuitem" ${l} ${t}>
+        ${n}${r}<span class="ids-menu-item-text" part="text"><slot></slot></span>${y}
+      </a>
+      <slot name="submenu"></slot>
+    </div>`}templateCheck(){return'<span class="check" part="check" role="presentation"></span>'}templateDisplayIcon(e){let t=this.viewbox?` viewbox="${this.viewbox}"`:"";return`<ids-icon slot="icon" icon="${e}"${t} size="${c}" part="icon" class="ids-icon ids-menu-item-display-icon"></ids-icon>`}templateShortcutKeys(e){return`<span slot="shortcuts" class="shortcuts">${e}</span>`}templateSubmenuIcon(){return`<ids-icon slot="icon" icon="dropdown" size="${c}" class="ids-icon ids-menu-item-submenu-icon"></ids-icon>`}static get attributes(){return[...super.attributes,s.DISABLED,s.HIDDEN,s.HIGHLIGHTED,s.ICON,s.INHERIT_COLOR,s.SELECTED,s.SHORTCUT_KEYS,s.SUBMENU,s.TARGET,s.TABINDEX,s.TEXT_ALIGN,s.TOGGLEABLE,s.VALUE,s.VIEWBOX]}connectedCallback(){this.state||(this.state={}),super.connectedCallback(),this.refresh(),this.attachEventHandlers(),this.shouldUpdate=!0}colorVariants=["module-nav"];vetoableEventTypes=["beforeselected","beforedeselected"];refresh(){this.tabIndex=this.state.tabIndex,this.detectHidden(),this.detectSubmenu(),this.detectSelectability(),this.menu&&this.decorateForIcon(this.menu.hasIcons)}attachEventHandlers(){this.onEvent("slotchange",this.container,()=>{this.refresh()})}get a(){return this.shadowRoot?.querySelector("a")}get menu(){let e=this.closest("ids-toolbar-more-actions");if(e)return e.menu;let t=this.closest("ids-tab-more");return t?t.container?.querySelector("ids-popup-menu")||null:this.closest("ids-menu, ids-popup-menu")}get group(){return this.closest("ids-menu-group")}set disabled(e){let t=a(e);this.state.disabled=t;let n=this.a;if(!n)return;let r=this.shouldUpdate,o=this.hasAttribute(s.DISABLED);if(t){n.disabled=!0,n.setAttribute(s.DISABLED,""),this.tabIndex=-1,this.container?.classList.add(s.DISABLED),o||(this.shouldUpdate=!1,this.setAttribute(s.DISABLED,""),this.shouldUpdate=r);return}n.disabled=!1,n.removeAttribute(s.DISABLED),this.tabIndex=0,this.container?.classList.remove(s.DISABLED),o&&(this.shouldUpdate=!1,this.removeAttribute(s.DISABLED),this.shouldUpdate=r)}get disabled(){return this.state.disabled}onHiddenChange(e){a(e)?(this.setAttribute(s.HIDDEN,""),this.container?.classList.add(s.HIDDEN)):(this.removeAttribute(s.HIDDEN),this.container?.classList.remove(s.HIDDEN))}set highlighted(e){let t=a(e);t&&this.disabled||(t?this.setAttribute(s.HIGHLIGHTED,"true"):this.removeAttribute(s.HIGHLIGHTED),this.state.highlighted=t,this.container?.classList[t?"add":"remove"]("highlighted"))}get highlighted(){return this.state.highlighted}highlight(){this.highlighted=!0,this.triggerEvent("highlighted",this,{bubbles:!0,detail:{elem:this}})}unhighlight(){this.highlighted=!1}set icon(e){typeof e!="string"||!e.length?(this.removeAttribute(s.ICON),this.state.icon=void 0,this.removeIcon()):(this.state.icon=e,this.setAttribute(s.ICON,e),this.appendIcon(e)),this.group&&typeof this.group.updateIconAlignment=="function"&&this.group.updateIconAlignment()}get icon(){return this.iconEl?.icon}get iconEl(){return[...this.children].find(t=>t.matches("ids-icon"))}appendIcon(e){let t=this.querySelector('ids-icon[slot="icon"]');t?t.icon=e:this.insertAdjacentHTML("afterbegin",this.templateDisplayIcon(e))}removeIcon(){let e=this.querySelector('ids-icon[slot="icon"]');e&&e.remove()}decorateForIcon(e){this.container?.classList[e?"add":"remove"]("has-icon")}set inheritColor(e){a(e)?(this.setAttribute(s.INHERIT_COLOR,""),this.container?.classList.add("inherit-color")):(this.removeAttribute(s.INHERIT_COLOR),this.container?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(s.INHERIT_COLOR)}detectHidden(){this.hidden=this.hasAttribute("hidden")}get submenu(){return this.querySelector("ids-menu, ids-popup-menu")}get hasSubmenu(){return(this.menu?.tagName!=="IDS-MENU"||!1)&&!!this.submenu}detectSubmenu(){let e=this.hasSubmenu;return this.container?.classList[e?"add":"remove"]("has-submenu"),this.decorateSubmenu(e),e}decorateSubmenu(e){let t=this.container?.querySelector('ids-icon[icon="dropdown"]');e===!0||e==="true"?(this.submenu&&(this.submenu.setAttribute(i.SLOT,"submenu"),this.submenu.setAttribute(i.ARIA_EXPANDED,this.submenu?.visible?"true":"false")),this.a?.setAttribute(i.ROLE,"button"),this.a?.setAttribute(i.ARIA_HASPOPUP,"true"),t||this.a?.insertAdjacentHTML("beforeend",this.templateSubmenuIcon()),this.value=null):(this.submenu&&this.submenu.removeAttribute(i.ARIA_EXPANDED),this.a?.setAttribute(i.ROLE,"menuitem"),this.a?.removeAttribute(i.ARIA_HASPOPUP),t?.remove())}get isSelectable(){return this.group?.select!==null}detectSelectability(){let e=this.group?.select,t=this.container?.querySelector("span.check");this.isSelectable?(this.container?.classList.add(e==="multiple"?"has-multi-checkmark":"has-checkmark"),this.container?.classList.remove(e==="multiple"?"has-checkmark":"has-multi-checkmark"),t||this.a?.insertAdjacentHTML("afterbegin",this.templateCheck()),this.a?.setAttribute(i.ROLE,e==="multiple"?"menuitemcheckbox":"menuitemradio"),this.a?.setAttribute(i.ARIA_CHECKED,this.selected?"true":"false")):(this.container?.classList.remove("has-checkmark","has-multi-checkmark"),t?.remove(),this.a?.setAttribute(i.ROLE,this.hasSubmenu?"button":"menuitem"),this.a?.removeAttribute(i.ARIA_CHECKED))}get selected(){return this.state.selected}set selected(e){let t=a(e),n=t?"selected":"deselected",r=`before${n}`;this.triggerVetoableEvent(r)&&(this.state.selected!==t&&(this.isSelectable&&(this.state.selected=t,t?this.setAttribute(s.SELECTED,""):this.removeAttribute(s.SELECTED),this.container?.classList[t?"add":"remove"]("selected"),this.a?.setAttribute(i.ARIA_CHECKED,t?"true":"false")),(t||this.group?.select==="multiple"||this.toggleable)&&this.triggerEvent(n,this,{bubbles:!0,detail:{elem:this,value:this.value}})),this.triggerEvent("pick",this,{bubbles:!0,detail:{elem:this,value:this.value,selected:t}}))}select(){this.selected=!0}deselect(){this.selected=!1}set shortcutKeys(e){typeof e!="string"||!e.length?(this.removeAttribute(s.SHORTCUT_KEYS),this.state.shortcutKeys=void 0,this.removeShortcuts()):(this.state.shortcutKeys=e,this.setAttribute(s.SHORTCUT_KEYS,e),this.appendShortcuts(e))}get shortcutKeys(){return this.shortcutKeyEl?.textContent}get shortcutKeyEl(){return[...this.children].find(t=>t.matches('span[slot="shortcuts"]'))}appendShortcuts(e){this.container?.classList.add("has-shortcuts");let t=this.querySelector('span[slot="shortcuts"]');t?t.textContent=e:this.insertAdjacentHTML("afterbegin",this.templateShortcutKeys(e))}removeShortcuts(){this.container?.classList.remove("has-shortcuts");let e=this.querySelector('span[slot="shortcuts"]');e&&e.remove()}set#e(e){let t=Number(e);this.state||(this.state={}),this.state.tabIndex!==t&&(this.removeAttribute(s.TABINDEX),Number.isNaN(t)||t<-1?(this.state.tabIndex=0,this.a?.setAttribute(s.TABINDEX,"0")):(this.state.tabIndex=t,this.a?.setAttribute(s.TABINDEX,`${t}`)))}get#e(){return this.state?.tabIndex||0}#t=void 0;set target(e){let t=this.target;e!==t&&(e instanceof HTMLElement||e instanceof SVGElement?e.isEqualNode(t)||(this.#t=e):e==null&&(this.#t=void 0))}get target(){return this.#t}get text(){let e=t=>t.nodeType===Node.TEXT_NODE||t.name==="ids-text";return[...this.childNodes].find(t=>e(t))?.textContent?.trim()}set textAlign(e){e?this.setAttribute(s.TEXT_ALIGN,e):this.removeAttribute(s.TEXT_ALIGN)}get textAlign(){return this.getAttribute(s.TEXT_ALIGN)}set value(e){if(this.state.value=e,!I(e)){let t=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(s.VALUE),this.shouldUpdate=t}}get value(){return this.state.value}showSubmenu(){!this.hasSubmenu||this.hasSubmenu&&!this.submenu?.hidden||(this.a?.setAttribute(i.ARIA_EXPANDED,"true"),this.menu?.hideSubmenus(this),this.submenu?.show())}hideSubmenu(){!this.hasSubmenu||this.hasSubmenu&&this.submenu?.hidden||(this.a?.setAttribute(i.ARIA_EXPANDED,"false"),this.submenu?.hide())}focus(){!this.hidden&&!this.disabled&&(this.a?.focus(),this.menu?.highlightItem(this))}set viewbox(e){e?this.setAttribute(s.VIEWBOX,e):this.removeAttribute(s.VIEWBOX)}get viewbox(){return this.getAttribute(s.VIEWBOX)}set toggleable(e){a(e)?this.setAttribute(s.TOGGLEABLE,"true"):this.removeAttribute(s.TOGGLEABLE)}get toggleable(){return a(this.getAttribute(s.TOGGLEABLE))}};d=b([g("ids-menu-item"),x(v)],d);export{d as a};

package/chunks/ids-chunk-DDLXDRQ7.js

@@ -0,0 +1 @@
+import{a as t}from"./ids-chunk-SNYFQ5ZT.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-U7OOVFXE.js";var m=class extends t{};m=e([o("ids-wizard-step")],m);export{m as a};

package/chunks/ids-chunk-DGKCRLKM.js

@@ -0,0 +1,14 @@
+import{a as H}from"./ids-chunk-D35KNIRO.js";import{a as N}from"./ids-chunk-SNYFQ5ZT.js";import{a as E}from"./ids-chunk-XE4WFW5M.js";import{f as C}from"./ids-chunk-ODGLGMPF.js";import{e as L,g as R}from"./ids-chunk-TJKIW3GF.js";import{a as h}from"./ids-chunk-EHQM67XJ.js";import{a as D,b as A,c as I,d as G}from"./ids-chunk-U7OOVFXE.js";var m,v,b=class extends N{constructor(){super({noShadowRoot:!0});I(this,m);A(this,"rootNode")}static get attributes(){return[...super.attributes,h.DISABLED,h.ROW_INDEX]}attributeChangedCallback(e,t,s){t!==s&&e===h.ROW_INDEX&&this.renderRow(Number(s))}connectedCallback(){super.connectedCallback()}get dataGrid(){return this.rootNode||(this.rootNode=this.getRootNode()),this.rootNode.host}get data(){return this.dataGrid?.data||[]}get columns(){return this.dataGrid?.columns||[]}get visibleColumns(){return this.dataGrid?.visibleColumns||[]}get dimensions(){return this.getBoundingClientRect()}get expandIcon(){return this.querySelector(".ids-data-grid-tree-container ids-button ids-icon")}set disabled(e){L(e)?(this.setAttribute(h.DISABLED,""),this.setAttribute("aria-disabled","true")):(this.removeAttribute(h.DISABLED),this.removeAttribute("aria-disabled"))}get disabled(){return this.hasAttribute(h.DISABLED)}set rowIndex(e){e!==null&&e>=0?this.setAttribute(h.ROW_INDEX,String(e)):this.removeAttribute(h.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(h.ROW_INDEX)??-1)}renderRow(e){let t=this.dataGrid.cacheHash,s=Number(e),a=this.dataGrid.data[e].rowSelected?"select":"deselect",r=`${t}:${s}:${a}`;b.rowCache[r]=b.rowCache[r]??this.cellsHTML(),this.innerHTML=b.rowCache[r],G(this,m,v).call(this)}refreshRow(){this.querySelectorAll(":scope > ids-data-grid-cell").forEach(e=>e.refreshCell()),G(this,m,v).call(this)}toggleSelection(){this.dataGrid?.resetCache();let e=this.classList.contains("selected"),t=Number(this.getAttribute("data-index"));e&&!this.dataGrid?.suppressRowDeselection?this.dataGrid?.deSelectRow(t):this.dataGrid?.selectRow(t),this.dataGrid?.triggerEvent("selectionchanged",this.dataGrid,{detail:{elem:this,selectedRows:this.dataGrid?.selectedRows}})}toggleExpandCollapse(e=!1){let t=this.getAttribute("aria-expanded")==="true";if(this.dataGrid?.expandableRow){let s=this.querySelector(".ids-data-grid-expandable-row");t?s.setAttribute("hidden",""):s.removeAttribute("hidden"),this.setAttribute("aria-expanded",String(!t)),this.dataGrid?.updateDataset(this.rowIndex,{rowExpanded:!t}),this.expandIcon?.setAttribute("icon",t?"plusminus-folder-closed":"plusminus-folder-open")}if(this.dataGrid?.treeGrid){this.setAttribute("aria-expanded",String(!t)),this.dataGrid?.updateDataset(this.rowIndex,{rowExpanded:!t}),this.expandIcon.setAttribute("icon",t?"plusminus-folder-closed":"plusminus-folder-open");let s=this.getAttribute("aria-level"),a=!1;C(this,`[aria-level="${s}"]`).forEach(r=>{Number(r.getAttribute("aria-level"))>Number(s)&&!a&&(t?r.setAttribute("hidden",""):r.removeAttribute("hidden"),this.dataGrid?.updateDataset(Number(r.getAttribute("row-index")),{rowHidden:t})),r.getAttribute("aria-expanded")&&(a=r.getAttribute("aria-expanded")==="false")})}if(!e){let s=this.rowIndex;this.dataGrid?.triggerEvent(`row${t?"collapsed":"expanded"}`,this.dataGrid,{bubbles:!0,detail:{elem:this,row:s,data:this.dataGrid?.data[s]}})}}toggleRowActivation(){let e=this.classList.contains("activated"),t=Number(this.getAttribute("aria-rowindex"))-1;e&&!this.dataGrid?.suppressRowDeactivation?this.dataGrid?.deactivateRow(t):(this.dataGrid?.activatedRow.index&&this.dataGrid?.deactivateRow(this.dataGrid?.activatedRow.index),this.dataGrid?.activateRow(t)),this.dataGrid?.triggerEvent("activationchanged",this.dataGrid,{detail:{elem:this,data:this.dataGrid?.activatedRow,row:Number(this.getAttribute("data-index"))}})}toggleChildRowSelection(e){let t=this?.getAttribute("aria-level");C(this,`[aria-level="${t}"]`).forEach(s=>{Number(s.getAttribute("aria-level"))>Number(t)&&this.dataGrid&&(this.dataGrid.groupSelectsChildren=!1,e?this.dataGrid?.selectRow(Number(s.getAttribute("data-index"))):this.dataGrid?.deSelectRow(Number(s.getAttribute("data-index"))),this.dataGrid.groupSelectsChildren=!0)})}set selected(e){e?(this.classList.add("selected"),this.setAttribute("aria-selected","true"),this.dataGrid?.rowSelection==="mixed"&&this?.classList.add("mixed")):(this.classList.remove("selected"),this.removeAttribute("aria-selected"))}get selected(){return this.classList.contains("selected")}updateCells(e){let t=this,s=t.querySelectorAll(".ids-data-grid-cell");s?.length&&[...s].forEach((a,r)=>{let n=this.dataGrid?.columns[r],l=n.cssPart||"cell";(this.dataGrid?.rowSelection==="mixed"&&t.classList.contains("activated")||(this.dataGrid?.rowSelection==="single"||this.dataGrid?.rowSelection==="multiple")&&t.classList.contains("selected"))&&(n.cellSelectedCssPart?l=n.cellSelectedCssPart:l="cell-selected"),typeof l=="function"&&(l=l(e,r)),a.setAttribute("part",l)})}static template(e,t,s,a){let r=`${e?.rowSelected?" selected":""}`;r+=`${e?.rowSelected&&a?.rowSelection==="mixed"?" mixed":""}`,r+=`${e?.rowActivated?" activated":""}`;let n="";a?.treeGrid&&(n+=` aria-setsize="${e.ariaSetSize}" aria-level="${e.ariaLevel}" aria-posinset="${e.ariaPosinset}"`,e.children&&(n+=e.rowExpanded===!1?' aria-expanded="false"':' aria-expanded="true"')),a?.pagination==="client-side"&&a?.pageNumber>1&&(s+=(Number(a?.pageNumber)-1)*Number(a?.pageSize));let l=e?.rowHidden?" hidden":"",f=(()=>{let x=p=>typeof p<"u"&&p!==null&&(typeof p=="boolean"&&p===!0||typeof p=="string"&&p.toLowerCase()==="true"),g=e.disabled;return x(typeof g=="function"?g(t,e):g)})(),w=f?' disabled aria-disabled="true"':"";return e&&f&&(e.idstempcanrowdisabled=f),`
+      <ids-data-grid-row
+        row-index="${t}"
+        role="row"
+        part="row"
+        aria-rowindex="${s}"
+        data-index="${t}"
+        ${l}
+        class="ids-data-grid-row${r}"
+        ${n}
+        ${w}
+      >
+      </ids-data-grid-row>
+    `}cellsHTML(){let e=this.rowIndex,t=e,s=this.data[e],a=this.dataGrid,r=(i,d,o)=>{let c=i.cssPart||"cell";return typeof c=="function"?c(d,o):c},n=(i,d,o)=>i.dirtyCells?i.dirtyCells.findIndex(c=>c.cell===o)!==-1:!1,l=(i,d,o)=>i.invalidCells?i.invalidCells.findIndex(c=>c.cell===o)!==-1:!1,y=(i,d)=>i.readonly&&i?.readonly===!0?!0:typeof i?.readonly=="function"?i?.readonly(e,d,i,s):!1,f=(i,d)=>i?.disabled?typeof i?.disabled=="function"?i?.disabled(e,d,i,s):typeof i?.disabled=="boolean"?i?.disabled:!1:!1,w=(i,d)=>typeof i?.uppercase=="function"?i.uppercase("body-cell",i,e,d,s):i?.uppercase==="true"||i?.uppercase===!0,x="";if(a?.expandableRow){let i=R(a?.querySelector(`#${a?.expandableRowTemplate}`)?.innerHTML||"",s);x=`<div class="ids-data-grid-expandable-row"${s.rowExpanded===!0?"":" hidden"}>${i}</div>`}let g=a?.leftFrozenColumns.length,p=a?.visibleColumns.map((i,d)=>{let o=H.template(s,i,t,a),c=y(i,o),S=this.disabled||f(i,o),z=w(i,o),$=i.editor?.type,u="ids-data-grid-cell";return u+=`${$?` is-${$}`:""}`,u+=`${c?" is-readonly":""}`,u+=`${S?" is-disabled":""}`,u+=`${z?" is-uppercase":""}`,u+=`${n(s,i,d)?" is-dirty":""}`,u+=`${l(s,i,d)?" is-invalid":""}`,u+=`${i?.align?` align-${i?.align}`:""}`,u+=`${i?.frozen?` frozen frozen-${i?.frozen}${d+1===g?" frozen-last":""}`:""}`,u+=`${i?.editor&&!c&&!S?` is-editable${i?.editor?.inline?" is-inline":""}`:""}`,`<ids-data-grid-cell role="gridcell" part="${r(i,e,d)}" class="${u}" aria-colindex="${d+1}">${o}</ids-data-grid-cell>`}).join("");return s?.idstempcanrowdisabled&&delete s.idstempcanrowdisabled,`${p}${x}`}cellByIndex(e){if(e=Math.max(e,0),e===0)return this.querySelector("ids-data-grid-cell")??null;let t=this.querySelectorAll("ids-data-grid-cell"),s=t.length-1;return e=Math.min(e,s),t[e]??null}};m=new WeakSet,v=function(){let e=this.rowIndex,t=this.dataGrid.data[e];this.setAttribute("data-index",String(e)),this.setAttribute("aria-rowindex",String(e+1)),t?.rowSelected&&(this.selected=t.rowSelected),!t?.rowSelected&&this.classList.contains("selected")&&(this.selected=t.rowSelected),this.dataGrid?.treeGrid&&(this.setAttribute("aria-setsize",t?.ariaSetSize),this.setAttribute("aria-level",t?.ariaLevel),this.setAttribute("aria-posinset",t?.ariaPosinset),t?.children&&this.setAttribute("aria-expanded",t?.rowExpanded===!1?"false":"true")),t?.rowExpanded&&(this.setAttribute("aria-expanded","true"),this.expandIcon?.setAttribute?.("icon","plusminus-folder-open")),!t?.rowExpanded&&this.getAttribute("aria-expanded")==="false"&&(this.setAttribute("aria-expanded","false"),this.expandIcon?.setAttribute?.("icon","plusminus-folder-closed")),!t?.rowExpanded&&this.dataGrid.expandableRow&&(this.setAttribute("aria-expanded","false"),this.expandIcon?.setAttribute?.("icon","plusminus-folder-closed")),t?.rowHidden&&(this.hidden=!0,this.classList.add("hidden")),!t?.rowHidden&&this.classList.contains("hidden")&&(this.hidden=!1,this.classList.remove("hidden"))},A(b,"rowCache",{}),b=D([E("ids-data-grid-row")],b);export{b as a};