ids-enterprise-wc 1.5.1 → 1.7.0

package/README.md

@@ -2,15 +2,14 @@
 
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
 [![npm version](https://badge.fury.io/js/ids-enterprise-wc.svg)](https://badge.fury.io/js/ids-enterprise-wc)
-[![Build Check](https://github.com/infor-design/enterprise-wc/actions/workflows/ci.yml/badge.svg)](https://github.com/infor-design/enterprise-wc/actions/workflows/ci.yml)
-[![Coverage Status](https://coveralls.io/repos/github/infor-design/enterprise-wc/badge.svg?branch=main)](https://coveralls.io/github/infor-design/enterprise-wc?branch=main)
+[![Visual Tests](https://percy.io/static/images/percy-badge.svg)](https://percy.io/00aaa841/enterprise-wc-oxford)
 
 Infor Design System Enterprise Web Components Library is a framework independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant, and perceptive.
 
 ## Key Features
 
 - Three themes, including a WCAG 2.0 AAA compatible high-contrast theme and ability to theme anything
-- Responsive components
+- Responsive and Mobile friendly
 - Touch-friendly interactions
 - SVG-based iconography for high DPI screens and scaling
 - Built-in, extendible localization system
@@ -61,12 +60,12 @@ To Clone and Run this Repo locally (requires node 18 (16 or 17))
 ```sh
 mkdir enterprise-wc
 cd enterprise-wc
-git clone git@github.com:infor-design/enterprise-wc.git .
+git clone ssh://git@oxfordssh.awsdev.infor.com:7999/infor-design/enterprise-wc.git .
 npm i
 npm run start
 ```
 
-Also include the [Source Sans Pro Font](https://github.com/infor-design/ids-foundation/blob/main/fonts/README.md) in your project and app pages.
+Also include the [Source Sans Pro Font](https://oxford.awsdev.infor.com/infor-design/ids-foundation/-/blob/main/fonts/README.md) in your project and app pages.
 
 ## Using Code Hinting
 
@@ -85,14 +84,14 @@ The npm package ships with a file called `vscode.html-custom-data.json`. The fil
 
 You may need to restart VS Code for the changes to take affect.
 
-Most popular editors support custom code completion with different configurations. Please [submit a feature request and/or pull request](https://github.com/infor-design/enterprise-wc/issues/new/choose) if you want to add your editor.
+Most popular editors support custom code completion with different configurations. Please [submit a feature request and/or pull request](https://inforwiki.atlassian.net/jira/software/c/projects/IDS/issues) if you want to add your editor.
 
 ## Documentation
 
-- See the [Documentation](doc/DOCUMENTATION.md) for each component in markdown format. In addition to this index you will see a `.md` file in each [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src/components) if browsing the source and examples.
+- See the [Documentation](doc/DOCUMENTATION.md) for each component in markdown format. In addition to this index you will see a `.md` file in each [component folder](https://oxford.awsdev.infor.com/infor-design/enterprise-wc/-/tree/main/src/components) if browsing the source and examples.
 - See the [Migration Guide](doc/MIGRATION-GUIDE.md).
 - See the [Change Log](doc/CHANGELOG.md) for info and breaking changes by version.
-- See the [Examples in popular frameworks](https://github.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks.
+- See the [Examples in popular frameworks](https://oxford.awsdev.infor.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks.
 - See the [component pages](https://design.infor.com/components/overview/) on design.infor.com for UX and accessibility guidance.
 
 ## Other Documentation
@@ -103,6 +102,6 @@ Most popular editors support custom code completion with different configuration
 - [How to make a new component](doc/COMPONENTS.md)
 - [Info on which linters we use](doc/LINTING.md)
 - [Info on running and debugging tests](doc/TESTING.md)
-- Use [Github Issues](https://github.com/infor-design/enterprise-wc/issues) to report enhancements, bugs, questions, and feature requests
-- [Review source code changes](https://github.com/infor-design/enterprise-wc/pulls)
-- [Roadmap and Sprint Board](https://github.com/orgs/infor-design/projects)
+- Use [Jira Issues](https://inforwiki.atlassian.net/jira/software/c/projects/IDS/issues) to report enhancements, bugs, questions, and feature requests
+- [Review source code changes](https://oxford.awsdev.infor.com/infor-design/enterprise-wc/-/merge_requests)
+- [Roadmap and Sprint Board](https://inforwiki.atlassian.net/jira/software/c/projects/IDS/boards/5023)

package/chunks/ids-chunk-2CVICDH4.js

@@ -0,0 +1,298 @@
+import{a as ot}from"./ids-chunk-MS7HKMWQ.js";import{a as lt}from"./ids-chunk-X7Q3UPBV.js";import{c as P}from"./ids-chunk-ZUHWNQKP.js";import{a as ht}from"./ids-chunk-MMNXUPFY.js";import{a as st,b as rt}from"./ids-chunk-XE4WFW5M.js";import{e as at,g as nt}from"./ids-chunk-ROUTR3H3.js";import{e as O}from"./ids-chunk-Y6KVKFJX.js";import{a,b as d}from"./ids-chunk-MNUN2C3Z.js";import{a as it,b,c as u,d as f,e as g,f as s}from"./ids-chunk-ZMMCFAAI.js";var ct=`:host {
+  position: relative;
+  width: 100%;
+}
+
+.ids-slider {
+  display: flex;
+  justify-content: center;
+}
+.ids-slider .tick {
+  background-color: var(--ids-slider-tick-color-background-default);
+}
+.ids-slider .thumb-shadow {
+  background-color: var(--ids-slider-thumb-color-shadow-default);
+  border-color: var(--ids-slider-thumb-color-border-default);
+}
+.ids-slider .thumb {
+  background-color: var(--ids-slider-thumb-color-background-default);
+}
+.ids-slider .thumb:hover {
+  box-shadow: var(--ids-slider-thumb-shadow-hover);
+}
+.ids-slider .track {
+  background-color: var(--ids-slider-track-color-background-default);
+}
+.ids-slider .track-progress {
+  background-color: var(--ids-slider-track-color-background-progress);
+}
+.ids-slider:not(.vertical) {
+  width: 100%;
+}
+.ids-slider:not(.vertical) .thumb {
+  cursor: ew-resize;
+}
+.ids-slider.vertical {
+  height: 300px;
+}
+.ids-slider.vertical .thumb {
+  cursor: ns-resize;
+}
+.ids-slider.animated .thumb-draggable {
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-slider.animated:not(.vertical) .track-progress {
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-slider.animated.vertical .track-progress {
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-slider.disabled {
+  color: var(--ids-slider-color-disabled);
+}
+.ids-slider.disabled .label {
+  cursor: default;
+}
+.ids-slider.disabled .tick {
+  background-color: var(--ids-slider-tick-color-background-disabled);
+}
+.ids-slider.disabled .thumb-shadow {
+  display: none;
+}
+.ids-slider.disabled .thumb {
+  background-color: var(--ids-slider-thumb-color-background-disabled);
+  cursor: default;
+}
+.ids-slider.disabled .thumb:hover {
+  box-shadow: none;
+}
+.ids-slider.disabled .track-area {
+  cursor: default;
+}
+.ids-slider.disabled .track {
+  background-color: var(--ids-slider-track-color-background-disabled);
+}
+.ids-slider.disabled .track-progress {
+  background-color: var(--ids-slider-track-color-background-progress-disabled);
+}
+.ids-slider.readonly {
+  color: var(--ids-slider-color-readonly);
+}
+.ids-slider.readonly .label {
+  cursor: default;
+}
+.ids-slider.readonly .tick {
+  background-color: var(--ids-slider-tick-color-background-readonly);
+}
+.ids-slider.readonly .thumb {
+  background-color: var(--ids-slider-thumb-color-background-readonly);
+  cursor: pointer;
+}
+.ids-slider.readonly .thumb-shadow {
+  background-color: var(--ids-slider-thumb-color-shadow-readonly);
+  border-color: var(--ids-slider-thumb-color-border-readonly);
+  cursor: pointer;
+}
+.ids-slider.readonly .track {
+  background-color: var(--ids-slider-track-color-background-readonly);
+}
+.ids-slider.readonly .track-progress {
+  background-color: var(--ids-slider-track-progress-color-background-readonly);
+}
+.ids-slider.readonly .track-area {
+  cursor: default;
+}
+
+.slider {
+  display: inline-flex;
+  position: relative;
+  width: 92%;
+  margin: 25px 4% 50px;
+  justify-content: center;
+  align-items: center;
+}
+.slider.vertical {
+  height: 92%;
+}
+.slider .tick-container {
+  display: flex;
+  position: absolute;
+  width: 100%;
+  justify-content: space-between;
+}
+.slider .tick-container.vertical {
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+}
+.slider .tick {
+  display: flex;
+  width: var(--ids-slider-tick-size);
+  height: var(--ids-slider-tick-size);
+  border-radius: var(--ids-border-radius-circle);
+  z-index: 40;
+  justify-content: center;
+}
+.slider .label {
+  cursor: pointer;
+  position: absolute;
+  transform: translate(0, 100%);
+}
+.slider .label::part(text) {
+  white-space: nowrap;
+}
+.slider .label.vertical {
+  transform: translate(-50px, -25%);
+  min-width: 50px;
+  text-align: right;
+}
+.slider .tooltip {
+  background-color: var(--ids-slider-tooltip-color-background);
+  color: var(--ids-slider-tooltip-color-text);
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  width: auto;
+  padding: var(--ids-slider-tooltip-padding);
+  height: auto;
+  text-align: center;
+  margin: auto;
+  border-radius: var(--ids-border-radius-2xs);
+  vertical-align: middle;
+  line-height: 30px;
+  max-width: 300px;
+  min-width: 32px;
+  transition: opacity 0.2s ease;
+  opacity: 0;
+  bottom: 175%;
+  left: -12px;
+  user-select: none;
+}
+.slider .tooltip.vertical {
+  bottom: unset;
+  left: 200%;
+  transform: translate(0, -25%);
+}
+.slider .tooltip .pin {
+  position: absolute;
+  width: 0;
+  height: 0;
+  bottom: -6px;
+  margin-top: 1px;
+  left: 14px;
+  border-left: 6px solid transparent;
+  border-top: 6px solid var(--ids-slider-tooltip-color-background);
+  border-right: 6px solid transparent;
+}
+.slider .tooltip .pin.vertical {
+  left: unset;
+  bottom: unset;
+  margin-top: unset;
+  border-top: 6px solid transparent;
+  border-right: 6px solid var(--ids-slider-tooltip-color-background);
+  border-bottom: 6px solid transparent;
+  right: 100%;
+  transform: translate(0, 10px);
+}
+.slider .thumb-draggable {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  outline: none;
+  position: absolute;
+  inset-inline: var(--inset-inline-start);
+}
+.slider .thumb {
+  width: var(--ids-slider-thumb-size);
+  height: var(--ids-slider-thumb-size);
+  border-radius: 50%;
+  z-index: 50;
+}
+.slider .thumb-shadow {
+  position: absolute;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  border-width: var(--ids-space-4xs);
+  border-style: solid;
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
+  transform: scale(0);
+}
+.slider .thumb-shadow.active {
+  transform: scale(1);
+}
+.slider .track-area {
+  width: 100%;
+  height: var(--ids-space-md);
+  background-color: var(--ids-color-transparent);
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  position: absolute;
+  z-index: 50;
+  cursor: pointer;
+}
+.slider .track-area.vertical {
+  height: 100%;
+  width: var(--ids-space-md);
+}
+.slider .track {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: var(--ids-space-2xs);
+  width: calc(100% - var(--ids-slider-thumb-size) / 2);
+  position: absolute;
+  z-index: 30;
+  border-radius: var(--ids-border-radius-2xs);
+}
+.slider .track.vertical {
+  justify-content: center;
+  width: var(--ids-space-2xs);
+  height: calc(100% - var(--ids-slider-thumb-size) / 2);
+}
+.slider .track .track-progress {
+  height: inherit;
+  position: absolute;
+  /* stylelint-disable-next-line custom-property-pattern */
+  width: calc((var(--percentEnd) - var(--percentStart)) * 1%);
+}
+.slider .track .track-progress.vertical {
+  /* stylelint-disable-next-line custom-property-pattern */
+  height: calc((var(--percentEnd) - var(--percentStart)) * 1%);
+  width: 100%;
+  bottom: 0%;
+}`;var X=0,j=100,W="single",dt={BOTTOM:NaN,LEFT:NaN,RIGHT:NaN,TOP:NaN},Tt=ot(lt(ht)),E,k,D,U,x,N,T,L,e,G,_,R,K,ut,V,Z,C,bt,H,p,S,$,F,v,w,J,mt,gt,yt,M,Q,tt,pt,q,vt,At,et,ft,St,Y,z,B=class extends Tt{constructor(){super();f(this,e);b(this,"DEFAULT_MIN",X);b(this,"DEFAULT_MAX",j);b(this,"DEFAULT_TYPE",W);f(this,E,dt);f(this,k,"");f(this,D,"");f(this,U,[]);f(this,x,!1);f(this,N,!1);f(this,T,NaN);f(this,L,NaN);b(this,"slider");b(this,"trackArea");b(this,"progressTrack");b(this,"track");b(this,"tickContainer");b(this,"thumb");b(this,"thumbDraggable");b(this,"thumbShadow");b(this,"tooltip");b(this,"tooltipText");b(this,"tooltipPin");b(this,"firstTick");b(this,"lastTick");b(this,"thumbSecondary");b(this,"thumbDraggableSecondary");b(this,"thumbShadowSecondary");b(this,"thumbSecondaryDraggable");b(this,"tooltipSecondary");b(this,"tooltipTextSecondary");b(this,"tooltipPinSecondary");b(this,"onLanguageChange",()=>{let t=this.localeAPI.isRTL();this.isRTL=t})}connectedCallback(){super.connectedCallback(),this.slider=this.container?.querySelector(".slider"),this.trackArea=this.container?.querySelector(".track-area"),this.progressTrack=this.container?.querySelector(".track-progress"),this.track=this.container?.querySelector(".track"),this.tickContainer=this.container?.querySelector(".tick-container"),g(this,N,!1),this.thumb=this.container?.querySelector(".thumb"),this.thumbDraggable=this.container?.querySelector(".thumb-draggable"),this.thumbShadow=this.container?.querySelector(".thumb-shadow"),this.tooltip=this.container?.querySelector(".tooltip"),this.tooltipText=this.container?.querySelector(".tooltip .text"),this.tooltipPin=this.container?.querySelector(".tooltip .pin"),this.lastTick=this.container?.querySelector(".tick:last-child"),this.firstTick=this.container?.querySelector(".tick:first-child"),this.type==="range"?(this.thumbSecondary=this.container?.querySelector(".thumb.secondary"),this.thumbDraggableSecondary=this.container?.querySelector(".thumb-draggable.secondary"),this.thumbShadowSecondary=this.container?.querySelector(".thumb-shadow.secondary"),this.tooltipSecondary=this.container?.querySelector(".tooltip.secondary"),this.tooltipTextSecondary=this.container?.querySelector(".tooltip.secondary .text.secondary"),this.tooltipPinSecondary=this.container?.querySelector(".tooltip .pin.secondary")):this.container?.querySelector(".thumb-draggable.secondary")?.remove(),s(this,e,gt).call(this),s(this,e,Q).call(this),s(this,e,pt).call(this),s(this,e,G).call(this),s(this,e,V).call(this),s(this,e,K).call(this),setTimeout(()=>{s(this,e,M).call(this,!0)},300)}static get attributes(){return[a.COLOR,a.DISABLED,a.LABEL,a.LABEL_SECONDARY,a.MIN,a.MAX,a.READONLY,a.STEP_INTERVAL,a.STEP_NUMBER,a.SHOW_TOOLTIP,a.TYPE,a.VALUE,a.VALUE_SECONDARY,a.VERTICAL]}template(){let t=this.disabled?" disabled":"",i=this.readonly?" readonly":"",r=t.length?"-1":"0";return`
+      <div class="ids-slider${t}${i}">
+        <div class="slider">
+          <div class="track-area">
+            <ids-draggable tabindex="${r}" class="thumb-draggable" axis="${this.vertical?"y":"x"}" parent-containment>
+              <div class="thumb-shadow"></div>
+              <div class="thumb">
+                <div class="tooltip">
+                  <ids-text class="text">${this.value}</ids-text>
+                  <div class="pin"></div>
+                </div>
+              </div>
+            </ids-draggable>
+            <ids-draggable tabindex="${r}" class="thumb-draggable secondary" axis="${this.vertical?"y":"x"}" parent-containment>
+              <div class="thumb-shadow secondary"></div>
+              <div class="thumb secondary">
+                <div class="tooltip secondary">
+                  <ids-text class="text secondary">${this.valueSecondary}</ids-text>
+                  <div class="pin secondary"></div>
+                </div>
+              </div>
+            </ids-draggable>
+          </div>
+          <div class="track">
+          <div class="track-progress"></div>
+            <div class="tick-container">
+              <span class="tick"></span>
+              <span class="tick"></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `}set disabled(t){O(t)?(this.readonly&&(this.readonly=!1),this.setAttribute(a.DISABLED,""),this.container?.classList.add(a.DISABLED),this.thumbDraggable?.setAttribute(a.DISABLED,"true"),this.thumbDraggable?.setAttribute(a.TABINDEX,"-1"),s(this,e,p).call(this,!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(a.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(a.TABINDEX,"-1"),s(this,e,p).call(this,!0,"secondary"))):(this.removeAttribute(a.DISABLED),this.container?.classList.remove(a.DISABLED),this.thumbDraggable?.setAttribute(a.DISABLED,"false"),this.thumbDraggable?.setAttribute(a.TABINDEX,"0"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(a.DISABLED,"false"),this.thumbDraggableSecondary?.setAttribute(a.TABINDEX,"0"))),s(this,e,H).call(this)}get disabled(){return this.hasAttribute(a.DISABLED)}set readonly(t){O(t)?(this.disabled&&(this.disabled=!1),this.setAttribute(a.READONLY,""),this.container?.classList.add(a.READONLY),this.thumbDraggable?.setAttribute(a.DISABLED,"true"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(a.DISABLED,"true"),s(this,e,p).call(this,!0,"secondary"))):(this.removeAttribute(a.READONLY),this.container?.classList.remove(a.READONLY),this.thumbDraggable?.setAttribute(a.DISABLED,"false"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(a.DISABLED,"false")),s(this,e,H).call(this)}get readonly(){return this.hasAttribute(a.READONLY)}set label(t){let i=P(t),r=u(this,k);i!==r&&(i.length?(g(this,k,i),this.setAttribute(a.LABEL,i)):(g(this,k,""),this.removeAttribute(a.LABEL)),this.thumbDraggable?.setAttribute(d.ARIA_LABEL,`${u(this,k)}`))}get label(){return u(this,k)||P(this.getAttribute(a.LABEL)??"")}set labelSecondary(t){let i=P(t),r=u(this,D);i!==r&&(i.length?(g(this,D,i),this.setAttribute(a.LABEL_SECONDARY,i)):(g(this,D,""),this.removeAttribute(a.LABEL_SECONDARY)),this.thumbDraggableSecondary?.setAttribute(d.ARIA_LABEL,`${u(this,D)}`))}get labelSecondary(){return u(this,D)||P(this.getAttribute(a.LABEL_SECONDARY)??"")}set vertical(t){O(t)?this.setAttribute(a.VERTICAL,"true"):this.removeAttribute(a.VERTICAL),s(this,e,G).call(this)}get vertical(){return this.hasAttribute(a.VERTICAL)}set isRTL(t){t!==this.isRTL&&(g(this,x,t),s(this,e,v).call(this),s(this,e,R).call(this),this.type==="range"&&s(this,e,v).call(this,"secondary"))}get isRTL(){return typeof u(this,x)>"u"&&g(this,x,!1),u(this,x)}get ticks(){return Array.from(this.container?.querySelectorAll(".tick")||[]).map((r,o)=>({element:r,value:Number.isNaN(Number(r.textContent))?this.vertical?this.labels[this.labels.length-1-o].value:this.labels[o].value:Number(r.textContent)}))}set labels(t){g(this,U,t),s(this,e,K).call(this)}get labels(){return u(this,U)||[]}set stepNumber(t){this.type==="step"?parseInt(t)>0&&this.setAttribute(a.STEP_NUMBER,t):this.removeAttribute(a.STEP_NUMBER),s(this,e,V).call(this)}get stepNumber(){let t=this.getAttribute(a.STEP_NUMBER);return(t?parseInt(t,10):0)+2}set stepInterval(t){parseInt(t.toString())>0?(this.setAttribute(a.STEP_INTERVAL,t.toString()),this.stepNumber=Math.ceil((this.max-this.min)/parseInt(t.toString(),10)-1)):(this.removeAttribute(a.STEP_INTERVAL),this.stepNumber=2),s(this,e,V).call(this)}get stepInterval(){return Number(this.getAttribute(a.STEP_INTERVAL))||"auto"}set percentSecondary(t){g(this,L,Number(t)),s(this,e,R).call(this),s(this,e,_).call(this,s(this,e,w).call(this,u(this,L)),"secondary")}get percentSecondary(){return Number.isNaN(u(this,L))||typeof u(this,L)>"u"||u(this,L)===null||u(this,L)===""?(this.valueSecondary-this.min)/(this.max-this.min)*100:u(this,L)}set percent(t){g(this,T,Number(t)),s(this,e,R).call(this),s(this,e,_).call(this,s(this,e,w).call(this,u(this,T)))}get percent(){return Number.isNaN(u(this,T))||typeof u(this,T)>"u"||u(this,T)===null||u(this,T)===""?(this.value-this.min)/(this.max-this.min)*100:u(this,T)}set valueSecondary(t){if(this.readonly||this.disabled)return;let i=s(this,e,Z).call(this,t,!0);this.setAttribute(a.VALUE_SECONDARY,`${i}`),this.percentSecondary=(i-this.min)/(this.max-this.min)*100,this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUENOW,`${i}`),this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUETEXT,`${i}`),this.type==="range"&&this.thumbDraggable?.setAttribute(d.ARIA_VALUEMIN,`${i}`),s(this,e,_).call(this,i,"secondary"),s(this,e,v).call(this,"secondary"),s(this,e,C).call(this,i,"secondary")}get valueSecondary(){let t=this.getAttribute(a.VALUE_SECONDARY);return t===null||t===""||Number.isNaN(t)?this.max:parseFloat(this.getAttribute(a.VALUE_SECONDARY)??"")}set value(t){if(this.readonly||this.disabled)return;let i=s(this,e,Z).call(this,t);this.setAttribute(a.VALUE,`${i}`),this.percent=(i-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(d.ARIA_VALUENOW,`${i}`),this.thumbDraggable?.setAttribute(d.ARIA_VALUETEXT,`${i}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUEMIN,`${i}`),s(this,e,_).call(this,i,"primary"),s(this,e,v).call(this,"primary"),s(this,e,C).call(this,i,"primary")}get value(){let t=this.getAttribute(a.VALUE);return t===null||t===""||Number.isNaN(t)?this.min:parseFloat(this.getAttribute(a.VALUE)??"")}set min(t){let i=parseFloat(t);i>=this.max||i===null||i===""||Number.isNaN(i)?this.setAttribute(a.MIN,String(X)):this.setAttribute(a.MIN,i),s(this,e,tt).call(this)}get min(){return parseFloat(this.getAttribute(a.MIN)??"")||X}set max(t){let i=parseFloat(t);i<=this.min||i===null||i===""||Number.isNaN(i)?this.setAttribute(a.MAX,String(this.min+j)):this.setAttribute(a.MAX,i),s(this,e,tt).call(this)}get max(){let t=parseFloat(this.getAttribute(a.MAX)??"");return t<=this.min||t===null||t===""||Number.isNaN(t)?j:t}set type(t){t&&["step","range","single"].includes(t)?this.setAttribute(a.TYPE,t):this.setAttribute(a.TYPE,W),this.container?.classList[t==="range"?"add":"remove"]("range")}get type(){return this.getAttribute(a.TYPE)||W}set showTooltip(t){O(t)?this.setAttribute(a.TOOLTIP,`${t}`):this.removeAttribute(a.TOOLTIP)}get showTooltip(){return this.hasAttribute(a.TOOLTIP)}set color(t){this.setAttribute(a.COLOR,t),s(this,e,H).call(this)}get color(){return this.getAttribute(a.COLOR)||""}};E=new WeakMap,k=new WeakMap,D=new WeakMap,U=new WeakMap,x=new WeakMap,N=new WeakMap,T=new WeakMap,L=new WeakMap,e=new WeakSet,G=function(){this.vertical?(this.thumbDraggable?.setAttribute(d.ARIA_ORIENTATION,"vertical"),this.thumbDraggable?.setAttribute("axis","y"),this.thumbDraggableSecondary?.setAttribute("axis","y"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(d.ARIA_ORIENTATION,"vertical"),this.container?.classList.add("vertical"),this.slider?.classList.add("vertical"),this.progressTrack?.classList.add("vertical"),this.track?.classList.add("vertical"),this.trackArea?.classList.add("vertical"),this.tickContainer?.classList.add("vertical"),this.tooltip?.classList.add("vertical"),this.type==="range"&&this.tooltipSecondary?.classList.add("vertical"),this.tooltipPin?.classList.add("vertical"),this.type==="range"&&this.tooltipPinSecondary?.classList.add("vertical")):(this.thumbDraggable?.setAttribute(d.ARIA_ORIENTATION,"horizontal"),this.thumbDraggable?.setAttribute("axis","x"),this.thumbDraggableSecondary?.setAttribute("axis","x"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(d.ARIA_ORIENTATION,"horizontal"))},_=function(t,i){let r=this.tooltipText,o="primary";i==="secondary"&&(r=this.tooltipTextSecondary,o="secondary");let n=!1;for(let c=0;c<this.ticks.length;c++)if(this.ticks[c].element.innerHTML.indexOf(".")>-1||this.ticks[c].element.innerHTML.indexOf(",")>-1){n=!0;break}let l=this.type==="step"&&n?String(Number(t).toFixed(2)):String(Number(t).toFixed(0));r&&(r.innerHTML=l),this.type!=="step"&&s(this,e,p).call(this,!1,o)},R=function(){if(this.type!=="range")this.slider?.style.setProperty("--percentStart","0"),this.slider?.style.setProperty("--percentEnd",String(this.percent));else{let t=Math.min(this.percent,this.percentSecondary),i=Math.max(this.percent,this.percentSecondary);if(this.slider?.style.setProperty("--percentStart",String(t)),this.slider?.style.setProperty("--percentEnd",String(i)),u(this,E)){let{TOP:r,BOTTOM:o,LEFT:n,RIGHT:l}=u(this,E),c=this.vertical?o:n,h=this.vertical?r:l,y=s(this,e,J).call(this,c,h,t,!1);(this.vertical||this.isRTL)&&(y*=-1);let A=this.vertical?`translate(0, ${y}px)`:`translate(${y}px, 0)`;this.progressTrack?.style.setProperty("transform",A)}}},K=function(){if(this.type!=="step")return;let t=this.labels,i=t?.length||0,r=this.stepNumber;if(i===r){let o=this.container?.querySelectorAll(".label")||[],n=o.length||0,l=this.container?.querySelectorAll(".tick")||[];if(o&&n!==r){let c=Math.abs(r-n),h=this.disabled?"":" label";for(let m=0;m<c;m++)l&&o&&n<r&&l[l.length-1-m]?.insertAdjacentHTML("afterbegin",`<ids-text${h} class="label"></ids-text>`);o=this.container?.querySelectorAll(".label")||[]}t&&i===n&&o?.forEach((c,h)=>{let m=this.vertical?t[i-1-h]:t[h];t[0].text&&(m=this.vertical?t[i-1-h].text:t[h].text),c.innerHTML=m,this.vertical&&c?.classList.add("vertical")})}else this.container?.querySelectorAll(".label")?.forEach(n=>{n.innerHTML=""})},ut=function(){let t=[],i=(this.max-this.min)/(this.stepNumber-1);for(let r=0;r<this.stepNumber;r++)t.push(Number((this.min+r*i).toFixed(1)).toString());return t},V=function(){if(this.type==="step"){if(this.stepNumber>=2){let t=this.container?.querySelectorAll(".tick").length??0;if(t!==this.stepNumber){let i=Math.abs(t-this.stepNumber);for(let r=0;r<i;r++)t>this.stepNumber?this.container?.querySelector(".tick")?.remove():this.container?.querySelector(".tick:last-child")?.insertAdjacentHTML("afterend",'<span class="tick"></span>')}}this.labels=s(this,e,ut).call(this)}},Z=function(t,i){let r=parseFloat(t);if(r<=this.min)return this.min;if(r>=this.max)return this.max;if(this.type==="range"){if(!i&&r>=this.valueSecondary)return this.valueSecondary;if(i&&r<=this.value)return this.value}return r},C=function(t,i){this.triggerEvent("change",this,{bubbles:!0,detail:{elem:i==="secondary"?this.thumbSecondaryDraggable:this.thumbDraggable,percent:i==="secondary"?this.percentSecondary:this.percent,value:t}})},bt=function(){return!this.readonly&&!this.disabled},H=function(){let t;s(this,e,bt).call(this)&&(t=this.color);let i=this.container?.querySelectorAll(".tick")||[];if(t){let r=t;t.substring(0,1)!=="#"&&(r=nt(t));let o=at(r,.1);i?.forEach(n=>{n?.style.setProperty("background-color",r),n?.children[0]?.setAttribute("label","")}),this.thumb?.style.setProperty("background-color",r),this.thumbShadow?.style.setProperty("background-color",o),this.thumbShadow?.style.setProperty("border",`1px ${r} solid`),this.progressTrack?.style.setProperty("background-color",r),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.setProperty("background-color",o),this.thumbShadowSecondary?.style.setProperty("border",`1px ${r} solid`),this.thumbSecondary?.style.setProperty("background-color",r))}else i?.forEach(r=>{r?.style.removeProperty("background-color"),this.readonly?r.children[0]?.setAttribute("label",""):r.children[0]?.removeAttribute("label")}),this.thumb?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("border"),this.progressTrack?.style.removeProperty("background-color"),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.removeProperty("background-color"),this.thumbShadowSecondary?.style.removeProperty("border"),this.thumbSecondary?.style.removeProperty("background-color"))},p=function(t,i){this.showTooltip||(t=!0),i==="secondary"&&this.tooltipSecondary?this.tooltipSecondary.style.setProperty("opacity",t?"0":"1"):this.tooltip?.style.setProperty("opacity",t?"0":"1")},S=function(t,i){let r=this.thumbShadow;i==="secondary"&&this.thumbShadowSecondary&&(r=this.thumbShadowSecondary),t?r?.classList.remove("active"):r?.classList.add("active")},$=function(t,i){s(this,e,q).call(this);let{TOP:r,BOTTOM:o,LEFT:n,RIGHT:l}=u(this,E),c=this.vertical?i:t,h=this.isRTL?l:n,m=this.isRTL?n:l,y=this.vertical?o:h,A=this.vertical?r:m;return s(this,e,mt).call(this,c,y,A)},F=function(t,i,r,o){if(this.type!=="step"){let n=r??s(this,e,w).call(this,s(this,e,$).call(this,t,i)),l=this.vertical?this.thumbDraggable?.getBoundingClientRect().y:this.thumbDraggable?.getBoundingClientRect().x,c=this.thumbDraggable,h="value";if(this.type==="range"){let m=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,y=this.vertical?i:t;Math.abs(y-(l??NaN))>Math.abs(y-(m??NaN))&&(c=this.thumbDraggableSecondary,h="valueSecondary",o="secondary"),o==="primary"&&n>this.valueSecondary?n=this.valueSecondary-1:o==="secondary"&&n<this.value&&(n=this.value+1)}n!==this[h]?this[h]=n:(s(this,e,v).call(this,o),s(this,e,C).call(this,n,o)),c?.focus()}else{let l=(this.max-this.min)/(this.stepNumber-1)/2,c=r||s(this,e,w).call(this,s(this,e,$).call(this,t,i)),h=this.ticks[0].value,m=Math.abs(this.ticks[0].value-c);for(let y=1;y<this.ticks.length;y++){let A=this.ticks[y].value,I=Math.abs(A-c);I<m&&I<=l&&(h=A,m=I)}this.percent=(h-this.min)/(this.max-this.min)*100,h!==this.value?this.value=h:(s(this,e,v).call(this,"primary"),s(this,e,C).call(this,h,"primary")),this.thumbDraggable?.focus()}},v=function(t){s(this,e,q).call(this);let i=this.thumbDraggable,r=this.percent;t==="secondary"&&this.type==="range"&&(i=this.thumbDraggableSecondary,r=this.percentSecondary);let{TOP:o,BOTTOM:n,LEFT:l,RIGHT:c}=u(this,E),h=this.vertical?n:l,m=this.vertical?o:c,A=s(this,e,J).call(this,h,m,r,!0);(this.vertical||this.isRTL)&&(A*=-1);let I=this.vertical?`translate(0, ${A}px)`:`translate(${A}px, 0)`;i?.style.setProperty("transform",I)},w=function(t){return t/100*(this.max-this.min)+this.min},J=function(t,i,r,o){let n=Math.abs(i-t)-(this.thumbDraggable?.clientWidth||0),l=r/100*n;return l=o?l-n/2:l,l},mt=function(t,i,r){let o=this.thumbDraggable?.clientWidth??NaN,n=0,l=Math.abs(i-r)-o/2,c=Math.abs(t-r),h=Math.abs(t-i);return c>l?n=0:h>l?n=100:n=(h-o/2)/(l-o/2)*100,n},gt=function(){s(this,e,vt).call(this),s(this,e,et).call(this),this.type==="range"&&s(this,e,et).call(this,"secondary"),s(this,e,St).call(this),s(this,e,ft).call(this),s(this,e,At).call(this)},yt=function(){if(!this.trackArea)return dt;let t=this.trackArea.getBoundingClientRect(),i=t.left+window.scrollX,r=t.top+window.scrollY,o=i+this.trackArea.clientWidth,n=r+this.trackArea.clientHeight;return{LEFT:i,RIGHT:o,TOP:r,BOTTOM:n}},M=function(t){this.container?.classList[t?"add":"remove"]("animated")},Q=function(){if(s(this,e,R).call(this),s(this,e,v).call(this),this.type==="range"&&s(this,e,v).call(this,"secondary"),s(this,e,H).call(this),this.firstTick&&this.lastTick){let t=this.vertical?this.firstTick:this.lastTick,i=this.vertical?this.lastTick:this.firstTick;i.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.min}</ids-text>`,t.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.max}</ids-text>`}},tt=function(){s(this,e,V).call(this),s(this,e,Q).call(this)},pt=function(){this.setAttribute(d.ROLE,"none"),this.thumbDraggable?.setAttribute(d.ROLE,"slider"),this.thumbDraggable?.setAttribute(d.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggable?.setAttribute(d.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggable?.setAttribute(d.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggable?.setAttribute(d.ARIA_VALUENOW,`${this.value}`),this.thumbDraggable?.setAttribute(d.ARIA_VALUETEXT,`${this.value}`),this.thumbDraggable?.setAttribute(d.ARIA_LABEL,`${this.label}`),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(d.ROLE,"slider"),this.thumbDraggableSecondary?.setAttribute(d.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUENOW,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(d.ARIA_VALUETEXT,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(d.ARIA_LABEL,`${this.labelSecondary}`))},q=function(){g(this,E,s(this,e,yt).call(this))},vt=function(){let t=new ResizeObserver(i=>{for(let r of i)r.contentBoxSize&&(s(this,e,q).call(this),s(this,e,R).call(this),s(this,e,v).call(this),this.type==="range"&&s(this,e,v).call(this,"secondary"))});this.trackArea&&t.observe(this.trackArea)},At=function(){this.onEvent("click",this.container,t=>{if(this.disabled||this.readonly)return;let i=t.target.className,r=i.includes("ids-slider"),o=i.includes("label"),n=i.includes("track-area");if(r||o||n)if(n||r)s(this,e,F).call(this,t.clientX,t.clientY);else{let l=parseFloat(t.target.innerHTML);if(Number.isNaN(l)){let c=Array.from(t.target.parentElement.parentNode.children).indexOf(t.target.parentElement);l=this.vertical?this.labels[this.labels.length-1-c].value:this.labels[c].value}s(this,e,F).call(this,t.clientX,t.clientY,l)}}),this.onEvent("click",document,t=>{t.target!==this&&!this.disabled&&(s(this,e,p).call(this,!0),this.type==="range"&&s(this,e,p).call(this,!0,"secondary"))})},et=function(t){let i=this.type==="range"&&t==="secondary",r={thumbDraggable:i?this.thumbDraggableSecondary:this.thumbDraggable,thumbDraggableOther:i?this.thumbDraggable:this.thumbDraggableSecondary,primaryOrSecondary:i?"secondary":"primary",valueAttribute:i?"valueSecondary":"value",percentAttribute:i?"percentSecondary":"percent"},o=()=>{r.thumbDraggableOther&&(r.thumbDraggableOther?.style.setProperty("z-index","50"),r.thumbDraggable?.style.setProperty("z-index","51"))};this.onEvent("drag",r.thumbDraggable,n=>{this.type!=="step"&&s(this,e,p).call(this,!1);let[l,c]=[n.detail.mouseX,n.detail.mouseY],h=s(this,e,$).call(this,l,c);this.type==="range"&&o(),this[r.percentAttribute]=h,this.triggerEvent("ids-slider-drag",this,{bubbles:!0,detail:{elem:r.thumbDraggable,mouseX:n.detail.mouseX,mouseY:n.detail.mouseY,percent:h,value:s(this,e,w).call(this,h)}})}),this.onEvent("dragstart",r.thumbDraggable,()=>{s(this,e,M).call(this,!1),s(this,e,S).call(this,!0,r.primaryOrSecondary),s(this,e,S).call(this,!0,r.primaryOrSecondary==="secondary"?"primary":"secondary")}),this.onEvent("dragend",r.thumbDraggable,n=>{s(this,e,M).call(this,!0),r.thumbDraggable?.focus();let l=r.primaryOrSecondary==="secondary"?this.percentSecondary:this.percent*(this.max-this.min)/100;this.type==="step"&&(l=void 0),this.vertical||s(this,e,F).call(this,n.detail.mouseX,n.detail.mouseY,l,r.primaryOrSecondary),s(this,e,S).call(this,!1,r.primaryOrSecondary)})},ft=function(){this.onEvent("keydown",this,t=>{if(!(this.readonly||this.disabled)&&(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&s(this,e,M).call(this,!1)),t.target.name==="ids-slider")){let i="";switch(this.type==="range"&&this.thumbShadowSecondary?.classList.contains("active")&&(i="secondary"),t.key){case"ArrowUp":s(this,e,z).call(this,i);break;case"ArrowDown":s(this,e,Y).call(this,i);break;case"ArrowRight":this.isRTL?s(this,e,Y).call(this,i):s(this,e,z).call(this,i);break;case"ArrowLeft":this.isRTL?s(this,e,z).call(this,i):s(this,e,Y).call(this,i);break;default:break}}}),this.onEvent("keyup",this,t=>{this.readonly||this.disabled||["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&s(this,e,M).call(this,!0))})},St=function(){this.onEvent("mouseenter",this,()=>{g(this,N,!0)}),this.onEvent("mouseleave",this,()=>{g(this,N,!1)}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){s(this,e,p).call(this,!1);let i=t.target instanceof HTMLElement&&t.target;i&&i?.classList.contains("secondary")?(s(this,e,S).call(this,!1,"secondary"),s(this,e,S).call(this,!0,"primary")):(s(this,e,S).call(this,!1,"primary"),this.type==="range"&&s(this,e,S).call(this,!0,"secondary")),this.type==="range"&&s(this,e,p).call(this,!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!u(this,N)&&(s(this,e,p).call(this,!0),s(this,e,S).call(this,!0,"primary"),this.type==="range"&&(s(this,e,p).call(this,!0,"secondary"),s(this,e,S).call(this,!0,"secondary")))})},Y=function(t){switch(this.type){case"step":this.value-=(this.max-this.min)/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.max(Math.ceil(this.valueSecondary)-1,this.value):this.value=Math.max(Math.ceil(this.value)-1,this.min);break;default:this.value=Math.ceil(this.value)-1}},z=function(t){switch(this.type){case"step":this.value=Math.min(this.max,Math.max(this.min,this.value+(this.max-this.min)/(this.stepNumber-1)));break;case"range":t==="secondary"?this.valueSecondary=Math.min(Math.ceil(this.valueSecondary)+1,this.max):this.value=Math.min(Math.ceil(this.value)+1,this.valueSecondary);break;default:this.value=Math.ceil(this.value)+1}},B=it([st("ids-slider"),rt(ct)],B);export{B as a};

package/chunks/{ids-chunk-AIPG3ZCK.js → ids-chunk-2GKNKSIF.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-XDGYUGXP.js";import{a as f}from"./ids-chunk-776GZ2XO.js";import{a as S}from"./ids-chunk-VEO6QETS.js";import{a as N}from"./ids-chunk-U4K5B3VN.js";import{a as E,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as D}from"./ids-chunk-W3LDHTW6.js";import{e as n,f as h}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-TFRXZ5TN.js";import{a as p,b as u,d as m,f as r}from"./ids-chunk-ZMMCFAAI.js";var I=`/* Ids Pager Button Component */
+import{a as d}from"./ids-chunk-XDGYUGXP.js";import{a as f}from"./ids-chunk-6XBEUOKL.js";import{a as S}from"./ids-chunk-MS7HKMWQ.js";import{a as N}from"./ids-chunk-X7Q3UPBV.js";import{a as D}from"./ids-chunk-MMNXUPFY.js";import{a as E,b as c}from"./ids-chunk-XE4WFW5M.js";import{e as n,f as h}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-MNUN2C3Z.js";import{a as p,b as u,d as m,f as r}from"./ids-chunk-ZMMCFAAI.js";var I=`/* Ids Pager Button Component */
 :host(ids-pager-button) {
   display: inline-flex;
 }`;var T=S(f(N(D))),i,l,L,g,A,o,b=class extends T{constructor(){super();m(this,i);u(this,"DEFAULT_PAGE_SIZE",10);u(this,"rootNode");u(this,"button");u(this,"icon")}template(){let e=this.type;return`<ids-button

package/chunks/{ids-chunk-VTNPTQOP.js → ids-chunk-2HUJ6GI5.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./ids-chunk-U4K5B3VN.js";import{a as n,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-W3LDHTW6.js";import{e as o}from"./ids-chunk-Y6KVKFJX.js";import{a as r}from"./ids-chunk-TFRXZ5TN.js";import{a as d,d as b,f as g}from"./ids-chunk-ZMMCFAAI.js";var A=`/* Ids Progress Bar */
+import{a as c}from"./ids-chunk-X7Q3UPBV.js";import{a as p}from"./ids-chunk-MMNXUPFY.js";import{a as n,b as u}from"./ids-chunk-XE4WFW5M.js";import{e as o}from"./ids-chunk-Y6KVKFJX.js";import{a as r}from"./ids-chunk-MNUN2C3Z.js";import{a as d,d as b,f as g}from"./ids-chunk-ZMMCFAAI.js";var A=`/* Ids Progress Bar */
 :host-context(ids-data-grid-cell) {
   margin: var(--ids-progress-bar-grid-cell-margin);
 }

package/chunks/ids-chunk-2IUAYXCI.js

@@ -0,0 +1,49 @@
+import{a as E}from"./ids-chunk-DDWVZTCL.js";import{a as x}from"./ids-chunk-MS7HKMWQ.js";import{a as _}from"./ids-chunk-X7Q3UPBV.js";import{a as v}from"./ids-chunk-MMNXUPFY.js";import{a as L,b as O}from"./ids-chunk-XE4WFW5M.js";import{g as S}from"./ids-chunk-OMFK6E5W.js";import{a as C,e as g}from"./ids-chunk-Y6KVKFJX.js";import{a as r}from"./ids-chunk-MNUN2C3Z.js";import{a as D,c,d as f,f as d}from"./ids-chunk-ZMMCFAAI.js";var y=`/* Ids Tree 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);
+  }
+}
+:host {
+  display: inline-block;
+}
+
+.ids-tree {
+  list-style-type: none;
+  margin-bottom: var(--ids-space-4xs);
+  display: inline-block;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding-inline-start: 0;
+}
+.ids-tree ids-badge::part(badge) {
+  border-width: var(--ids-border-width-none);
+  margin: 0;
+  margin-inline-end: 8px;
+}
+.ids-tree ::slotted(ids-badge) {
+  align-self: center;
+}
+
+ids-badge::part(badge) {
+  border-width: var(--ids-border-width-none);
+  margin: 0;
+  margin-inline-end: 8px;
+}
+
+::slotted(ids-badge) {
+  align-self: center;
+}`;var q=x(_(v)),a,b,i,p,N,h,P,G,I,w,X,R,k,T,m,u=class extends q{constructor(){super();f(this,i);f(this,a,{old:null,current:null,selectedOld:null,selectedCurrent:null});f(this,b,[]);this.state={}}connectedCallback(){super.connectedCallback(),d(this,i,R).call(this)}static get attributes(){return[...super.attributes,r.COLLAPSE_ICON,r.DISABLED,r.EXPAND_ICON,r.EXPANDED,r.ICON,r.LABEL,r.SELECTABLE,r.SHOW_EXPAND_AND_TOGGLE_ICONS,r.TOGGLE_COLLAPSE_ICON,r.TOGGLE_EXPAND_ICON,r.TOGGLE_ICON_ROTATE,r.EXPAND_TARGET]}template(){let e=this.disabled?" disabled":"";return`<div class="ids-tree" part="tree" role="tree" ${`aria-label="${this.label}"`} ${e}>
+      <slot></slot>
+    </div>`}set data(e){if(Array.isArray(e)){e=d(this,i,T).call(this,e),this.redraw(e);return}this.clear()}get data(){return this.rootNodes.map(e=>e.data)}set expanded(e){let t=g(e);this.toggleAttribute(r.EXPANDED,t),d(this,i,P).call(this,o=>{o.isGroup&&o.toggleAttribute(r.EXPANDED,t)})}get expanded(){return g(this.getAttribute(r.EXPANDED))}set selectable(e){let t=`${e}`;E.SELECTABLE.indexOf(t)>-1?(t==="none"&&this.unselectAll(),this.setAttribute(r.SELECTABLE,t)):this.removeAttribute(r.SELECTABLE),d(this,i,p).call(this)}get selectable(){let e=this.getAttribute(r.SELECTABLE)??"single";return E.SELECTABLE.includes(e)?e:"single"}set icon(e){e?this.setAttribute(r.ICON,e.toString()):this.removeAttribute(r.ICON),d(this,i,h).call(this,r.ICON,!0)}get icon(){return this.getAttribute(r.ICON)??E.DEFAULTS.icon}set collapseIcon(e){e?this.setAttribute(r.COLLAPSE_ICON,e.toString()):this.removeAttribute(r.COLLAPSE_ICON),d(this,i,h).call(this,r.COLLAPSE_ICON)}get collapseIcon(){return this.getAttribute(r.COLLAPSE_ICON)??E.DEFAULTS.collapseIcon}set expandTarget(e){e?this.setAttribute(r.EXPAND_TARGET,`${e}`):this.removeAttribute(r.EXPAND_TARGET),d(this,i,h).call(this,r.EXPAND_TARGET)}get expandTarget(){return this.getAttribute(r.EXPAND_TARGET)||"node"}set expandIcon(e){e?this.setAttribute(r.EXPAND_ICON,e.toString()):this.removeAttribute(r.EXPAND_ICON),d(this,i,h).call(this,r.EXPAND_ICON)}get expandIcon(){return this.getAttribute(r.EXPAND_ICON)??E.DEFAULTS.expandIcon}set disabled(e){let t=g(e);this.toggleAttribute(r.DISABLED,t),this.container?.toggleAttribute(r.DISABLED,t),this.rootNodes.forEach(o=>o.toggleAttribute(r.DISABLED,t))}get disabled(){return g(this.getAttribute(r.DISABLED))}get rootNodes(){return[...this.querySelectorAll(":scope > ids-tree-node")]}get treeNodes(){return[...this.querySelectorAll("ids-tree-node")]}get nodesData(){return this.treeNodes}set label(e){e?(this.setAttribute(r.LABEL,e.toString()),this.container?.setAttribute("aria-label",e.toString())):(this.removeAttribute(r.LABEL),this.container?.setAttribute("aria-label",E.TREE_ARIA_LABEL))}get label(){return this.getAttribute(r.LABEL)||E.TREE_ARIA_LABEL}get isMultiSelect(){return this.selectable==="multiple"}set showExpandAndToggleIcons(e){let t=g(e);this.toggleAttribute(r.SHOW_EXPAND_AND_TOGGLE_ICONS,t),d(this,i,h).call(this,r.SHOW_EXPAND_AND_TOGGLE_ICONS,!0)}get showExpandAndToggleIcons(){return g(this.getAttribute(r.SHOW_EXPAND_AND_TOGGLE_ICONS))}set toggleCollapseIcon(e){e?this.setAttribute(r.TOGGLE_COLLAPSE_ICON,e.toString()):this.removeAttribute(r.TOGGLE_COLLAPSE_ICON),d(this,i,h).call(this,r.TOGGLE_COLLAPSE_ICON)}get toggleCollapseIcon(){return this.getAttribute(r.TOGGLE_COLLAPSE_ICON)||E.DEFAULTS.toggleCollapseIcon}set toggleExpandIcon(e){e?this.setAttribute(r.TOGGLE_EXPAND_ICON,e.toString()):this.removeAttribute(r.TOGGLE_EXPAND_ICON),d(this,i,h).call(this,r.TOGGLE_EXPAND_ICON)}get toggleExpandIcon(){return this.getAttribute(r.TOGGLE_EXPAND_ICON)||E.DEFAULTS.toggleExpandIcon}set toggleIconRotate(e){this.toggleAttribute(r.TOGGLE_ICON_ROTATE,g(e)),d(this,i,h).call(this,r.TOGGLE_ICON_ROTATE)}get toggleIconRotate(){return g(this.getAttribute(r.TOGGLE_ICON_ROTATE))}get selected(){return this.selectable==="multiple"?[...this.querySelectorAll("ids-tree-node[selected]")]:this.treeNodes.find(e=>e.selected)??null}set beforeExpanded(e){this.state.beforeExpanded=e}get beforeExpanded(){return this.state.beforeExpanded}set afterExpanded(e){this.state.afterExpanded=e}get afterExpanded(){return this.state.afterExpanded}collapseAll(){this.treeNodes.filter(e=>e.isGroup).forEach(e=>e.toggleAttribute(r.EXPANDED,!1))}expandAll(){this.treeNodes?.filter(e=>e.isGroup).forEach(e=>e.toggleAttribute(r.EXPANDED,!0))}collapse(e){this.getNode(e)?.toggleAttribute(r.EXPANDED,!1)}expand(e){this.getNode(e)?.toggleAttribute(r.EXPANDED,!0)}toggle(e){let t=this.getNode(e);t?.toggleAttribute(r.EXPANDED,!t.expanded)}select(e){this.getNode(e)?.toggleAttribute(r.SELECTED,!0)}unselect(e){this.getNode(e)?.toggleAttribute(r.SELECTED,!1)}unselectAll(){this.treeNodes.forEach(e=>e.toggleAttribute(r.SELECTED,!1))}getAllChildNodes(e){return[...e.querySelectorAll("ids-tree-node")]}isSelected(e){return!!this.getNode(e)?.selected}getNode(e){return this.treeNodes.find(t=>t.matches(e))??null}addNodes(e,t,o){let n=e.map(s=>d(this,i,m).call(this,s));switch(t){case"top":n.forEach(s=>this.insertAdjacentElement("afterbegin",s));break;case"before":n.forEach(s=>o?.insertAdjacentElement("beforebegin",s));break;case"after":n.forEach(s=>o?.insertAdjacentElement("afterend",s));break;case"child":n.forEach(s=>o?.insertAdjacentElement("beforeend",s)),o?.toggleAttribute(r.EXPANDED,!0),o?.style.setProperty("max-height","max-content");break;case"bottom":default:n.forEach(s=>this.insertAdjacentElement("beforeend",s))}}removeNode(e){let t=this.getNode(e);t&&(this.getNode(e)?.remove(),this.triggerEvent("noderemoved",this,{detail:{elem:this,node:t}}))}updateNode(e,t){let o=this.getNode(e);o&&(o.data=t,this.triggerEvent("nodeupdated",this,{detail:{elem:this,node:o}}))}clear(){this.rootNodes.forEach(e=>e.remove())}redraw(e=[]){this.clear(),e.forEach(t=>{let o=d(this,i,m).call(this,t);this.insertAdjacentElement("beforeend",o)})}};a=new WeakMap,b=new WeakMap,i=new WeakSet,p=function(){let e=this.selectable;this.rootNodes.forEach(t=>t.setAttribute(r.SELECTABLE,e))},N=function(e){!e||e===c(this,a).current||(c(this,a).old=c(this,a).current,c(this,a).current=e,c(this,a).current.setFocus())},h=function(e,t){this.treeNodes.forEach(o=>{let n=o.getAttribute(e),s=this[C(e)];s===null?o.removeAttribute(e):(t||n!==s)&&o.setAttribute(e,s?.toString())})},P=function(e){this.querySelectorAll("ids-tree-node").forEach(t=>{e(t)})},G=function(e,t){let o=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],n={next:s=>{let l=d(this,i,I).call(this,s);l&&d(this,i,N).call(this,l)},previous:s=>{let l=d(this,i,X).call(this,s);l&&d(this,i,N).call(this,l)},forward:s=>{if(s.isGroup)if(s.expanded){let l=d(this,i,w).call(this,s);d(this,i,N).call(this,l)}else s.toggleAttribute(r.EXPANDED,!0)},backward:s=>{if(s.isGroup&&s.expanded)s.toggleAttribute(r.EXPANDED,!1);else if(s.level>1){let l=s.parentElement;d(this,i,N).call(this,l)}}};if(o.includes(t)){let s=e,l=this.localeAPI.isRTL();t==="ArrowDown"?n.next(s):t==="ArrowUp"?n.previous(s):t==="ArrowRight"?n[l?"backward":"forward"](s):t==="ArrowLeft"&&n[l?"forward":"backward"](s)}},I=function(e,t=!1){if(!t&&e.expanded&&e.hasChildren){let n=e.slottedTreeNodes.find(s=>!s.disabled);if(n)return n}let o=S(e,"ids-tree-node:not([disabled])");return o||(e.parentElement?.nodeName==="IDS-TREE-NODE"?d(this,i,I).call(this,e.parentElement,!0):null)},w=function(e){let t=[...c(this,b)].splice(e.idx+1),o=t.findIndex(n=>n.level===e.level);return o>0&&(t=t.splice(0,o).filter(n=>n.level===e.level+1)),t.find(n=>!n.elem.disabled)},X=function(e){let t=[...this.querySelectorAll("ids-tree-node")],o=t.indexOf(e);return t[0]!==e?[...t].slice(0,o).reverse().find(n=>{if(n.level>e.level){let s=n.parentElement;if(s?.nodeName==="IDS-TREE-NODE"&&!s?.expanded)return s===n}return!n.disabled}):t[0]},R=function(){this.offEvent("keydown.tree-node",this),this.onEvent("keydown.tree-node",this,t=>{t.preventDefault(),t.stopPropagation();let o=t.composedPath().find(n=>n.nodeName==="IDS-TREE-NODE");o.disabled||d(this,i,G).call(this,o,t.code)}),this.offEvent("keyup.tree",this.container),this.onEvent("keyup.tree",this.container,t=>{let o=["Space","Enter"],n=t.code,s=t.composedPath().find(l=>l.nodeName==="IDS-TREE-NODE");o.indexOf(n)>-1&&(t.preventDefault(),t.stopPropagation(),s.handleClickEvent(t,n==="Space"))});let e=this.container?.querySelector("slot");this.offEvent("slotchange.tree-root",e),this.onEvent("slotchange.tree-root",e,()=>{d(this,i,p).call(this),d(this,i,k).call(this,this.rootNodes),c(this,a).selectedCurrent=this.treeNodes.find(t=>t.selected)??null}),this.offEvent("expandready",this),this.onEvent("expandready",this,async t=>{if(this.state.beforeExpanded){let o=t.detail.node,n=await this.state.beforeExpanded({elem:this,node:o});n&&this.addNodes(n,"child",o),t.detail.onReady();return}t.detail.onReady()}),this.offEvent("selected.tree-node",this),this.onEvent("selected.tree-node",this,t=>{this.selectable==="single"&&(c(this,a).selectedOld=c(this,a).selectedCurrent,c(this,a).selectedCurrent=t.detail.node,c(this,a).selectedOld?.toggleAttribute(r.SELECTED,!1))})},k=function(e){e.forEach((t,o)=>{let n=t.getAttribute("aria-level");t.setAttribute("aria-level","1"),t.setAttribute("aria-setsize",String(e.length)),t.setAttribute("aria-posinset",String(o+1)),n&&n!=="1"&&t.updateTreeArias()})},T=function(e){let t=this.icon,o=this.expandIcon,n=this.collapseIcon,s=this.toggleExpandIcon,l=this.toggleCollapseIcon,B=this.showExpandAndToggleIcons;return e.forEach(A=>{A.showExpandAndToggleIcons??=B,A.toggleCollapseIcon??=l,A.toggleExpandIcon??=s,A.collapseIcon??=n,A.expandIcon??=o,A.icon??=t,A.children?.length&&d(this,i,T).call(this,A.children)}),e},m=function(e){let t=document.createElement("ids-tree-node");return t.setAttribute("aria-level","1"),t.data=e,t},u=D([L("ids-tree"),O(y)],u);export{u as a};

package/chunks/{ids-chunk-CPJH5BUI.js → ids-chunk-2TCAEEAP.js}

@@ -1 +1 @@
-import{a as n}from"./ids-chunk-XOOJFPYY.js";import{a as r}from"./ids-chunk-TFRXZ5TN.js";var c=["editor","source"],A=["p","div","br"],i=["h1","h2","h3","h4","h5","h6"],s=[...i,"p","div","blockquote","pre"],l=["1","2","3","4","5","6","7"],E={hidden:"hidden",labelRequired:"no-required-indicator"},S=s.reduce((t,e)=>(t[e]={action:"formatBlock",value:e,keyid:i.includes(e)?`Digit${e.replace("h","")}|alt`:void 0},t),{}),R=l.reduce((t,e)=>(t[e]={action:"fontSize",value:e},t),{}),T={disabled:!1,label:"Ids editor",labelHidden:!1,labelRequired:!0,modals:{hyperlink:{url:"http://www.example.com",classes:"hyperlink",targets:[{text:"Same Window",value:"_self"},{text:"New Window",value:"_blank",selected:!0}],isClickable:!1,showIsClickable:!0},insertimage:{url:"",alt:""}},paragraphSeparator:"p",pasteAsPlainText:!1,readonly:!1,sourceFormatter:!1,view:"editor"},x=[...n,r.DISABLED,r.PARAGRAPH_SEPARATOR,r.PASTE_AS_PLAIN_TEXT,r.PLACEHOLDER,r.READONLY,r.SOURCE_FORMATTER,r.VIEW,r.VALUE,r.ACCEPT];function g(t,e){return e?.querySelector(t)}function h(t,e){return Array.from(e?.querySelectorAll(t)??[])}function f(t){return`#${t.split("(")[1].split(")")[0].split(",").map(a=>{let o=parseInt(a).toString(16);return o.length===1?`0${o}`:o}).join("")}`}export{c as a,A as b,i as c,s as d,l as e,E as f,S as g,R as h,T as i,x as j,g as k,h as l,f as m};
+import{a as n}from"./ids-chunk-UVJB2DZV.js";import{a as r}from"./ids-chunk-MNUN2C3Z.js";var c=["editor","source"],A=["p","div","br"],i=["h1","h2","h3","h4","h5","h6"],s=[...i,"p","div","blockquote","pre"],l=["1","2","3","4","5","6","7"],E={hidden:"hidden",labelRequired:"no-required-indicator"},S=s.reduce((t,e)=>(t[e]={action:"formatBlock",value:e,keyid:i.includes(e)?`Digit${e.replace("h","")}|alt`:void 0},t),{}),R=l.reduce((t,e)=>(t[e]={action:"fontSize",value:e},t),{}),T={disabled:!1,label:"Ids editor",labelHidden:!1,labelRequired:!0,modals:{hyperlink:{url:"http://www.example.com",classes:"hyperlink",targets:[{text:"Same Window",value:"_self"},{text:"New Window",value:"_blank",selected:!0}],isClickable:!1,showIsClickable:!0},insertimage:{url:"",alt:""}},paragraphSeparator:"p",pasteAsPlainText:!1,readonly:!1,sourceFormatter:!1,view:"editor"},x=[...n,r.DISABLED,r.PARAGRAPH_SEPARATOR,r.PASTE_AS_PLAIN_TEXT,r.PLACEHOLDER,r.READONLY,r.SOURCE_FORMATTER,r.VIEW,r.VALUE,r.ACCEPT];function g(t,e){return e?.querySelector(t)}function h(t,e){return Array.from(e?.querySelectorAll(t)??[])}function f(t){return`#${t.split("(")[1].split(")")[0].split(",").map(a=>{let o=parseInt(a).toString(16);return o.length===1?`0${o}`:o}).join("")}`}export{c as a,A as b,i as c,s as d,l as e,E as f,S as g,R as h,T as i,x as j,g as k,h as l,f as m};

package/chunks/{ids-chunk-UEBJM6KA.js → ids-chunk-2VIUCYKK.js}

@@ -1,4 +1,4 @@
-import{a as n,c as L,f as u,i as y}from"./ids-chunk-PFQUYWH6.js";import{a as b}from"./ids-chunk-U4K5B3VN.js";import{a as h,b as S}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-W3LDHTW6.js";import{e as s}from"./ids-chunk-Y6KVKFJX.js";import{a as e}from"./ids-chunk-TFRXZ5TN.js";import{a as o,b as A,d as g,f as _}from"./ids-chunk-ZMMCFAAI.js";var O=`/* Ids Layout Grid Cell */
+import{a as n,c as L,f as u,i as y}from"./ids-chunk-3QX7PT3Z.js";import{a as b}from"./ids-chunk-X7Q3UPBV.js";import{a}from"./ids-chunk-MMNXUPFY.js";import{a as h,b as S}from"./ids-chunk-XE4WFW5M.js";import{e as s}from"./ids-chunk-Y6KVKFJX.js";import{a as e}from"./ids-chunk-MNUN2C3Z.js";import{a as o,b as A,d as g,f as _}from"./ids-chunk-ZMMCFAAI.js";var O=`/* Ids Layout Grid Cell */
 :host(.editable),
 .editable {
   position: relative;

package/chunks/{ids-chunk-G7WITU77.js → ids-chunk-2WI3UJCT.js}

@@ -1,4 +1,4 @@
-import{a as s,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-W3LDHTW6.js";import{a as e}from"./ids-chunk-ZMMCFAAI.js";var m=`/* Ids Card Action */
+import{a as r}from"./ids-chunk-MMNXUPFY.js";import{a as s,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-ZMMCFAAI.js";var m=`/* Ids Card Action */
 :host {
   margin-inline-start: auto;
 }`;var t=class extends r{constructor(){super()}template(){return"<div><slot></slot></div>"}};t=e([s("ids-card-action"),o(m)],t);export{t as a};

package/chunks/{ids-chunk-VM5JZZR6.js → ids-chunk-2ZGPPQLO.js}

@@ -1,10 +1,12 @@
-import{b as x}from"./ids-chunk-M4GREREJ.js";import{a as y}from"./ids-chunk-VEO6QETS.js";import{a as I}from"./ids-chunk-T6ZV4PDM.js";import{a as S}from"./ids-chunk-U4K5B3VN.js";import{a as f,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as T}from"./ids-chunk-W3LDHTW6.js";import{e as v,g as E}from"./ids-chunk-Y6KVKFJX.js";import{a as o}from"./ids-chunk-TFRXZ5TN.js";import{a as b,b as u,d as w,f as s}from"./ids-chunk-ZMMCFAAI.js";var A=`.ids-swaplist {
+import{b as x}from"./ids-chunk-CIOTXCS5.js";import{a as y}from"./ids-chunk-MS7HKMWQ.js";import{a as I}from"./ids-chunk-T6ZV4PDM.js";import{a as S}from"./ids-chunk-X7Q3UPBV.js";import{a as T}from"./ids-chunk-MMNXUPFY.js";import{a as f,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as v,g as E}from"./ids-chunk-Y6KVKFJX.js";import{a as o}from"./ids-chunk-MNUN2C3Z.js";import{a as b,b as u,d as w,f as s}from"./ids-chunk-ZMMCFAAI.js";var A=`.ids-swaplist {
   box-shadow: var(--ids-swaplist-shadow);
   display: flex;
   flex-direction: row;
 }
 
 .swap-buttons {
+  display: inline-flex;
+  gap: 5px;
   margin-inline-start: auto;
 }
 .swap-buttons ids-button {
@@ -118,4 +120,4 @@ ids-search-field {
             ${n.items.length>0?n.items?.map(this.itemTemplateFunc()).join(""):""}
           </ids-swappable>
         </div>
-      </ids-card>`).join("")}attachEventHandlers(){this.offEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("drop",this.container),this.onEvent("drop",this.container,()=>{s(this,e,h).call(this)}),this.unlisten("Enter"),this.listen("Enter",this.container,t=>s(this,e,l).call(this,t))}renderLists(){this.container&&(this.container.innerHTML=this.listTemplate())}template(){return'<div class="ids-swaplist"></div>'}};e=new WeakSet,C=function(t){let a=t.parentElement.parentElement.parentElement,d=a.nextSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},L=function(t){let a=t.parentElement.parentElement.parentElement,d=a.previousSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},l=function(t){t.target.classList.contains("left-arrow")?s(this,e,L).call(this,t.target):t.target.classList.contains("right-arrow")&&s(this,e,C).call(this,t.target)},m=function(){[...this.container.querySelectorAll("ids-card.list-card")].forEach(a=>{a.querySelector("ids-swappable")?.resetSearch()})},h=function(){let a=[...this.container.querySelectorAll("ids-card.list-card")].map(i=>[...i.querySelectorAll("ids-swappable-item")].map(r=>Number(r.getAttribute("data-id"))).map(r=>this.getListItemById(r)));this.data.forEach((i,d)=>{i.items=a[d]}),s(this,e,k).call(this)},k=function(){this.triggerEvent("updated",this,{detail:{data:this.data}})},c=b([f("ids-swaplist"),g(A)],c);export{c as a};
+      </ids-card>`).join("")}attachEventHandlers(){this.offEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("drop",this.container),this.onEvent("drop",this.container,()=>{s(this,e,h).call(this)}),this.unlisten("Enter"),this.listen("Enter",this.container,t=>s(this,e,l).call(this,t))}renderLists(){this.container&&this.data.length>0&&(this.container.innerHTML=this.listTemplate())}template(){return'<div class="ids-swaplist"></div>'}};e=new WeakSet,C=function(t){let a=t.parentElement.parentElement.parentElement,d=a.nextSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},L=function(t){let a=t.parentElement.parentElement.parentElement,d=a.previousSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},l=function(t){t.target.classList.contains("left-arrow")?s(this,e,L).call(this,t.target):t.target.classList.contains("right-arrow")&&s(this,e,C).call(this,t.target)},m=function(){[...this.container.querySelectorAll("ids-card.list-card")].forEach(a=>{a.querySelector("ids-swappable")?.resetSearch()})},h=function(){let a=[...this.container.querySelectorAll("ids-card.list-card")].map(i=>[...i.querySelectorAll("ids-swappable-item")].map(r=>Number(r.getAttribute("data-id"))).map(r=>this.getListItemById(r)));this.data.forEach((i,d)=>{i.items=a[d]}),s(this,e,k).call(this)},k=function(){this.triggerEvent("updated",this,{detail:{data:this.data}})},c=b([f("ids-swaplist"),g(A)],c);export{c as a};