ids-enterprise-wc 1.9.0 → 1.9.1

package/chunks/ids-chunk-EF5MS4H2.js

@@ -1,17 +0,0 @@
-import{a as c}from"./ids-chunk-3ZNIY4EY.js";import{a as l,b as r}from"./ids-chunk-W544ATNJ.js";import{a as m}from"./ids-chunk-T4CWIXQV.js";import{b as o}from"./ids-chunk-7TWTH2YZ.js";import{a,d as i,f as s}from"./ids-chunk-L5CMP5FA.js";var d=`/* Ids Menu Header Component */
-:host {
-  display: block;
-}
-
-.ids-menu-header {
-  margin-block: var(--ids-menu-header-margin);
-  padding-inline: var(--ids-menu-header-padding);
-  font-weight: var(--ids-menu-header-font-weight);
-  font-size: var(--ids-menu-header-font-size);
-  color: var(--ids-menu-header-color-text);
-  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
-  list-style: none;
-  text-align: start;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLW1lbnUiLCJzb3VyY2VzIjpbImlkcy1tZW51LWhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIE1lbnUgSGVhZGVyIENvbXBvbmVudCAqL1xuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmlkcy1tZW51LWhlYWRlciB7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0taWRzLW1lbnUtaGVhZGVyLW1hcmdpbik7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pZHMtbWVudS1oZWFkZXItcGFkZGluZyk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1pZHMtbWVudS1oZWFkZXItZm9udC13ZWlnaHQpO1xuICBmb250LXNpemU6IHZhcigtLWlkcy1tZW51LWhlYWRlci1mb250LXNpemUpO1xuICBjb2xvcjogdmFyKC0taWRzLW1lbnUtaGVhZGVyLWNvbG9yLXRleHQpO1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLWZvbnQtZmFtaWx5LWRlZmF1bHQpLCB2YXIoLS1pZHMtZm9udC1mYW1pbHktc3lzdGVtLXNhbnMpO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cbiJdfQ== */`;var n,b,t=class extends c(m){constructor(){super();i(this,n)}connectedCallback(){super.connectedCallback(),this.setAttribute(o.ROLE,"none"),s(this,n,b).call(this),this.menu&&this.decorateForIcon(this.menu.hasIcons)}static get attributes(){return[...super.attributes]}get menu(){return this.parentElement}template(){return'<div class="ids-menu-header" part="header" role="none"><slot></slot></div>'}decorateForIcon(e){this.container?.classList[e?"add":"remove"]("align-for-icons")}};n=new WeakSet,b=function(){let e=this.container.querySelector("slot");this.offEvent("slotchange",e),this.onEvent("slotchange",e,()=>{this.decorateForIcon(this.menu.hasIcons)})},t=a([l("ids-menu-header"),r(d)],t);export{t as a};
-//# sourceMappingURL=ids-chunk-EF5MS4H2.js.map

package/chunks/ids-chunk-EF5MS4H2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-menu/ids-menu-header.scss", "../../../../src/components/ids-menu/ids-menu-header.ts"],
-  "sourcesContent": ["export default `/* Ids Menu Header Component */\n:host {\n  display: block;\n}\n\n.ids-menu-header {\n  margin-block: var(--ids-menu-header-margin);\n  padding-inline: var(--ids-menu-header-padding);\n  font-weight: var(--ids-menu-header-font-weight);\n  font-size: var(--ids-menu-header-font-size);\n  color: var(--ids-menu-header-color-text);\n  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);\n  list-style: none;\n  text-align: start;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLW1lbnUiLCJzb3VyY2VzIjpbImlkcy1tZW51LWhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIE1lbnUgSGVhZGVyIENvbXBvbmVudCAqL1xuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmlkcy1tZW51LWhlYWRlciB7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0taWRzLW1lbnUtaGVhZGVyLW1hcmdpbik7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pZHMtbWVudS1oZWFkZXItcGFkZGluZyk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1pZHMtbWVudS1oZWFkZXItZm9udC13ZWlnaHQpO1xuICBmb250LXNpemU6IHZhcigtLWlkcy1tZW51LWhlYWRlci1mb250LXNpemUpO1xuICBjb2xvcjogdmFyKC0taWRzLW1lbnUtaGVhZGVyLWNvbG9yLXRleHQpO1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLWZvbnQtZmFtaWx5LWRlZmF1bHQpLCB2YXIoLS1pZHMtZm9udC1mYW1pbHktc3lzdGVtLXNhbnMpO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { htmlAttributes } from '../../core/ids-attributes';\n\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport styles from './ids-menu-header.scss';\n\n/**\n * IDS Menu Header Component\n * @type {IdsMenuHeader}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @part header - the menu header element\n */\n@customElement('ids-menu-header')\n@scss(styles)\nexport default class IdsMenuHeader extends IdsEventsMixin(IdsElement) {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(htmlAttributes.ROLE, 'none');\n    this.#attachEventHandlers();\n    if (this.menu) this.decorateForIcon((this.menu as any).hasIcons);\n  }\n\n  static get attributes() {\n    return [\n      ...super.attributes\n    ];\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement} the `IdsMenu` or `IdsPopupMenu` parent node.\n   */\n  get menu() {\n    return this.parentElement;\n  }\n\n  #attachEventHandlers() {\n    const slot = this.container!.querySelector('slot');\n    this.offEvent('slotchange', slot);\n    this.onEvent('slotchange', slot, () => {\n      this.decorateForIcon((this.menu as any).hasIcons);\n    });\n  }\n\n  template() {\n    return `<div class=\"ids-menu-header\" part=\"header\" role=\"none\"><slot></slot></div>`;\n  }\n\n  decorateForIcon(doShow: boolean) {\n    this.container?.classList[doShow ? 'add' : 'remove']('align-for-icons');\n  }\n}\n"],
-  "mappings": "4OAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;q+BCAf,IAAAC,EAAAC,EAiBqBC,EAArB,cAA2CC,EAAeC,CAAU,CAAE,CACpE,aAAc,CACZ,MAAM,EAFVC,EAAA,KAAAL,EAGE,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,aAAaM,EAAe,KAAM,MAAM,EAC7CC,EAAA,KAAKP,EAAAC,GAAL,WACI,KAAK,MAAM,KAAK,gBAAiB,KAAK,KAAa,QAAQ,CACjE,CAEA,WAAW,YAAa,CACtB,MAAO,CACL,GAAG,MAAM,UACX,CACF,CAMA,IAAI,MAAO,CACT,OAAO,KAAK,aACd,CAUA,UAAW,CACT,MAAO,4EACT,CAEA,gBAAgBO,EAAiB,CAC/B,KAAK,WAAW,UAAUA,EAAS,MAAQ,QAAQ,EAAE,iBAAiB,CACxE,CACF,EAzCAR,EAAA,YA0BEC,EAAoB,UAAG,CACrB,IAAMQ,EAAO,KAAK,UAAW,cAAc,MAAM,EACjD,KAAK,SAAS,aAAcA,CAAI,EAChC,KAAK,QAAQ,aAAcA,EAAM,IAAM,CACrC,KAAK,gBAAiB,KAAK,KAAa,QAAQ,CAClD,CAAC,CACH,EAhCmBP,EAArBQ,EAAA,CAFCC,EAAc,iBAAiB,EAC/BC,EAAKC,CAAM,GACSX",
-  "names": ["ids_menu_header_default", "_IdsMenuHeader_instances", "attachEventHandlers_fn", "IdsMenuHeader", "ids_events_mixin_default", "IdsElement", "__privateAdd", "htmlAttributes", "__privateMethod", "doShow", "slot", "__decorateClass", "customElement", "scss", "ids_menu_header_default"]
-}

package/chunks/ids-chunk-EGPRPFIA.js

@@ -1,125 +0,0 @@
-import{b as L}from"./ids-chunk-6MWQS7VQ.js";import{a as X}from"./ids-chunk-46CNAHSV.js";import{a as y}from"./ids-chunk-KH2KRY56.js";import{a as W}from"./ids-chunk-3ZNIY4EY.js";import{a as I,b as G}from"./ids-chunk-W544ATNJ.js";import{a as w}from"./ids-chunk-T4CWIXQV.js";import{e as Z,h as C}from"./ids-chunk-ZNNLOALS.js";import{a as l}from"./ids-chunk-7TWTH2YZ.js";import{a as u,b as h,d as g,f as s}from"./ids-chunk-L5CMP5FA.js";var Y=`.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 {
-  margin-inline-end: -6px;
-}
-.swap-buttons ids-button[dir=rtl].right-arrow, .swap-buttons ids-button[dir=rtl].left-arrow {
-  transform: rotate(180deg);
-}
-
-:host([searchable]) ids-card::part(header) {
-  border-block-end: none;
-}
-
-ids-swappable-item {
-  padding: var(--ids-swaplist-item-padding);
-  padding-inline-start: var(--ids-swaplist-item-padding-inline-start);
-  position: relative;
-  margin-block-end: var(--ids-swaplist-item-margin-block-end);
-  line-height: var(--ids-swaplist-item-line-height);
-}
-ids-swappable-item.is-hidden {
-  height: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-}
-
-ids-swappable-item[over] {
-  border: var(--ids-swaplist-item-over-border);
-}
-
-ids-button {
-  position: relative;
-  padding: var(--ids-swaplist-toolbar-button-padding);
-  height: var(--ids-swaplist-button-height);
-  width: var(--ids-swaplist-button-width);
-}
-ids-button::part(button) {
-  padding: var(--ids-swaplist-toolbar-button-padding);
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-ids-button::part(button):hover {
-  background-color: var(--ids-swaplist-button-color-background-hover);
-}
-
-ids-card {
-  flex: 1;
-}
-ids-card::part(card) {
-  margin-block-end: var(--ids-swaplist-card-margin-block-end);
-}
-ids-card::part(header) {
-  border-block-end: var(--ids-swaplist-border);
-}
-ids-card::part(content) {
-  height: var(--ids-swaplist-card-content-height-min);
-}
-ids-card [slot=card-content] {
-  height: 100%;
-}
-ids-card.card::part(card) {
-  border-radius: var(--ids-swaplist-card-border-radius);
-  border-inline-start-width: var(--ids-swaplist-inline-start-border-width);
-  box-shadow: var(--ids-swaplist-card-shadow);
-}
-ids-card.card:first-child::part(card) {
-  border-inline-start-width: var(--ids-swaplist-first-child-inline-start-border-width);
-  border-start-start-radius: var(--ids-swaplist-border-radius);
-  border-end-start-radius: var(--ids-swaplist-border-radius);
-}
-ids-card.card:last-child::part(card) {
-  border-start-end-radius: var(--ids-swaplist-border-radius);
-  border-end-end-radius: var(--ids-swaplist-border-radius);
-}
-
-ids-search-field {
-  --ids-input-color-background-default: var(--ids-swaplist-search-color-background-default);
-  --ids-search-field-color-background-default: var(--ids-swaplist-search-color-background-default);
-  --ids-input-color-border-default: var(--ids-swaplist-search-color-border-default);
-  --ids-input-color-text-default: var(--ids-swaplist-search-color-text-default);
-  --ids-input-color-border-hover: var(--ids-swaplist-search-color-border-hover);
-  --ids-input-color-border-focus: var(--ids-swaplist-search-color-border-focus);
-  --ids-input-color-border-shadow: var(--ids-swaplist-search-color-border-shadow);
-  --ids-input-color-text-placeholder: var(--ids-swaplist-search-color-text-placeholder);
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXN3YXBsaXN0Iiwic291cmNlcyI6WyJpZHMtc3dhcGxpc3Quc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFJQTtFQUVFOzs7QUFPRjtFQUNFOzs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQUtOO0VBQ0U7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJQTtFQUNFO0VBQ0E7RUFDQTs7QUFJQTtFQUNFO0VBQ0E7RUFDQTs7QUFLRjtFQUNFO0VBQ0E7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5pZHMtc3dhcGxpc3Qge1xuICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2hhZG93KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbn1cblxuLnN3YXAtYnV0dG9ucyB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBnYXA6IDVweDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcblxuICBpZHMtYnV0dG9uIHtcbiAgICBtYXJnaW4taW5saW5lLWVuZDogLTZweDtcbiAgfVxuXG4gIGlkcy1idXR0b25bZGlyPVwicnRsXCJdIHtcbiAgICAmLnJpZ2h0LWFycm93LFxuICAgICYubGVmdC1hcnJvdyB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdChbc2VhcmNoYWJsZV0pIHtcbiAgaWRzLWNhcmQge1xuICAgICY6OnBhcnQoaGVhZGVyKSB7XG4gICAgICBib3JkZXItYmxvY2stZW5kOiBub25lO1xuICAgIH1cbiAgfVxufVxuXG5pZHMtc3dhcHBhYmxlLWl0ZW0ge1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1wYWRkaW5nKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1zd2FwbGlzdC1pdGVtLXBhZGRpbmctaW5saW5lLXN0YXJ0KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1tYXJnaW4tYmxvY2stZW5kKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1pdGVtLWxpbmUtaGVpZ2h0KTtcblxuICAmLmlzLWhpZGRlbiB7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbn1cblxuaWRzLXN3YXBwYWJsZS1pdGVtW292ZXJdIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1vdmVyLWJvcmRlcik7XG59XG5cbmlkcy1idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1zd2FwbGlzdC10b29sYmFyLWJ1dHRvbi1wYWRkaW5nKTtcbiAgaGVpZ2h0OiB2YXIoLS1pZHMtc3dhcGxpc3QtYnV0dG9uLWhlaWdodCk7XG4gIHdpZHRoOiB2YXIoLS1pZHMtc3dhcGxpc3QtYnV0dG9uLXdpZHRoKTtcblxuICAmOjpwYXJ0KGJ1dHRvbikge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zd2FwbGlzdC10b29sYmFyLWJ1dHRvbi1wYWRkaW5nKTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1zd2FwbGlzdC1idXR0b24tY29sb3ItYmFja2dyb3VuZC1ob3Zlcik7XG4gICAgfVxuICB9XG59XG5cbmlkcy1jYXJkIHtcbiAgZmxleDogMTtcblxuICAmOjpwYXJ0KGNhcmQpIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1pZHMtc3dhcGxpc3QtY2FyZC1tYXJnaW4tYmxvY2stZW5kKTtcbiAgfVxuXG4gICY6OnBhcnQoaGVhZGVyKSB7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0taWRzLXN3YXBsaXN0LWJvcmRlcik7XG4gIH1cblxuICAmOjpwYXJ0KGNvbnRlbnQpIHtcbiAgICBoZWlnaHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1jYXJkLWNvbnRlbnQtaGVpZ2h0LW1pbik7XG4gIH1cblxuICBbc2xvdD1cImNhcmQtY29udGVudFwiXSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG5cbiAgJi5jYXJkIHtcbiAgICAmOjpwYXJ0KGNhcmQpIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgYm9yZGVyLWlubGluZS1zdGFydC13aWR0aDogdmFyKC0taWRzLXN3YXBsaXN0LWlubGluZS1zdGFydC1ib3JkZXItd2lkdGgpO1xuICAgICAgYm94LXNoYWRvdzogdmFyKC0taWRzLXN3YXBsaXN0LWNhcmQtc2hhZG93KTtcbiAgICB9XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICY6OnBhcnQoY2FyZCkge1xuICAgICAgICBib3JkZXItaW5saW5lLXN0YXJ0LXdpZHRoOiB2YXIoLS1pZHMtc3dhcGxpc3QtZmlyc3QtY2hpbGQtaW5saW5lLXN0YXJ0LWJvcmRlci13aWR0aCk7XG4gICAgICAgIGJvcmRlci1zdGFydC1zdGFydC1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1ib3JkZXItcmFkaXVzKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgJjo6cGFydChjYXJkKSB7XG4gICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1pZHMtc3dhcGxpc3QtYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogdmFyKC0taWRzLXN3YXBsaXN0LWJvcmRlci1yYWRpdXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5pZHMtc2VhcmNoLWZpZWxkIHtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJhY2tncm91bmQtZGVmYXVsdCk7XG4gIC0taWRzLXNlYXJjaC1maWVsZC1jb2xvci1iYWNrZ3JvdW5kLWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYm9yZGVyLWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItYm9yZGVyLWRlZmF1bHQpO1xuICAtLWlkcy1pbnB1dC1jb2xvci10ZXh0LWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYm9yZGVyLWhvdmVyOiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJvcmRlci1ob3Zlcik7XG4gIC0taWRzLWlucHV0LWNvbG9yLWJvcmRlci1mb2N1czogdmFyKC0taWRzLXN3YXBsaXN0LXNlYXJjaC1jb2xvci1ib3JkZXItZm9jdXMpO1xuICAtLWlkcy1pbnB1dC1jb2xvci1ib3JkZXItc2hhZG93OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJvcmRlci1zaGFkb3cpO1xuICAtLWlkcy1pbnB1dC1jb2xvci10ZXh0LXBsYWNlaG9sZGVyOiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLXRleHQtcGxhY2Vob2xkZXIpO1xufVxuIl19 */`;var F=y(X(W(w))),a,v,A,n,m,b,x,o=class extends F{constructor(){super();g(this,a);h(this,"datasource",new L);h(this,"state",{defaultTemplate:""})}connectedCallback(){super.connectedCallback(),this.renderLists(),this.attachEventHandlers()}static get attributes(){return[...super.attributes,l.COUNT,l.SEARCHABLE]}set data(t){this.datasource&&(this.datasource.data=t||[],this.renderLists())}get data(){return this?.datasource?.data||[]}set defaultTemplate(t){this.state.defaultTemplate=t}get defaultTemplate(){return this.state.defaultTemplate||this.querySelector("template")?.innerHTML}getListItemById(t){return this.datasource.data.map(i=>i.items).flat().find(i=>t===i.id)}get selectedItems(){return this.container?.querySelectorAll("ids-swappable-item[selected]")}set searchable(t){this.toggleAttribute(l.SEARCHABLE,Z(t))}get searchable(){return this.hasAttribute(l.SEARCHABLE)}buttonTemplate(t){let i=`
-      <ids-button id="left-arrow-${t}" class="left-arrow">
-        <span class="audible">Swap Item Left</span>
-        <ids-icon icon="swap-list-left"></ids-icon>
-      </ids-button>
-    `,d=`
-      <ids-button id="right-arrow-${t}" class="right-arrow">
-        <span class="audible">Swap Item Left</span>
-        <ids-icon icon="swap-list-right"></ids-icon>
-      </ids-button>
-    `,r=this.data.length,e="";return t>0&&t<r-1?e=i+d:t===0?e=d:t===r-1&&(e=i),e}itemTemplateFunc(){return i=>this.itemTemplate(i)}itemTemplate(t){return`<ids-swappable-item data-value="${t.value}" data-id="${t.id}">
-      ${C(this.defaultTemplate,t)}
-    </ids-swappable-item>`}listTemplate(){let i=Array(this.data.length).fill(0).length,d=this.data,r=this.hasAttribute(l.SEARCH_TERM_CASE_SENSITIVE)?l.SEARCH_TERM_CASE_SENSITIVE:"",e=this.searchable?`searchable ${r}`:"";return d.map((c,p)=>`<ids-card
-        class="list-card ${i===p+1?`card card-${p} card-last`:`card card-${p}`}"
-        data-id="${c.id}"
-        data-name="${c.name}" overflow="hidden">
-        <div slot="card-header">
-          <ids-text font-size="20">${c.name}</ids-text>
-          <div class="swap-buttons">
-            ${this.buttonTemplate(p)}
-          </div>
-        </div>
-        <div slot="card-content">
-          <ids-swappable selection="multiple" ${e}>
-            ${c.items.length>0?c.items?.map(this.itemTemplateFunc()).join(""):""}
-          </ids-swappable>
-        </div>
-      </ids-card>`).join("")}attachEventHandlers(){this.offEvent("click",this.container,t=>s(this,a,n).call(this,t)),this.onEvent("click",this.container,t=>s(this,a,n).call(this,t)),this.offEvent("touchend",this.container,t=>s(this,a,n).call(this,t)),this.onEvent("touchend",this.container,t=>s(this,a,n).call(this,t)),this.offEvent("drop",this.container),this.onEvent("drop",this.container,()=>{s(this,a,b).call(this)}),this.unlisten("Enter"),this.listen("Enter",this.container,t=>s(this,a,n).call(this,t))}renderLists(){this.container&&this.data.length>0&&(this.container.innerHTML=this.listTemplate())}template(){return'<div class="ids-swaplist"></div>'}};a=new WeakSet,v=function(t){let i=t.parentElement.parentElement.parentElement,r=i.nextSibling.querySelector("ids-swappable");i.querySelectorAll("ids-swappable-item[selected]").forEach(c=>{r.appendChild(c),c.removeAttribute(l.SELECTED)}),s(this,a,b).call(this),s(this,a,m).call(this)},A=function(t){let i=t.parentElement.parentElement.parentElement,r=i.previousSibling.querySelector("ids-swappable");i.querySelectorAll("ids-swappable-item[selected]").forEach(c=>{r.appendChild(c),c.removeAttribute(l.SELECTED)}),s(this,a,b).call(this),s(this,a,m).call(this)},n=function(t){t.target.classList.contains("left-arrow")?s(this,a,A).call(this,t.target):t.target.classList.contains("right-arrow")&&s(this,a,v).call(this,t.target)},m=function(){[...this.container.querySelectorAll("ids-card.list-card")].forEach(i=>{i.querySelector("ids-swappable")?.resetSearch()})},b=function(){let i=[...this.container.querySelectorAll("ids-card.list-card")].map(d=>[...d.querySelectorAll("ids-swappable-item")].map(e=>Number(e.getAttribute("data-id"))).map(e=>this.getListItemById(e)));this.data.forEach((d,r)=>{d.items=i[r]}),s(this,a,x).call(this)},x=function(){this.triggerEvent("updated",this,{detail:{data:this.data}})},o=u([I("ids-swaplist"),G(Y)],o);export{o as a};
-//# sourceMappingURL=ids-chunk-EGPRPFIA.js.map

package/chunks/ids-chunk-EGPRPFIA.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-swaplist/ids-swaplist.scss", "../../../../src/components/ids-swaplist/ids-swaplist.ts"],
-  "sourcesContent": ["export default `.ids-swaplist {\n  box-shadow: var(--ids-swaplist-shadow);\n  display: flex;\n  flex-direction: row;\n}\n\n.swap-buttons {\n  display: inline-flex;\n  gap: 5px;\n  margin-inline-start: auto;\n}\n.swap-buttons ids-button {\n  margin-inline-end: -6px;\n}\n.swap-buttons ids-button[dir=rtl].right-arrow, .swap-buttons ids-button[dir=rtl].left-arrow {\n  transform: rotate(180deg);\n}\n\n:host([searchable]) ids-card::part(header) {\n  border-block-end: none;\n}\n\nids-swappable-item {\n  padding: var(--ids-swaplist-item-padding);\n  padding-inline-start: var(--ids-swaplist-item-padding-inline-start);\n  position: relative;\n  margin-block-end: var(--ids-swaplist-item-margin-block-end);\n  line-height: var(--ids-swaplist-item-line-height);\n}\nids-swappable-item.is-hidden {\n  height: 0;\n  padding: 0;\n  border: none;\n  overflow: hidden;\n}\n\nids-swappable-item[over] {\n  border: var(--ids-swaplist-item-over-border);\n}\n\nids-button {\n  position: relative;\n  padding: var(--ids-swaplist-toolbar-button-padding);\n  height: var(--ids-swaplist-button-height);\n  width: var(--ids-swaplist-button-width);\n}\nids-button::part(button) {\n  padding: var(--ids-swaplist-toolbar-button-padding);\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\nids-button::part(button):hover {\n  background-color: var(--ids-swaplist-button-color-background-hover);\n}\n\nids-card {\n  flex: 1;\n}\nids-card::part(card) {\n  margin-block-end: var(--ids-swaplist-card-margin-block-end);\n}\nids-card::part(header) {\n  border-block-end: var(--ids-swaplist-border);\n}\nids-card::part(content) {\n  height: var(--ids-swaplist-card-content-height-min);\n}\nids-card [slot=card-content] {\n  height: 100%;\n}\nids-card.card::part(card) {\n  border-radius: var(--ids-swaplist-card-border-radius);\n  border-inline-start-width: var(--ids-swaplist-inline-start-border-width);\n  box-shadow: var(--ids-swaplist-card-shadow);\n}\nids-card.card:first-child::part(card) {\n  border-inline-start-width: var(--ids-swaplist-first-child-inline-start-border-width);\n  border-start-start-radius: var(--ids-swaplist-border-radius);\n  border-end-start-radius: var(--ids-swaplist-border-radius);\n}\nids-card.card:last-child::part(card) {\n  border-start-end-radius: var(--ids-swaplist-border-radius);\n  border-end-end-radius: var(--ids-swaplist-border-radius);\n}\n\nids-search-field {\n  --ids-input-color-background-default: var(--ids-swaplist-search-color-background-default);\n  --ids-search-field-color-background-default: var(--ids-swaplist-search-color-background-default);\n  --ids-input-color-border-default: var(--ids-swaplist-search-color-border-default);\n  --ids-input-color-text-default: var(--ids-swaplist-search-color-text-default);\n  --ids-input-color-border-hover: var(--ids-swaplist-search-color-border-hover);\n  --ids-input-color-border-focus: var(--ids-swaplist-search-color-border-focus);\n  --ids-input-color-border-shadow: var(--ids-swaplist-search-color-border-shadow);\n  --ids-input-color-text-placeholder: var(--ids-swaplist-search-color-text-placeholder);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXN3YXBsaXN0Iiwic291cmNlcyI6WyJpZHMtc3dhcGxpc3Quc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFJQTtFQUVFOzs7QUFPRjtFQUNFOzs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQUtOO0VBQ0U7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJQTtFQUNFO0VBQ0E7RUFDQTs7QUFJQTtFQUNFO0VBQ0E7RUFDQTs7QUFLRjtFQUNFO0VBQ0E7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5pZHMtc3dhcGxpc3Qge1xuICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2hhZG93KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbn1cblxuLnN3YXAtYnV0dG9ucyB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBnYXA6IDVweDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcblxuICBpZHMtYnV0dG9uIHtcbiAgICBtYXJnaW4taW5saW5lLWVuZDogLTZweDtcbiAgfVxuXG4gIGlkcy1idXR0b25bZGlyPVwicnRsXCJdIHtcbiAgICAmLnJpZ2h0LWFycm93LFxuICAgICYubGVmdC1hcnJvdyB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdChbc2VhcmNoYWJsZV0pIHtcbiAgaWRzLWNhcmQge1xuICAgICY6OnBhcnQoaGVhZGVyKSB7XG4gICAgICBib3JkZXItYmxvY2stZW5kOiBub25lO1xuICAgIH1cbiAgfVxufVxuXG5pZHMtc3dhcHBhYmxlLWl0ZW0ge1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1wYWRkaW5nKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1zd2FwbGlzdC1pdGVtLXBhZGRpbmctaW5saW5lLXN0YXJ0KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1tYXJnaW4tYmxvY2stZW5kKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1pdGVtLWxpbmUtaGVpZ2h0KTtcblxuICAmLmlzLWhpZGRlbiB7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cbn1cblxuaWRzLXN3YXBwYWJsZS1pdGVtW292ZXJdIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3dhcGxpc3QtaXRlbS1vdmVyLWJvcmRlcik7XG59XG5cbmlkcy1idXR0b24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1zd2FwbGlzdC10b29sYmFyLWJ1dHRvbi1wYWRkaW5nKTtcbiAgaGVpZ2h0OiB2YXIoLS1pZHMtc3dhcGxpc3QtYnV0dG9uLWhlaWdodCk7XG4gIHdpZHRoOiB2YXIoLS1pZHMtc3dhcGxpc3QtYnV0dG9uLXdpZHRoKTtcblxuICAmOjpwYXJ0KGJ1dHRvbikge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zd2FwbGlzdC10b29sYmFyLWJ1dHRvbi1wYWRkaW5nKTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1zd2FwbGlzdC1idXR0b24tY29sb3ItYmFja2dyb3VuZC1ob3Zlcik7XG4gICAgfVxuICB9XG59XG5cbmlkcy1jYXJkIHtcbiAgZmxleDogMTtcblxuICAmOjpwYXJ0KGNhcmQpIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1pZHMtc3dhcGxpc3QtY2FyZC1tYXJnaW4tYmxvY2stZW5kKTtcbiAgfVxuXG4gICY6OnBhcnQoaGVhZGVyKSB7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0taWRzLXN3YXBsaXN0LWJvcmRlcik7XG4gIH1cblxuICAmOjpwYXJ0KGNvbnRlbnQpIHtcbiAgICBoZWlnaHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1jYXJkLWNvbnRlbnQtaGVpZ2h0LW1pbik7XG4gIH1cblxuICBbc2xvdD1cImNhcmQtY29udGVudFwiXSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG5cbiAgJi5jYXJkIHtcbiAgICAmOjpwYXJ0KGNhcmQpIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgYm9yZGVyLWlubGluZS1zdGFydC13aWR0aDogdmFyKC0taWRzLXN3YXBsaXN0LWlubGluZS1zdGFydC1ib3JkZXItd2lkdGgpO1xuICAgICAgYm94LXNoYWRvdzogdmFyKC0taWRzLXN3YXBsaXN0LWNhcmQtc2hhZG93KTtcbiAgICB9XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICY6OnBhcnQoY2FyZCkge1xuICAgICAgICBib3JkZXItaW5saW5lLXN0YXJ0LXdpZHRoOiB2YXIoLS1pZHMtc3dhcGxpc3QtZmlyc3QtY2hpbGQtaW5saW5lLXN0YXJ0LWJvcmRlci13aWR0aCk7XG4gICAgICAgIGJvcmRlci1zdGFydC1zdGFydC1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLWlkcy1zd2FwbGlzdC1ib3JkZXItcmFkaXVzKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgJjo6cGFydChjYXJkKSB7XG4gICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1pZHMtc3dhcGxpc3QtYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogdmFyKC0taWRzLXN3YXBsaXN0LWJvcmRlci1yYWRpdXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5pZHMtc2VhcmNoLWZpZWxkIHtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJhY2tncm91bmQtZGVmYXVsdCk7XG4gIC0taWRzLXNlYXJjaC1maWVsZC1jb2xvci1iYWNrZ3JvdW5kLWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYm9yZGVyLWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItYm9yZGVyLWRlZmF1bHQpO1xuICAtLWlkcy1pbnB1dC1jb2xvci10ZXh0LWRlZmF1bHQ6IHZhcigtLWlkcy1zd2FwbGlzdC1zZWFyY2gtY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgLS1pZHMtaW5wdXQtY29sb3ItYm9yZGVyLWhvdmVyOiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJvcmRlci1ob3Zlcik7XG4gIC0taWRzLWlucHV0LWNvbG9yLWJvcmRlci1mb2N1czogdmFyKC0taWRzLXN3YXBsaXN0LXNlYXJjaC1jb2xvci1ib3JkZXItZm9jdXMpO1xuICAtLWlkcy1pbnB1dC1jb2xvci1ib3JkZXItc2hhZG93OiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLWJvcmRlci1zaGFkb3cpO1xuICAtLWlkcy1pbnB1dC1jb2xvci10ZXh0LXBsYWNlaG9sZGVyOiB2YXIoLS1pZHMtc3dhcGxpc3Qtc2VhcmNoLWNvbG9yLXRleHQtcGxhY2Vob2xkZXIpO1xufVxuIl19 */`;\n", "import {\n  customElement,\n  scss,\n} from '../../core/ids-decorators';\n\nimport { attributes } from '../../core/ids-attributes';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsKeyboardMixin from '../../mixins/ids-keyboard-mixin/ids-keyboard-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport IdsDataSource from '../../core/ids-data-source';\nimport { injectTemplate, stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\nimport '../ids-card/ids-card';\nimport '../ids-button/ids-button';\nimport '../ids-list-view/ids-list-view';\nimport '../ids-swappable/ids-swappable';\n\nimport styles from './ids-swaplist.scss';\nimport type IdsSwappable from '../ids-swappable/ids-swappable';\n\nconst Base = IdsKeyboardMixin(\n  IdsLocaleMixin(\n    IdsEventsMixin(\n      IdsElement\n    )\n  )\n);\n\nexport interface IdsSwaplistData {\n  id: number;\n  name: string;\n  items: IdsSwaplistDataItem[];\n}\n\nexport interface IdsSwaplistDataItem {\n  id: number;\n  value: string;\n  text: string;\n}\n\n/**\n * IDS SwapList Component\n * @type {IdsSwapList}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n */\n@customElement('ids-swaplist')\n@scss(styles)\nexport default class IdsSwapList extends Base {\n  constructor() {\n    super();\n  }\n\n  datasource = new IdsDataSource();\n\n  state = {\n    defaultTemplate: ''\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.renderLists();\n    this.attachEventHandlers();\n  }\n\n  /**\n   * Return the attributes we handle as getters/setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.COUNT,\n      attributes.SEARCHABLE,\n    ];\n  }\n\n  /**\n   * Set the data array of the swaplist\n   * @param {any | null} value The array to use\n   */\n  set data(value: any | null) {\n    if (this.datasource) {\n      this.datasource.data = value || [];\n      this.renderLists();\n    }\n  }\n\n  get data(): any | null { return this?.datasource?.data || []; }\n\n  /**\n   * Set the internal template via JS\n   */\n  set defaultTemplate(value: any | null) {\n    this.state.defaultTemplate = value;\n  }\n\n  get defaultTemplate(): any | null { return this.state.defaultTemplate || this.querySelector('template')?.innerHTML; }\n\n  /**\n   * Swap the list item to the next list\n   * @param {any} button htmlElement\n   * @private\n   * @returns {void}\n   */\n  #swapToNextList(button: any) {\n    const currentCard = button.parentElement.parentElement.parentElement;\n    const nextCard = currentCard.nextSibling;\n    const nextList = nextCard.querySelector('ids-swappable');\n    const selectedItems = currentCard.querySelectorAll('ids-swappable-item[selected]');\n\n    // swap list items in UI\n    selectedItems.forEach((x: any) => {\n      nextList.appendChild(x);\n      x.removeAttribute(attributes.SELECTED);\n    });\n\n    this.#syncDatasource();\n\n    this.#resetSearch();\n  }\n\n  /**\n   * Swap the list item to the previous list\n   * @param {any} button htmlElement\n   * @private\n   * @returns {void}\n   */\n  #swapToPreviousList(button: any) {\n    const currentCard = button.parentElement.parentElement.parentElement;\n    const prevCard = currentCard.previousSibling;\n    const prevList = prevCard.querySelector('ids-swappable');\n    const selectedItems = currentCard.querySelectorAll('ids-swappable-item[selected]');\n\n    // swap list items in UI\n    selectedItems.forEach((x: any) => {\n      prevList.appendChild(x);\n      x.removeAttribute(attributes.SELECTED);\n    });\n\n    this.#syncDatasource();\n\n    this.#resetSearch();\n  }\n\n  /**\n   * Gets swaplist item data by id\n   * @param {number}id list item id\n   * @returns {IdsSwaplistDataItem} swaplist item data\n   */\n  getListItemById(id: number): IdsSwaplistDataItem {\n    return this.datasource.data\n      .map((list) => list.items)\n      .flat()\n      .find((item) => id === item.id);\n  }\n\n  /**\n   * Get all selected ids-swappable-item\n   * @returns {any} NodeList of ids-swappable-items\n   * @readonly\n   * @memberof IdsSwapList\n   */\n  get selectedItems(): any {\n    return this.container?.querySelectorAll('ids-swappable-item[selected]');\n  }\n\n  /**\n   * Set searchable which allows list view to be filtered\n   * @param {string | boolean | null} value The value\n   */\n  set searchable(value: string | boolean | null) {\n    this.toggleAttribute(attributes.SEARCHABLE, stringToBool(value));\n  }\n\n  get searchable(): boolean {\n    return this.hasAttribute(attributes.SEARCHABLE);\n  }\n\n  /**\n   * Setup the next/prev button template\n   * @param {number} i index of the list\n   * @returns {object} html element\n   * @memberof IdsSwapList\n   */\n  buttonTemplate(i: number): string {\n    const leftArrow = `\n      <ids-button id=\"left-arrow-${i}\" class=\"left-arrow\">\n        <span class=\"audible\">Swap Item Left</span>\n        <ids-icon icon=\"swap-list-left\"></ids-icon>\n      </ids-button>\n    `;\n\n    const rightArrow = `\n      <ids-button id=\"right-arrow-${i}\" class=\"right-arrow\">\n        <span class=\"audible\">Swap Item Left</span>\n        <ids-icon icon=\"swap-list-right\"></ids-icon>\n      </ids-button>\n    `;\n\n    const count = this.data.length;\n    let html = ``;\n\n    if (i > 0 && i < count - 1) {\n      // render left and right arrow button\n      html = leftArrow + rightArrow;\n    } else if (i === 0) {\n      // render the right arrow button\n      html = rightArrow;\n    } else if (i === count - 1) {\n      // render the left arrow button\n      html = leftArrow;\n    }\n\n    return html;\n  }\n\n  /**\n   * Item template function that will generate the swappable items\n   * @returns {object} function\n   * @memberof IdsSwapList\n   */\n  itemTemplateFunc(): any {\n    const func = (item: any) => this.itemTemplate(item);\n    return func;\n  }\n\n  /**\n   * Return an item's html injecting any values from the dataset as needed.\n   * @param {IdsSwaplistDataItem} item The item to generate\n   * @returns {string} The html for this item\n   */\n  itemTemplate(item: IdsSwaplistDataItem): string {\n    return `<ids-swappable-item data-value=\"${item.value}\" data-id=\"${item.id}\">\n      ${injectTemplate(this.defaultTemplate, item)}\n    </ids-swappable-item>`;\n  }\n\n  /**\n   * Set up the list view template\n   * @returns {string} html element\n   * @memberof IdsSwapList\n   */\n  listTemplate(): string {\n    const arr = Array(this.data.length).fill(0);\n    const arrLen = arr.length;\n    const data = this.data;\n    const searchTermCaseSensitive = this.hasAttribute(attributes.SEARCH_TERM_CASE_SENSITIVE) ? attributes.SEARCH_TERM_CASE_SENSITIVE : '';\n    const searchable = this.searchable ? `searchable ${searchTermCaseSensitive}` : '';\n\n    return data.map((list: IdsSwaplistData, i: number) => {\n      const listTemplate = `<ids-card\n        class=\"list-card ${arrLen === i + 1 ? `card card-${i} card-last` : `card card-${i}`}\"\n        data-id=\"${list.id}\"\n        data-name=\"${list.name}\" overflow=\"hidden\">\n        <div slot=\"card-header\">\n          <ids-text font-size=\"20\">${list.name}</ids-text>\n          <div class=\"swap-buttons\">\n            ${this.buttonTemplate(i)}\n          </div>\n        </div>\n        <div slot=\"card-content\">\n          <ids-swappable selection=\"multiple\" ${searchable}>\n            ${list.items.length > 0 ? list.items?.map(this.itemTemplateFunc()).join('') : ''}\n          </ids-swappable>\n        </div>\n      </ids-card>`;\n\n      return listTemplate;\n    }).join('');\n  }\n\n  /**\n   * Handle the item swap logic\n   * @param {any} e event paramater\n   * @returns {void}\n   * @private\n   * @memberof IdsSwapList\n   */\n  #handleItemSwap(e: any) {\n    if (e.target.classList.contains('left-arrow')) {\n      this.#swapToPreviousList(e.target);\n    } else if (e.target.classList.contains('right-arrow')) {\n      this.#swapToNextList(e.target);\n    }\n  }\n\n  /**\n   * Reset search term in all lists\n   */\n  #resetSearch() {\n    const listCards = [...this.container!.querySelectorAll('ids-card.list-card')];\n    listCards.forEach((listCard) => {\n      const swappable = listCard.querySelector<IdsSwappable>('ids-swappable');\n      swappable?.resetSearch();\n    });\n  }\n\n  /**\n   * Syncs UI list items with datasource\n   * @private\n   */\n  #syncDatasource() {\n    const listCards = [...this.container!.querySelectorAll('ids-card.list-card')];\n    const listItems = listCards.map((listCard) => {\n      const items = [...listCard.querySelectorAll('ids-swappable-item')]\n        .map((item: any) => Number(item.getAttribute('data-id')))\n        .map((itemId: any) => this.getListItemById(itemId));\n      return items;\n    });\n\n    this.data.forEach((list: IdsSwaplistData, idx: number) => {\n      list!.items = listItems[idx];\n    });\n\n    this.#triggerUpdate();\n  }\n\n  #triggerUpdate() {\n    this.triggerEvent('updated', this, {\n      detail: { data: this.data }\n    });\n  }\n\n  /**\n   * Attach event handlers\n   * @memberof IdsSwapList\n   */\n  attachEventHandlers() {\n    this.offEvent('click', this.container, (e: any) => this.#handleItemSwap(e));\n    this.onEvent('click', this.container, (e: any) => this.#handleItemSwap(e));\n\n    this.offEvent('touchend', this.container, (e: any) => this.#handleItemSwap(e));\n    this.onEvent('touchend', this.container, (e: any) => this.#handleItemSwap(e));\n\n    this.offEvent('drop', this.container);\n    this.onEvent('drop', this.container, () => {\n      this.#syncDatasource();\n    });\n\n    this.unlisten('Enter');\n    this.listen('Enter', this.container, (e: any) => this.#handleItemSwap(e));\n  }\n\n  /**\n   * Renders lists from datasource\n   */\n  renderLists() {\n    if (this.container && this.data.length > 0) {\n      this.container.innerHTML = this.listTemplate();\n    }\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template() {\n    return `<div class=\"ids-swaplist\"></div>`;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["ids_swaplist_default", "Base", "ids_keyboard_mixin_default", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsSwapList_instances", "swapToNextList_fn", "swapToPreviousList_fn", "handleItemSwap_fn", "resetSearch_fn", "syncDatasource_fn", "triggerUpdate_fn", "IdsSwapList", "__privateAdd", "__publicField", "ids_data_source_default", "attributes", "value", "id", "list", "item", "stringToBool", "i", "leftArrow", "rightArrow", "count", "html", "injectTemplate", "arrLen", "data", "searchTermCaseSensitive", "searchable", "e", "__privateMethod", "button", "currentCard", "nextList", "x", "prevList", "listCard", "listItems", "itemId", "idx", "__decorateClass", "customElement", "scss", "ids_swaplist_default"]
-}