ids-enterprise-wc 1.9.0 → 1.9.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-home-page/ids-home-page.scss", "../../../../src/components/ids-home-page/ids-home-page.ts"],
+  "sourcesContent": ["export default `/* Ids Home Page Component */\n.ids-home-page {\n  position: relative;\n  background-color: var(--ids-homepage-color-background-default);\n}\n.ids-home-page .widgets {\n  position: absolute;\n  left: 50%;\n}\n.ids-home-page ::slotted(ids-widget) {\n  position: absolute;\n}\n.ids-home-page ::slotted(ids-widget[rowspan=\"2\"]) {\n  --ids-widget-height: 742px;\n}\n.ids-home-page ::slotted(ids-widget[rowspan=\"3\"]) {\n  --ids-widget-height: 1114;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtaG9tZS1wYWdlIiwic291cmNlcyI6WyJpZHMtaG9tZS1wYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIEhvbWUgUGFnZSBDb21wb25lbnQgKi9cbi5pZHMtaG9tZS1wYWdlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtaG9tZXBhZ2UtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcblxuICAud2lkZ2V0cyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDUwJTtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtd2lkZ2V0KSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5cbiAgOjpzbG90dGVkKGlkcy13aWRnZXRbcm93c3Bhbj0nMiddKSB7XG4gICAgLS1pZHMtd2lkZ2V0LWhlaWdodDogNzQycHg7IC8vIDM2MCAqIDIgKyAxMiArIDEwXG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXdpZGdldFtyb3dzcGFuPSczJ10pIHtcbiAgICAtLWlkcy13aWRnZXQtaGVpZ2h0OiAxMTE0OyAvLyAzNjAgKiAzICsgMjQgKyAxMFxuICB9XG59XG4iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport { stringToBool, stringToNumber, camelCase } from '../../utils/ids-string-utils/ids-string-utils';\nimport { HOME_PAGE_DEFAULTS, EVENTS } from './ids-home-page-attributes';\n\nimport '../ids-widget/ids-widget';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport styles from './ids-home-page.scss';\nimport IdsContainer from '../ids-container/ids-container';\n\nconst Base = IdsLocaleMixin(\n  IdsEventsMixin(\n    IdsElement\n  )\n);\n\nexport interface IdsHomePageBlock {\n  /** The block width */\n  w: number;\n  /** The block height */\n  h: number;\n  /** The block x postion */\n  x: number;\n  /** The block x postion */\n  y: number;\n}\n\nexport interface IdsHomePageAavailable {\n  /** The row element */\n  row: number;\n  /** The column element */\n  col: number;\n}\n\n/**\n * IDS Home Page Component\n * @type {IdsHomePage}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @mixes IdsLocaleMixin\n * @part home-page - The home-page element\n * @part widgets - The widgets element\n */\n@customElement('ids-home-page')\n@scss(styles)\nexport default class IdsHomePage extends Base {\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is appended into a document-connected element.\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.#init();\n\n    requestAnimationFrame(() => {\n      (this.closest('ids-container') as IdsContainer)?.container?.style.setProperty('background-color', 'var(--ids-homepage-color-background-default)');\n    });\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.ANIMATED,\n      attributes.COLS,\n      attributes.GAP,\n      attributes.GAP_X,\n      attributes.GAP_Y,\n      attributes.WIDGET_HEIGHT,\n      attributes.WIDGET_WIDTH,\n    ];\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `\n      <div class=\"ids-home-page\" part=\"home-page\">\n        <div class=\"widgets\" part=\"widgets\">\n          <slot name=\"widget\"></slot>\n        </div>\n      </div>`;\n  }\n\n  /**\n   * Refresh will resize calculations to update any changes.\n   * @param {boolean} animated False will disable animation during refresh\n   * @returns {void}\n   */\n  refresh(animated?: boolean): void {\n    this.#resize(animated);\n  }\n\n  /**\n   * List of blocks to manage widgets width/height and position.\n   * @private\n   */\n  #blocks: Array<any> = [];\n\n  /**\n   * List of widgets attached to home page.\n   * @private\n   */\n  #widgets: Node[] = [];\n\n  /**\n   * Number of current columns.\n   * @private\n   */\n  #columns = 0;\n\n  /**\n   * Container current height.\n   * @private\n   */\n  #containerHeight = 0;\n\n  /**\n   * Column gap\n   * @private\n   */\n  #gapX = 0;\n\n  /**\n   * Row gap\n   * @private\n   */\n  #gapY = 0;\n\n  /**\n   * Keep all the blocks as rows and columns.\n   * @private\n   */\n  #rowsAndCols: Array<any> = [];\n\n  /**\n   * Attach the resize observer.\n   * @private\n   */\n  #resizeObserver = new ResizeObserver(() => this.#resize());\n\n  /**\n   * Initialize the component\n   * @private\n   * @returns {void}\n   */\n  #init(): void {\n    this.#setGap();\n    this.#initWidgets();\n    this.#resize();\n    this.#attachEventHandlers();\n  }\n\n  /**\n   * Initialize attached widgets.\n   * @private\n   * @returns {object} This API object for chaining\n   */\n  #initWidgets(): object {\n    this.#widgets = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"widget\"]')?.assignedNodes() ?? [];\n\n    this.#widgets.forEach((widget: any) => {\n      const colspan = this.#getNumberVal('colspan', widget);\n      const rowspan = this.#getNumberVal('rowspan', widget);\n      const w = colspan > 0 ? colspan : 1;\n      const h = rowspan > 0 ? rowspan : 1;\n      widget.style.width = `${(this.widgetWidth * w) + (this.#gapX * (w - 1))}px`;\n      widget.style.height = `${(this.widgetHeight * h) + (this.#gapY * (h - 1))}px`;\n      widget.autoFit = true; // set to fit 100% width/height\n    });\n\n    return this;\n  }\n\n  /**\n   * Initialize rows and cols.\n   * @private\n   * @returns {void}\n   */\n  #initRowsAndCols(): void {\n    this.#rowsAndCols = [];\n    this.#initColumns();\n  }\n\n  /**\n   * Initialize columns.\n   * @private\n   * @param {number} row to be initialize.\n   * @returns {void}\n   */\n  #initColumns(row = 0): void {\n    this.#rowsAndCols[row] = [];\n\n    for (let i = 0, l = this.#columns; i < l; i++) {\n      this.#rowsAndCols[row][i] = true; // Make all columns available in first row[true]\n    }\n  }\n\n  /**\n   * Set the gap between each widget,\n   * will look into three values gap, gap-x, gap-y to sync into gapX and gapY\n   * will not use the gap value if used gap along with gap-x or/and gap-y\n   * for example if user add gap=\"10\", gap-x=\"15\" then will use the gap-x value,\n   * but gap-y will be use as gap value, it will be  x: 15, y: 10\n   * since the gap, gap-x, gap-y all three default values \"20\"\n   * @private\n   * @returns {object} This API object for chaining\n   */\n  #setGap(): object {\n    const d = HOME_PAGE_DEFAULTS;\n    const gap: any = this.gap;\n    const gapX: any = this.gapX;\n    const gapY: any = this.gapY;\n    let x = d.gapX;\n    let y = d.gapY;\n\n    if (gap !== null && gapX === null && gapY === null) {\n      x = stringToNumber(gap);\n      y = stringToNumber(gap);\n    } else if (gap === null && gapX !== null && gapY === null) {\n      x = stringToNumber(gapX);\n    } else if (gap === null && gapX === null && gapY !== null) {\n      y = stringToNumber(gapY);\n    } else if (gap !== null && gapX !== null && gapY === null) {\n      x = stringToNumber(gapX);\n      y = stringToNumber(gap);\n    } else if (gap !== null && gapX === null && gapY !== null) {\n      x = stringToNumber(gap);\n      y = stringToNumber(gapY);\n    } else if (gapX !== null && gapY !== null) {\n      x = stringToNumber(gapX);\n      y = stringToNumber(gapY);\n    }\n\n    this.#gapX = x;\n    this.#gapY = y;\n\n    return this;\n  }\n\n  /**\n   * Refresh the gap to set gap and widgets\n   * @private\n   * @returns {void}\n   */\n  #refreshGap(): void {\n    this.#setGap();\n    this.#resize();\n  }\n\n  /**\n   * Setup each block sizes, based on widget width and height provided from markup\n   * @private\n   * @returns {void}\n   */\n  #setBlocks(): void {\n    this.#blocks = [];\n\n    this.#widgets.forEach((widget: any) => {\n      const colspan = this.#getNumberVal('colspan', widget);\n      const rowspan = this.#getNumberVal('rowspan', widget);\n      const w = colspan > 0 ? colspan : 1;\n      const h = rowspan > 0 ? rowspan : 1;\n      this.#blocks.push({ w, h, elem: widget });\n    });\n\n    // Max sized columns brings to top\n    if (this.#columns > 1) {\n      for (let i = 0, j = 0, w = 0, l = this.#blocks.length; i < l; i++) {\n        if (this.#blocks[i].w >= this.#columns && i\n          && w && (w <= (this.#columns / 2))) {\n          this.#arrayIndexMove(this.#blocks, i, j);\n        }\n        w += this.#blocks[i].w;\n        if (w >= this.#columns) {\n          w = 0; // reset\n          j = (this.#blocks[j].w >= this.#columns) ? j + 1 : i; // record to move\n        }\n      }\n    }\n  }\n\n  /**\n   * Move an array element position\n   * @private\n   * @param {Array} arr The array\n   * @param {number} from index\n   * @param {number} to index\n   * @returns {void}\n   */\n  #arrayIndexMove(arr: Array<any>, from: number, to: number): void {\n    arr.splice(to, 0, arr.splice(from, 1)[0]);\n  }\n\n  /**\n   * Make all spots as unavailable, depends on block's width and height\n   * Soon we used this block\n   * @private\n   * @param {number} r as row.\n   * @param {number} c as col.\n   * @param {IdsHomePageBlock} block to fit.\n   * @returns {void}\n   */\n  #fitBlock(r: number, c: number, block: IdsHomePageBlock): void {\n    let addRow = true;\n\n    block.x = c;\n    block.y = r;\n\n    if ((block.w === 1) && (block.h === 1)) { // Single block can fit anywhere\n      this.#rowsAndCols[r][c] = false;\n    } else if (block.w !== 1) {\n      // If more then one row or column then loop thru to block's width and height\n      // If height is more then current rows then add new row\n      // Mark those spots as unavailable[false]\n\n      // Left to right\n      for (let i = r, l = block.h + r; i < l; i++) {\n        for (let j = c, l2 = block.w + c; j < l2; j++) {\n          if (!this.#rowsAndCols[i]) {\n            this.#initColumns(i);\n          }\n          this.#rowsAndCols[i][j] = false;\n        }\n      }\n    } else {\n      // Top to bottom\n      for (let i = r, l = block.h + r; i < l; i++) {\n        for (let j = c, l2 = block.h + c; j < l2; j++) {\n          if (!this.#rowsAndCols[i]) {\n            this.#initColumns(i);\n          }\n          this.#rowsAndCols[i][c] = false;\n        }\n      }\n    }\n\n    // Check if reach to end of columns then assign flag[addRow]\n    for (let i = 0, l = this.#rowsAndCols[r].length; i < l; i++) {\n      if (this.#rowsAndCols[r][i]) {\n        addRow = false;\n      }\n    }\n\n    // If reach to end of columns and next row is not available then add new row\n    // Make all columns available, if not assigned earlier as unavailable\n    if (addRow) {\n      if (!this.#rowsAndCols[r + 1]) {\n        this.#initColumns(r + 1);\n      }\n    }\n  }\n\n  /**\n   * Get availability where we can fit this given block.\n   * @private\n   * @param {IdsHomePageBlock} block to get availability.\n   * @returns {IdsHomePageAavailable} [x and y] where we can fit this block\n   */\n  #getAvailability(block: IdsHomePageBlock): IdsHomePageAavailable {\n    let abort = false;\n    const smallest: any = {};\n    const rows = this.#rowsAndCols.length;\n\n    // Loop thru each row and column soon it found first available spot\n    // Then check for if block's width can fit in(yes), asign to [smallest] and break both loops\n    for (let i = 0, l = rows; i < l && !abort; i++) {\n      for (\n        let j = 0, innerCheck = true, cols = this.#rowsAndCols[i].length;\n        j < cols && !abort;\n        j++\n      ) {\n        if ((this.#rowsAndCols[i][j]) && ((block.w + j) <= cols)) {\n          if ((block.w > 1) && (cols > (j + 1))) {\n            for (let n = 0; n < block.w; n++) {\n              if (!this.#rowsAndCols[i][j + n]) {\n                innerCheck = false;\n                break;\n              }\n            }\n          }\n          if ((block.h > 1) && (rows > (i + 1))) {\n            for (let n = 0; n < block.h; n++) {\n              if (!this.#rowsAndCols[i + n][j]) {\n                innerCheck = false;\n                break;\n              }\n            }\n          }\n          if (innerCheck) {\n            smallest.row = i;\n            smallest.col = j;\n            abort = true;\n          }\n        }\n      }\n    }\n\n    // If did not found any available spot from previous loops\n    // Add new row and asign to [smallest] first column in this new row\n    if (!Object.getOwnPropertyNames(smallest).length) {\n      this.#initColumns(rows);\n      smallest.row = rows;\n      smallest.col = 0;\n    }\n\n    return smallest; // {x:0, y:0}\n  }\n\n  /**\n   * Apply cubic-bezier effects\n   * @private\n   * @param {any} elem The element.\n   * @param {string} effect effect to apply.\n   * @returns {void}\n   */\n  #applyCubicBezier(elem: any, effect: string): void {\n    const value = effect ? `all .3s cubic-bezier(${effect})` : 'none';\n    elem.style['-webkit-transition'] = value;\n    elem.style['-moz-transition'] = value;\n    elem.style['-ms-transition'] = value;\n    elem.style['-o-transition'] = value;\n    elem.style.transition = value;\n  }\n\n  /**\n   * Resize and adjust width/height for widgets\n   * @private\n   * @param {boolean} animated False will disable animation during refresh\n   * @returns {object} This API object for chaining\n   */\n  #resize(animated = this.animated) {\n    window.requestAnimationFrame(() => {\n      this.#columns = 0;\n      const widgetWidth = this.widgetWidth;\n      const gapX = this.#gapX;\n      // Sizes of \"breakpoints\" is  320, 660, 1000, 1340, 1680 (for 320)\n      // or 360, 740, 1120, 1500, 1880 or (for 360)\n      const bpXl3 = (widgetWidth * 6) + (gapX * 5);\n      const bpXl2 = (widgetWidth * 5) + (gapX * 4);\n      const bpXl = (widgetWidth * 4) + (gapX * 3);\n      const bpDesktop = (widgetWidth * 3) + (gapX * 2);\n      const bpTablet = (widgetWidth * 2) + gapX;\n      const bpPhone = widgetWidth;\n\n      let bp = bpXl3; // 2260 = ((360 * 6) + (20 * 5))\n      const elemWidth = this.container?.offsetWidth ?? NaN;\n\n      // Find the Breakpoints\n      const xl3 = (elemWidth >= bpXl3);\n      const xl2 = (elemWidth >= bpXl2 && elemWidth <= bpXl3);\n      const xl = (elemWidth >= bpXl && elemWidth <= bpXl2);\n      const desktop = (elemWidth >= bpDesktop && elemWidth <= bpXl);\n      const tablet = (elemWidth >= bpTablet && elemWidth <= bpDesktop);\n      const phone = (elemWidth <= bpTablet);\n\n      // Assign columns as breakpoint sizes\n      let columns = 0;\n      if (xl3 || this.cols === 6) {\n        columns = 6;\n        bp = bpXl3;\n      }\n      if (xl2 || this.cols === 5) {\n        columns = 5;\n        bp = bpXl2;\n      }\n      if (xl || this.cols === 4) {\n        columns = 4;\n        bp = bpXl;\n      }\n      if (desktop || this.cols === 3) {\n        columns = 3;\n        bp = bpDesktop;\n      }\n      if (tablet || this.cols === 2) {\n        columns = 2;\n        bp = bpTablet;\n      }\n      if (phone || this.cols === 1) {\n        columns = 1;\n        bp = bpPhone;\n      }\n\n      // Calculated columns\n      this.#columns = columns;\n\n      const widgetsEl = this.shadowRoot?.querySelector<HTMLElement>('.widgets');\n      widgetsEl?.style.setProperty('margin-left', `-${(bp / 2)}px`);\n\n      this.#setBlocks(); // setup blocks\n      this.#initRowsAndCols(); // setup columns\n\n      let rowsCounter = 0;\n\n      // Loop thru each block, make fit where available and\n      // If block more wider than available size, make as available size\n      // Assign new left and top css positions\n      for (let i = 0, l = this.#blocks.length; i < l; i++) {\n        const block = this.#blocks[i];\n        const setWidth = (span: number) => {\n          block.elem.style.width = `${(this.widgetWidth * span) + (this.#gapX * (span - 1))}px`;\n        };\n        let colspan = this.#getNumberVal('colspan', block.elem);\n        colspan = colspan > 0 ? colspan : 1;\n        setWidth(colspan);\n\n        // If block more wider than available size, make as available size\n        if (block.w > this.#columns) {\n          block.w = this.#columns;\n          setWidth(this.#columns);\n        }\n\n        // Get Availability\n        const available: IdsHomePageAavailable = this.#getAvailability(block);\n\n        // Set positions\n        const box = this.widgetWidth + this.#gapX;\n        const totalWidth = box * this.#columns;\n        const top = (this.widgetHeight + this.#gapY) * available.row;\n        const left = this.localeAPI?.isRTL()\n          ? totalWidth - ((box * block.w) + (box * available.col))\n          : box * available.col;\n        const pos = { left, top };\n\n        const blockslide: any = animated ? [0.09, 0.11, 0.24, 0.91] : null;\n        this.#applyCubicBezier(block.elem, blockslide);\n        block.elem.style.left = `${pos.left}px`;\n        block.elem.style.top = `${pos.top}px`;\n\n        // Mark all spots as unavailable for this block, as we just used this one\n        this.#fitBlock(available.row, available.col, block);\n        rowsCounter = available.row + 1;\n      }\n\n      // Set container height\n      this.#containerHeight = (this.widgetHeight + this.#gapY) * rowsCounter;\n      this.container?.style.setProperty('height', `${this.#containerHeight}px`);\n\n      // Fires after the page is resized and layout is set\n      this.triggerEvent(EVENTS.resized, this, { detail: { elem: this, ...this.status } });\n    });\n\n    return this;\n  }\n\n  /**\n   * Establish Internal Event Handlers\n   * @private\n   * @returns {object} This API object for chaining\n   */\n  #attachEventHandlers(): object {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"widget\"]`);\n    this.offEvent('slotchange', slot);\n    this.onEvent('slotchange', slot, () => {\n      this.#init();\n    });\n\n    // Set observer for resize\n    this.#resizeObserver.disconnect();\n    if (this.container) this.#resizeObserver.observe(this.container);\n    return this;\n  }\n\n  /** Handle Languages Changes */\n  onLanguageChange = () => {\n    this.#resize();\n  };\n\n  /**\n   * Get the boolean value for given attribute.\n   * @private\n   * @param {string} attr The attribute name to get the value.\n   * @param {any} defaultVal The default value if not found in list.\n   * @returns {any} The value\n   */\n  #getDefaultVal(attr: string, defaultVal: any): any {\n    const val = (HOME_PAGE_DEFAULTS as any)[camelCase(attr)];\n    return typeof val !== 'undefined' ? val : defaultVal;\n  }\n\n  /**\n   * Check the given value is boolean.\n   * @param {boolean|string} val The value.\n   * @returns {boolean} true if the value boolean\n   */\n  #isBool(val: boolean | string | null): boolean {\n    return val === true || val === 'true' || val === false || val === 'false';\n  }\n\n  /**\n   * Get the boolean value for given attribute.\n   * @private\n   * @param {string} attr The attribute name to get the value.\n   * @param {HTMLElement} elem The element.\n   * @returns {boolean} The value\n   */\n  #getBoolVal(attr: string, elem = this): boolean {\n    const val = elem.getAttribute(attr);\n    return val !== null ? stringToBool(val) : this.#getDefaultVal(attr, false);\n  }\n\n  /**\n   * Get the number value for given attribute.\n   * @private\n   * @param {string} attr The attribute name to get the value.\n   * @param {HTMLElement} elem The element.\n   * @returns {number} The value\n   */\n  #getNumberVal(attr: string, elem = this): number {\n    let val: string | number | null = elem.getAttribute(attr);\n    if (val === null) return this.#getDefaultVal(attr, 0);\n    val = stringToNumber(val);\n    return val > 0 ? val : this.#getDefaultVal(attr, 0);\n  }\n\n  /**\n   * Get the current status of home page\n   * @returns {object} containing information about the current status of the home page\n   */\n  get status(): object {\n    let rows = this.#rowsAndCols.length;\n    const cols = rows ? this.#rowsAndCols[0].length : 0;\n\n    const lastRow = this.#rowsAndCols[rows - 1];\n    if (lastRow?.indexOf(false) === -1) {\n      rows -= 1;\n    }\n\n    return {\n      rows,\n      cols,\n      containerHeight: this.#containerHeight,\n      blocks: this.#blocks\n    };\n  }\n\n  /**\n   * Set to animated or not the home page widgets on resize.\n   * @param {boolean|string} value If true, allows animate the home page widgets.\n   */\n  set animated(value: boolean | string | null) {\n    if (this.#isBool(value)) {\n      this.setAttribute(attributes.ANIMATED, String(value));\n    } else {\n      this.removeAttribute(attributes.ANIMATED);\n    }\n  }\n\n  get animated() { return this.#getBoolVal(attributes.ANIMATED); }\n\n  /**\n   * Set widget height for single span\n   * @param {number|string} value The height\n   */\n  set widgetHeight(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.WIDGET_HEIGHT, String(value));\n    } else {\n      this.removeAttribute(attributes.WIDGET_HEIGHT);\n    }\n  }\n\n  get widgetHeight(): number { return this.#getNumberVal(attributes.WIDGET_HEIGHT); }\n\n  /**\n   * Set widget width for single span\n   * @param {number|string} value The width\n   */\n  set widgetWidth(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.WIDGET_WIDTH, String(value));\n    } else {\n      this.removeAttribute(attributes.WIDGET_WIDTH);\n    }\n  }\n\n  get widgetWidth(): number { return this.#getNumberVal(attributes.WIDGET_WIDTH); }\n\n  /**\n   * Set number of columns to display\n   * @param {number|string} value Number of columns\n   */\n  set cols(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.COLS, String(value));\n    } else {\n      this.removeAttribute(attributes.COLS);\n    }\n  }\n\n  get cols() { return this.#getNumberVal(attributes.COLS); }\n\n  /**\n   * Set widget gap for single span, apply same for both horizontal and vertical sides\n   * @param {number|string} value The row gap\n   */\n  set gap(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.GAP, String(value));\n    } else {\n      this.removeAttribute(attributes.GAP);\n    }\n    this.#refreshGap();\n  }\n\n  get gap() { return this.getAttribute(attributes.GAP); }\n\n  /**\n   * Set widget horizontal gap for single span\n   * @param {number|string} value The gap-x\n   */\n  set gapX(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.GAP_X, String(value));\n    } else {\n      this.removeAttribute(attributes.GAP_X);\n    }\n    this.#refreshGap();\n  }\n\n  get gapX() { return this.getAttribute(attributes.GAP_X); }\n\n  /**\n   * Set widget vertical gap for single span\n   * @param {number|string} value The gap-y\n   */\n  set gapY(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.GAP_Y, String(value));\n    } else {\n      this.removeAttribute(attributes.GAP_Y);\n    }\n    this.#refreshGap();\n  }\n\n  get gapY() { return this.getAttribute(attributes.GAP_Y); }\n}\n"],
+  "mappings": "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",
+  "names": ["ids_home_page_default", "Base", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "_blocks", "_widgets", "_columns", "_containerHeight", "_gapX", "_gapY", "_rowsAndCols", "_resizeObserver", "_IdsHomePage_instances", "init_fn", "initWidgets_fn", "initRowsAndCols_fn", "initColumns_fn", "setGap_fn", "refreshGap_fn", "setBlocks_fn", "arrayIndexMove_fn", "fitBlock_fn", "getAvailability_fn", "applyCubicBezier_fn", "resize_fn", "attachEventHandlers_fn", "getDefaultVal_fn", "isBool_fn", "getBoolVal_fn", "getNumberVal_fn", "IdsHomePage", "__privateAdd", "__privateMethod", "__publicField", "attributes", "animated", "rows", "__privateGet", "cols", "value", "__privateSet", "widget", "colspan", "rowspan", "w", "h", "row", "i", "l", "d", "HOME_PAGE_DEFAULTS", "gap", "gapX", "gapY", "x", "y", "stringToNumber", "j", "arr", "from", "to", "r", "c", "block", "addRow", "l2", "abort", "smallest", "innerCheck", "n", "elem", "effect", "widgetWidth", "bpXl3", "bpXl2", "bpXl", "bpDesktop", "bpTablet", "bpPhone", "bp", "elemWidth", "xl3", "xl2", "xl", "desktop", "tablet", "phone", "columns", "rowsCounter", "setWidth", "span", "available", "box", "totalWidth", "top", "pos", "blockslide", "EVENTS", "slot", "attr", "defaultVal", "val", "camelCase", "stringToBool", "__decorateClass", "customElement", "scss", "ids_home_page_default"]
+}

package/chunks/{ids-chunk-SLM5HU5X.js → ids-chunk-K3B3NN6V.js}

@@ -1,2 +1,2 @@
-import{a as h}from"./ids-chunk-MOWYMP3D.js";import{e as m}from"./ids-chunk-ZNNLOALS.js";import{a as o}from"./ids-chunk-7TWTH2YZ.js";var u=32,d=l=>class extends l{#o={};#e;#t;#i;#s;#n;#a;cursorEl=document.createElement("div");isDragging=!1;state={axis:"",parentContainment:null,minTransformX:0,maxTransformX:0,minTransformY:0,maxTransformY:0};constructor(...t){super(...t)}static get attributes(){return[...l.attributes,o.DRAGGABLE,o.HANDLE]}connectedCallback(){super.connectedCallback?.(),this.draggable&&this.#r()}#r(){this.updateHandleElem(),this.offEvent("mousedown",this.#e),this.offEvent("mouseup",window.document,this.onMouseUp),this.offEvent("mousemove",window.document,this.onMouseMove),this.onEvent("mousedown",this.#e,t=>{if(this.disabled||t.button!==0)return;t.preventDefault(),this.isDragging=!0,this.onEvent("mouseup",document,this.onMouseUp),this.onEvent("mousemove",document,this.onMouseMove),this.state.parentContainment&&this.#l(t?.path||t?.composedPath?.()),this.#i={x:t.x,y:t.y};let e=h(this);this.#s={x:this.state.axis!=="y"?e.x:0,y:this.state.axis!=="x"?e.y:0},this.triggerEvent("dragstart",this,{detail:{mouseX:t.x,mouseY:t.y,translateX:this.#s.x,transitionY:this.#s.y}});let s=this.getBoundingClientRect();this.#n={width:s.width,height:s.height,left:s.left-this.#s.x,right:s.right-this.#s.x,top:s.top-this.#s.y,bottom:s.bottom-this.#s.y};let i=0,n=0,a=0,r=0;this.#t&&(i=this.#t.left-this.#n.left,n=this.#t.right-this.#n.right,a=this.#t.top-this.#n.top,r=this.#t.bottom-this.#n.bottom),this.#a={left:i+(this.#o.left||0),right:n-(this.#o.right||0),top:a+(this.#o.top||0),bottom:r-(this.#o.bottom||0)},this.cursorEl.style.pointerEvents="all",(document.body.querySelector("ids-container")||document.body).appendChild(this.cursorEl)})}set disabled(t){this.toggleAttribute(o.DISABLED,m(t)),this.disabled&&this.offEvent("mousemove",window.document,this.onMouseMove)}get disabled(){return this.hasAttribute(o.DISABLED)}set handle(t){t?this.setAttribute(o.HANDLE,t):this.removeAttribute(o.HANDLE),this.updateHandleElem()}get handle(){return this.getAttribute(o.HANDLE)}updateHandleElem=()=>{this.#e=this.handle?document.querySelector(this.handle)||this:this,this.#e!==this&&(this.#e.style.cursor=this.getCursorStyle())};onMouseMove=t=>{t.preventDefault();let e={};if(this.isDragging){let s=t.x-this.#i.x,i=t.y-this.#i.y,[n,a]=this.#h(s,i);this.#t&&(e.parentPosition=this.#t),e.mouseX=t.x,e.mouseY=t.y,e.clientX=t.clientX,e.clientY=t.clientY,e.dragDeltaX=s,e.dragDeltaY=i,e.translateX=n,e.translateY=a,this.cursorEl&&(this.cursorEl.style.left=`${t.x-u/2}px`,this.cursorEl.style.top=`${t.y-u/2}px`)}e.originalEvent=t,this.triggerEvent("drag",this,{detail:e})};onMouseUp=t=>{if(this.isDragging){this.isDragging=!1;let e=h(this);this.triggerEvent("dragend",this,{detail:{mouseX:t.x,mouseY:t.y,dragDeltaX:t.x-this.#i.x,dragDeltaY:t.y-this.#i.y,translateX:e.x,translateY:e.y}}),(document.body.querySelector("ids-container")||document.body)?.removeChild(this.cursorEl)}this.offEvent("mousemove",document,this.onMouseMove),this.offEvent("mouseup",document,this.onMouseUp),this.cursorEl.style.pointerEvents="none"};#h=(t,e)=>{let s=0,i=0;return this.state.axis!=="y"&&(s=this.#s.x+t),this.state.axis!=="x"&&(i=this.#s.y+e),this.state.parentContainment&&(this.state.axis!=="y"&&(s=Math.max(this.#a.left,s),s=Math.min(this.#a.right,s)),this.state.axis!=="x"&&(i=Math.max(this.#a.top,i),i=Math.min(this.#a.bottom,i))),this.state.minTransformX&&(s=Math.max(s,this.state.minTransformX)),this.state.maxTransformX&&(s=Math.min(s,this.state.maxTransformX)),this.state.minTransformY&&(i=Math.max(i,this.state.minTransformY)),this.state.maxTransformY&&(i=Math.min(i,this.state.maxTransformY)),this.style.setProperty("transform",`translate(${s}px, ${i}px)`),this.setAttribute("aria-valuenow",(this.state.axis==="x"?s:i).toString()),[s,i]};getCursorStyle(){switch(this.state.axis){case"x":return"ew-resize";case"y":return"ns-resize";default:return"move"}}#l(t){this.#t=void 0;let e=0,s=t[e],i=!1,n=!1,a=!1;for(;(!this.#t||!i||a||n)&&e+1<t.length;){if(s===this&&(i=!0),e++,s=t[e],n=s.tagName==="SLOT",a=s instanceof ShadowRoot,a||n)continue;let r=s?.getBoundingClientRect?.();r?.height!==0&&r?.width!==0&&(this.#t=r)}}},y=d;export{y as a};
-//# sourceMappingURL=ids-chunk-SLM5HU5X.js.map
+import{a as h}from"./ids-chunk-MOWYMP3D.js";import{e as m}from"./ids-chunk-ZNNLOALS.js";import{a as o}from"./ids-chunk-TUG7JY5H.js";var u=32,d=l=>class extends l{#o={};#e;#t;#i;#s;#n;#a;cursorEl=document.createElement("div");isDragging=!1;state={axis:"",parentContainment:null,minTransformX:0,maxTransformX:0,minTransformY:0,maxTransformY:0};constructor(...t){super(...t)}static get attributes(){return[...l.attributes,o.DRAGGABLE,o.HANDLE]}connectedCallback(){super.connectedCallback?.(),this.draggable&&this.#r()}#r(){this.updateHandleElem(),this.offEvent("mousedown",this.#e),this.offEvent("mouseup",window.document,this.onMouseUp),this.offEvent("mousemove",window.document,this.onMouseMove),this.onEvent("mousedown",this.#e,t=>{if(this.disabled||t.button!==0)return;t.preventDefault(),this.isDragging=!0,this.onEvent("mouseup",document,this.onMouseUp),this.onEvent("mousemove",document,this.onMouseMove),this.state.parentContainment&&this.#l(t?.path||t?.composedPath?.()),this.#i={x:t.x,y:t.y};let e=h(this);this.#s={x:this.state.axis!=="y"?e.x:0,y:this.state.axis!=="x"?e.y:0},this.triggerEvent("dragstart",this,{detail:{mouseX:t.x,mouseY:t.y,translateX:this.#s.x,transitionY:this.#s.y}});let s=this.getBoundingClientRect();this.#n={width:s.width,height:s.height,left:s.left-this.#s.x,right:s.right-this.#s.x,top:s.top-this.#s.y,bottom:s.bottom-this.#s.y};let i=0,n=0,a=0,r=0;this.#t&&(i=this.#t.left-this.#n.left,n=this.#t.right-this.#n.right,a=this.#t.top-this.#n.top,r=this.#t.bottom-this.#n.bottom),this.#a={left:i+(this.#o.left||0),right:n-(this.#o.right||0),top:a+(this.#o.top||0),bottom:r-(this.#o.bottom||0)},this.cursorEl.style.pointerEvents="all",(document.body.querySelector("ids-container")||document.body).appendChild(this.cursorEl)})}set disabled(t){this.toggleAttribute(o.DISABLED,m(t)),this.disabled&&this.offEvent("mousemove",window.document,this.onMouseMove)}get disabled(){return this.hasAttribute(o.DISABLED)}set handle(t){t?this.setAttribute(o.HANDLE,t):this.removeAttribute(o.HANDLE),this.updateHandleElem()}get handle(){return this.getAttribute(o.HANDLE)}updateHandleElem=()=>{this.#e=this.handle?document.querySelector(this.handle)||this:this,this.#e!==this&&(this.#e.style.cursor=this.getCursorStyle())};onMouseMove=t=>{t.preventDefault();let e={};if(this.isDragging){let s=t.x-this.#i.x,i=t.y-this.#i.y,[n,a]=this.#h(s,i);this.#t&&(e.parentPosition=this.#t),e.mouseX=t.x,e.mouseY=t.y,e.clientX=t.clientX,e.clientY=t.clientY,e.dragDeltaX=s,e.dragDeltaY=i,e.translateX=n,e.translateY=a,this.cursorEl&&(this.cursorEl.style.left=`${t.x-u/2}px`,this.cursorEl.style.top=`${t.y-u/2}px`)}e.originalEvent=t,this.triggerEvent("drag",this,{detail:e})};onMouseUp=t=>{if(this.isDragging){this.isDragging=!1;let e=h(this);this.triggerEvent("dragend",this,{detail:{mouseX:t.x,mouseY:t.y,dragDeltaX:t.x-this.#i.x,dragDeltaY:t.y-this.#i.y,translateX:e.x,translateY:e.y}}),(document.body.querySelector("ids-container")||document.body)?.removeChild(this.cursorEl)}this.offEvent("mousemove",document,this.onMouseMove),this.offEvent("mouseup",document,this.onMouseUp),this.cursorEl.style.pointerEvents="none"};#h=(t,e)=>{let s=0,i=0;return this.state.axis!=="y"&&(s=this.#s.x+t),this.state.axis!=="x"&&(i=this.#s.y+e),this.state.parentContainment&&(this.state.axis!=="y"&&(s=Math.max(this.#a.left,s),s=Math.min(this.#a.right,s)),this.state.axis!=="x"&&(i=Math.max(this.#a.top,i),i=Math.min(this.#a.bottom,i))),this.state.minTransformX&&(s=Math.max(s,this.state.minTransformX)),this.state.maxTransformX&&(s=Math.min(s,this.state.maxTransformX)),this.state.minTransformY&&(i=Math.max(i,this.state.minTransformY)),this.state.maxTransformY&&(i=Math.min(i,this.state.maxTransformY)),this.style.setProperty("transform",`translate(${s}px, ${i}px)`),this.setAttribute("aria-valuenow",(this.state.axis==="x"?s:i).toString()),[s,i]};getCursorStyle(){switch(this.state.axis){case"x":return"ew-resize";case"y":return"ns-resize";default:return"move"}}#l(t){this.#t=void 0;let e=0,s=t[e],i=!1,n=!1,a=!1;for(;(!this.#t||!i||a||n)&&e+1<t.length;){if(s===this&&(i=!0),e++,s=t[e],n=s.tagName==="SLOT",a=s instanceof ShadowRoot,a||n)continue;let r=s?.getBoundingClientRect?.();r?.height!==0&&r?.width!==0&&(this.#t=r)}}},y=d;export{y as a};
+//# sourceMappingURL=ids-chunk-K3B3NN6V.js.map

package/chunks/ids-chunk-K5NPY6YS.js

@@ -0,0 +1,51 @@
+import{a as c}from"./ids-chunk-M6FUANVZ.js";import{a as m}from"./ids-chunk-3ZNIY4EY.js";import{a as o,b as p}from"./ids-chunk-W544ATNJ.js";import{a as r}from"./ids-chunk-HEO7ODV7.js";import{a as t}from"./ids-chunk-TUG7JY5H.js";import{a as n,d,f as g}from"./ids-chunk-L5CMP5FA.js";var b=`.ids-empty-message {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 310px;
+}
+.ids-empty-message .button {
+  margin-block-end: var(--ids-empty-message-button-margin-block-end);
+}
+.ids-empty-message .icon {
+  fill: var(--ids-empty-message-color-icon-fill);
+  color: var(--ids-empty-message-icon-color);
+  margin: var(--ids-empty-message-icon-margin);
+  height: var(--ids-empty-message-icon-height);
+  width: var(--ids-empty-message-icon-width);
+}
+.ids-empty-message .label {
+  padding: var(--ids-empty-message-label-padding);
+}
+.ids-empty-message .label ::slotted(span) {
+  font-size: var(--ids-empty-message-label-font-size);
+}
+.ids-empty-message .description {
+  padding: var(--ids-empty-message-description-padding);
+  text-align: var(--ids-empty-message-description-font-align);
+}
+@media all and (max-width: 600px) {
+  .ids-empty-message {
+    max-width: 340px;
+  }
+}
+@media all and (max-width: 360px) {
+  .ids-empty-message {
+    max-width: 260px;
+  }
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtZW1wdHktbWVzc2FnZSIsInNvdXJjZXMiOlsiaWRzLWVtcHR5LW1lc3NhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFFQTtFQUNFOztBQUlKO0VBQ0U7RUFDQTs7QUFHRjtFQWhDRjtJQWlDSTs7O0FBR0Y7RUFwQ0Y7SUFxQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucyc7XG5cbi5pZHMtZW1wdHktbWVzc2FnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IDMxMHB4O1xuXG4gIC5idXR0b24ge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWJ1dHRvbi1tYXJnaW4tYmxvY2stZW5kKTtcbiAgfVxuXG4gIC5pY29uIHtcbiAgICBmaWxsOiB2YXIoLS1pZHMtZW1wdHktbWVzc2FnZS1jb2xvci1pY29uLWZpbGwpO1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtZW1wdHktbWVzc2FnZS1pY29uLWNvbG9yKTtcbiAgICBtYXJnaW46IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWljb24tbWFyZ2luKTtcbiAgICBoZWlnaHQ6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWljb24taGVpZ2h0KTtcbiAgICB3aWR0aDogdmFyKC0taWRzLWVtcHR5LW1lc3NhZ2UtaWNvbi13aWR0aCk7XG4gIH1cblxuICAubGFiZWwge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWxhYmVsLXBhZGRpbmcpO1xuXG4gICAgOjpzbG90dGVkKHNwYW4pIHtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWVtcHR5LW1lc3NhZ2UtbGFiZWwtZm9udC1zaXplKTtcbiAgICB9XG4gIH1cblxuICAuZGVzY3JpcHRpb24ge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWRlc2NyaXB0aW9uLXBhZGRpbmcpO1xuICAgIHRleHQtYWxpZ246IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWRlc2NyaXB0aW9uLWZvbnQtYWxpZ24pO1xuICB9XG5cbiAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICBtYXgtd2lkdGg6ICRicmVha3BvaW50LXhzIC0gMjBweDtcbiAgfVxuXG4gIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRicmVha3BvaW50LXhzKSB7XG4gICAgbWF4LXdpZHRoOiAkYnJlYWtwb2ludC14cyAtIDEwMHB4O1xuICB9XG59XG4iXX0= */`;var u=m(r),s,W,i=class extends u{constructor(){super();d(this,s)}connectedCallback(){super.connectedCallback(),g(this,s,W).call(this)}static get attributes(){return[...super.attributes,t.ICON]}iconData(){return c[this.icon]}template(){return`<div class="ids-empty-message" part="container">
+        <svg class="icon" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" aria-hidden="true">${this.iconData()}</svg>
+        <div class="label">
+          <slot name="label"></slot>
+        </div>
+        <div class="description">
+          <slot name="description"></slot>
+        </div>
+        <div class="button">
+          <slot name="button"></slot>
+        </div>
+      </div>
+    </div>`}get icon(){return this.getAttribute(t.ICON)}set icon(a){let e=this.shadowRoot?.querySelector("svg"),l=c[a];a&&l?(e?.style.setProperty("display",""),this.setAttribute(t.ICON,a),e&&(e.innerHTML=l)):(this.removeAttribute(t.ICON),e?.style.setProperty("display","none"))}};s=new WeakSet,W=function(){return this},i=n([o("ids-empty-message"),p(b)],i);export{i as a};
+//# sourceMappingURL=ids-chunk-K5NPY6YS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-empty-message/ids-empty-message.scss", "../../../../src/components/ids-empty-message/ids-empty-message.ts"],
+  "sourcesContent": ["export default `.ids-empty-message {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 310px;\n}\n.ids-empty-message .button {\n  margin-block-end: var(--ids-empty-message-button-margin-block-end);\n}\n.ids-empty-message .icon {\n  fill: var(--ids-empty-message-color-icon-fill);\n  color: var(--ids-empty-message-icon-color);\n  margin: var(--ids-empty-message-icon-margin);\n  height: var(--ids-empty-message-icon-height);\n  width: var(--ids-empty-message-icon-width);\n}\n.ids-empty-message .label {\n  padding: var(--ids-empty-message-label-padding);\n}\n.ids-empty-message .label ::slotted(span) {\n  font-size: var(--ids-empty-message-label-font-size);\n}\n.ids-empty-message .description {\n  padding: var(--ids-empty-message-description-padding);\n  text-align: var(--ids-empty-message-description-font-align);\n}\n@media all and (max-width: 600px) {\n  .ids-empty-message {\n    max-width: 340px;\n  }\n}\n@media all and (max-width: 360px) {\n  .ids-empty-message {\n    max-width: 260px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtZW1wdHktbWVzc2FnZSIsInNvdXJjZXMiOlsiaWRzLWVtcHR5LW1lc3NhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFFQTtFQUNFOztBQUlKO0VBQ0U7RUFDQTs7QUFHRjtFQWhDRjtJQWlDSTs7O0FBR0Y7RUFwQ0Y7SUFxQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucyc7XG5cbi5pZHMtZW1wdHktbWVzc2FnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IDMxMHB4O1xuXG4gIC5idXR0b24ge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWJ1dHRvbi1tYXJnaW4tYmxvY2stZW5kKTtcbiAgfVxuXG4gIC5pY29uIHtcbiAgICBmaWxsOiB2YXIoLS1pZHMtZW1wdHktbWVzc2FnZS1jb2xvci1pY29uLWZpbGwpO1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtZW1wdHktbWVzc2FnZS1pY29uLWNvbG9yKTtcbiAgICBtYXJnaW46IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWljb24tbWFyZ2luKTtcbiAgICBoZWlnaHQ6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWljb24taGVpZ2h0KTtcbiAgICB3aWR0aDogdmFyKC0taWRzLWVtcHR5LW1lc3NhZ2UtaWNvbi13aWR0aCk7XG4gIH1cblxuICAubGFiZWwge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWxhYmVsLXBhZGRpbmcpO1xuXG4gICAgOjpzbG90dGVkKHNwYW4pIHtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWVtcHR5LW1lc3NhZ2UtbGFiZWwtZm9udC1zaXplKTtcbiAgICB9XG4gIH1cblxuICAuZGVzY3JpcHRpb24ge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWRlc2NyaXB0aW9uLXBhZGRpbmcpO1xuICAgIHRleHQtYWxpZ246IHZhcigtLWlkcy1lbXB0eS1tZXNzYWdlLWRlc2NyaXB0aW9uLWZvbnQtYWxpZ24pO1xuICB9XG5cbiAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICBtYXgtd2lkdGg6ICRicmVha3BvaW50LXhzIC0gMjBweDtcbiAgfVxuXG4gIEBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6ICRicmVha3BvaW50LXhzKSB7XG4gICAgbWF4LXdpZHRoOiAkYnJlYWtwb2ludC14cyAtIDEwMHB4O1xuICB9XG59XG4iXX0= */`;\n", "// Import Base and Decorators\nimport pathData from 'ids-foundation/icons/empty/path-data.json';\nimport { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\n\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport '../ids-icon/ids-icon';\nimport '../ids-text/ids-text';\n\nimport styles from './ids-empty-message.scss';\n\nconst Base = IdsEventsMixin(\n  IdsElement\n);\n\n/**\n * IDS Empty Message Component\n * @type {IdsEmptyMessage}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @part container - the container element\n */\n@customElement('ids-empty-message')\n@scss(styles)\nexport default class IdsEmptyMessage extends Base {\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is add into a document-connected element\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.#attachEventHandlers();\n  }\n\n  /**\n   * Return the attributes we handle as getters and setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.ICON\n    ];\n  }\n\n  iconData(): string {\n    return (<any>pathData)[this.icon as any];\n  }\n\n  /**\n   * Create the template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `<div class=\"ids-empty-message\" part=\"container\">\n        <svg class=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"currentColor\" aria-hidden=\"true\">${this.iconData()}</svg>\n        <div class=\"label\">\n          <slot name=\"label\"></slot>\n        </div>\n        <div class=\"description\">\n          <slot name=\"description\"></slot>\n        </div>\n        <div class=\"button\">\n          <slot name=\"button\"></slot>\n        </div>\n      </div>\n    </div>`;\n  }\n\n  /**\n   * Establish internal event handlers\n   * @private\n   * @returns {object} The object for chaining\n   */\n  #attachEventHandlers() {\n    return this;\n  }\n\n  get icon(): string | null { return this.getAttribute(attributes.ICON); }\n\n  set icon(value: string | null) {\n    const svgIcon = this.shadowRoot?.querySelector('svg');\n    const iconData = (pathData as any)[value as string];\n    if (value && iconData) {\n      svgIcon?.style.setProperty('display', '');\n      this.setAttribute(attributes.ICON, value);\n      if (svgIcon) svgIcon.innerHTML = iconData;\n    } else {\n      this.removeAttribute(attributes.ICON);\n      svgIcon?.style.setProperty('display', 'none');\n    }\n  }\n}\n"],
+  "mappings": "wRAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;q2DCaf,IAAMC,EAAOC,EACXC,CACF,EAfAC,EAAAC,EA0BqBC,EAArB,cAA6CL,CAAK,CAChD,aAAc,CACZ,MAAM,EAFVM,EAAA,KAAAH,EAGE,CAKA,mBAAoB,CAClB,MAAM,kBAAkB,EACxBI,EAAA,KAAKJ,EAAAC,GAAL,UACF,CAMA,WAAW,YAAa,CACtB,MAAO,CACL,GAAG,MAAM,WACTI,EAAW,IACb,CACF,CAEA,UAAmB,CACjB,OAAaC,EAAU,KAAK,IAAW,CACzC,CAMA,UAAmB,CACjB,MAAO;AAAA,wGAC6F,KAAK,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYrH,CAWA,IAAI,MAAsB,CAAE,OAAO,KAAK,aAAaD,EAAW,IAAI,CAAG,CAEvE,IAAI,KAAKE,EAAsB,CAC7B,IAAMC,EAAU,KAAK,YAAY,cAAc,KAAK,EAC9CC,EAAYH,EAAiBC,CAAe,EAC9CA,GAASE,GACXD,GAAS,MAAM,YAAY,UAAW,EAAE,EACxC,KAAK,aAAaH,EAAW,KAAME,CAAK,EACpCC,IAASA,EAAQ,UAAYC,KAEjC,KAAK,gBAAgBJ,EAAW,IAAI,EACpCG,GAAS,MAAM,YAAY,UAAW,MAAM,EAEhD,CACF,EAvEAR,EAAA,YAqDEC,EAAoB,UAAG,CACrB,OAAO,IACT,EAvDmBC,EAArBQ,EAAA,CAFCC,EAAc,mBAAmB,EACjCC,EAAKC,CAAM,GACSX",
+  "names": ["ids_empty_message_default", "Base", "ids_events_mixin_default", "IdsElement", "_IdsEmptyMessage_instances", "attachEventHandlers_fn", "IdsEmptyMessage", "__privateAdd", "__privateMethod", "attributes", "path_data_default", "value", "svgIcon", "iconData", "__decorateClass", "customElement", "scss", "ids_empty_message_default"]
+}

package/chunks/{ids-chunk-W2DJ4YSJ.js → ids-chunk-KCGL3ZUO.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./ids-chunk-7TWTH2YZ.js";var a=i=>class extends i{previousDisplayMode=!1;constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.DISPLAY_MODE]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(t.DISPLAY_MODE)&&(this.displayMode=this.getAttribute(t.DISPLAY_MODE))}disconnectedCallback(){super.disconnectedCallback?.()}set displayMode(e){let s=!1;typeof e=="string"&&(e==="expanded"||e==="collapsed")&&(s=e);let o=this.previousDisplayMode;o!==s&&(s!==!1?this.setAttribute(t.DISPLAY_MODE,`${s}`):(this.removeAttribute(t.DISPLAY_MODE),s=!1),this.previousDisplayMode=s,this.#s(o,s))}get displayMode(){return this.getAttribute(t.DISPLAY_MODE)??!1}#s(e,s){this.container&&(e&&this.container?.classList.remove(`display-mode-${e}`),s&&this.container?.classList.add(`display-mode-${s}`)),typeof this.onDisplayModeChange=="function"&&this.onDisplayModeChange(e,s)}checkDisplayMode(){this.previousDisplayMode!==this.displayMode&&this.#s(this.previousDisplayMode,this.displayMode)}},l=a;export{l as a};
-//# sourceMappingURL=ids-chunk-W2DJ4YSJ.js.map
+import{a as t}from"./ids-chunk-TUG7JY5H.js";var a=i=>class extends i{previousDisplayMode=!1;constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.DISPLAY_MODE]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(t.DISPLAY_MODE)&&(this.displayMode=this.getAttribute(t.DISPLAY_MODE))}disconnectedCallback(){super.disconnectedCallback?.()}set displayMode(e){let s=!1;typeof e=="string"&&(e==="expanded"||e==="collapsed")&&(s=e);let o=this.previousDisplayMode;o!==s&&(s!==!1?this.setAttribute(t.DISPLAY_MODE,`${s}`):(this.removeAttribute(t.DISPLAY_MODE),s=!1),this.previousDisplayMode=s,this.#s(o,s))}get displayMode(){return this.getAttribute(t.DISPLAY_MODE)??!1}#s(e,s){this.container&&(e&&this.container?.classList.remove(`display-mode-${e}`),s&&this.container?.classList.add(`display-mode-${s}`)),typeof this.onDisplayModeChange=="function"&&this.onDisplayModeChange(e,s)}checkDisplayMode(){this.previousDisplayMode!==this.displayMode&&this.#s(this.previousDisplayMode,this.displayMode)}},l=a;export{l as a};
+//# sourceMappingURL=ids-chunk-KCGL3ZUO.js.map

package/chunks/{ids-chunk-WFWAQSQ6.js → ids-chunk-KCK4MJOQ.js}

@@ -1,4 +1,4 @@
-import{a as M}from"./ids-chunk-I5GXE45J.js";import{a as L}from"./ids-chunk-46CNAHSV.js";import{a as y}from"./ids-chunk-W544ATNJ.js";import{d as S}from"./ids-chunk-CZUYZPLU.js";import{d as A,e as O,i as x}from"./ids-chunk-ZNNLOALS.js";import{a}from"./ids-chunk-7TWTH2YZ.js";import{a as E,d as T,f as d}from"./ids-chunk-L5CMP5FA.js";var p=`[${a.MORE_ACTIONS}]`,r,I,b,R,$,h=class extends L(M){constructor(){super();T(this,r)}static get attributes(){return[...super.attributes,a.OVERFLOW]}connectedCallback(){super.connectedCallback(),d(this,r,$).call(this),this.renderOverflowedItems()}template(){let s=x("ids-tab","more",this.selected,this.orientation),t=this.selected?' font-weight="semi-bold"':"";return`<div id="tab-more" ${s} tabindex="-1" part="container">
+import{a as M}from"./ids-chunk-WLFYVFIJ.js";import{a as L}from"./ids-chunk-5726KNWI.js";import{a as y}from"./ids-chunk-W544ATNJ.js";import{d as S}from"./ids-chunk-CZUYZPLU.js";import{d as A,e as O,i as x}from"./ids-chunk-ZNNLOALS.js";import{a}from"./ids-chunk-TUG7JY5H.js";import{a as E,d as T,f as d}from"./ids-chunk-L5CMP5FA.js";var p=`[${a.MORE_ACTIONS}]`,r,I,b,R,$,h=class extends L(M){constructor(){super();T(this,r)}static get attributes(){return[...super.attributes,a.OVERFLOW]}connectedCallback(){super.connectedCallback(),d(this,r,$).call(this),this.renderOverflowedItems()}template(){let s=x("ids-tab","more",this.selected,this.orientation),t=this.selected?' font-weight="semi-bold"':"";return`<div id="tab-more" ${s} tabindex="-1" part="container">
       <span class="tab-more-text">
         <ids-text id="count" audible>4</ids-text>
         <ids-text id="more-text" size="22"${t} translate-text="true" audible>More</ids-text>
@@ -16,4 +16,4 @@ import{a as M}from"./ids-chunk-I5GXE45J.js";import{a as L}from"./ids-chunk-46CNA
       ${i}
       ${u}
     </ids-menu-item>`},R=function(){!this.menu||!this.menu.popup||(this.menu.target=this,this.menu.triggerType="click",this.colorVariant!=="module"?(this.menu.popup.arrow="bottom",this.menu.popup.arrowTarget=this.dropdownIcon||this,this.menu.popup.align="bottom, right",this.menu.popup.y=4):this.menu?.popup&&(this.menu.popup.align="bottom, left",this.menu.popup.y=0))},$=function(){this.onEvent("beforeshow",this.menu,e=>{this.triggerEvent("beforeshow",this,{bubbles:e.bubbles,detail:e.detail}),d(this,r,R).call(this),this.refreshOverflowedItems(),this.container?.classList.add("is-open")}),this.onEvent("beforehide",this.menu,()=>{this.container?.classList.remove("is-open")}),this.onEvent("click",this,()=>{this.menu.visible?this.menu.hide():this.menu.show()}),this.onEvent("click",this.menu,e=>{let s=e.target;if(s&&s.tagName==="IDS-ICON"&&s.getAttribute("icon")==="close"){let t=S(s,"ids-menu-item");t&&t.overflowTarget.dismiss()}}),this.onEvent("selected",this.menu,e=>{let s=e.detail.elem;s.overflowTarget&&s.overflowTarget.click()})},h=E([y("ids-tab-more")],h);export{h as a};
-//# sourceMappingURL=ids-chunk-WFWAQSQ6.js.map
+//# sourceMappingURL=ids-chunk-KCK4MJOQ.js.map

package/chunks/ids-chunk-KJ553URT.js

@@ -0,0 +1,12 @@
+import{a as r}from"./ids-chunk-5726KNWI.js";import{a as b}from"./ids-chunk-KH2KRY56.js";import{a as g}from"./ids-chunk-3ZNIY4EY.js";import{a as l,b as d}from"./ids-chunk-W544ATNJ.js";import{a as m}from"./ids-chunk-HEO7ODV7.js";import{a,d as o,f as c}from"./ids-chunk-L5CMP5FA.js";var u=`.ids-segmented-control {
+  align-items: center;
+  background-color: var(--ids-color-accent-neutral-weakest);
+  border-radius: var(--ids-border-radius-sm);
+  display: inline-flex;
+  gap: var(--ids-space-2xs);
+  padding: var(--ids-space-2xs);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc2VnbWVudGVkLWNvbnRyb2wiLCJzb3VyY2VzIjpbImlkcy1zZWdtZW50ZWQtY29udHJvbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmlkcy1zZWdtZW50ZWQtY29udHJvbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jb2xvci1hY2NlbnQtbmV1dHJhbC13ZWFrZXN0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWJvcmRlci1yYWRpdXMtc20pO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZ2FwOiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG59XG4iXX0= */`;var v=b(r(g(m))),s,p,h,Z,i=class extends v{constructor(){super();o(this,s)}connectedCallback(){super.connectedCallback(),c(this,s,p).call(this),c(this,s,h).call(this)}disconnectedCallback(){super.disconnectedCallback(),c(this,s,Z).call(this)}template(){return`<div class="ids-segmented-control" part="container">
+      <slot></slot>
+    </div>`}get toggleButtons(){return this.querySelectorAll("ids-toggle-button")}handleToggleClick(t){let e=t.target;e.tagName.toLowerCase()==="ids-toggle-button"&&this.updateToggleState(e)}updateToggleState(t){this.toggleButtons.forEach(n=>{n===t?n.pressed=!0:n.pressed=!1})}};s=new WeakSet,p=function(){this.querySelectorAll("ids-toggle-button").forEach(e=>{e.classList.add("ids-toggle-button-segmented")})},h=function(){this.onEvent("click",this.container,t=>this.handleToggleClick(t)),this.onEvent("pressed-changed",this,t=>{let{detail:e}=t;e.pressed&&this.updateToggleState(e.element)})},Z=function(){this.offEvent("click",this.container),this.offEvent("pressed-changed",this)},i=a([l("ids-segmented-control"),d(u)],i);export{i as a};
+//# sourceMappingURL=ids-chunk-KJ553URT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-segmented-control/ids-segmented-control.scss", "../../../../src/components/ids-segmented-control/ids-segmented-control.ts"],
+  "sourcesContent": ["export default `.ids-segmented-control {\n  align-items: center;\n  background-color: var(--ids-color-accent-neutral-weakest);\n  border-radius: var(--ids-border-radius-sm);\n  display: inline-flex;\n  gap: var(--ids-space-2xs);\n  padding: var(--ids-space-2xs);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc2VnbWVudGVkLWNvbnRyb2wiLCJzb3VyY2VzIjpbImlkcy1zZWdtZW50ZWQtY29udHJvbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmlkcy1zZWdtZW50ZWQtY29udHJvbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jb2xvci1hY2NlbnQtbmV1dHJhbC13ZWFrZXN0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWJvcmRlci1yYWRpdXMtc20pO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZ2FwOiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG59XG4iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\n\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsKeyboardMixin from '../../mixins/ids-keyboard-mixin/ids-keyboard-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport styles from './ids-segmented-control.scss';\n\nconst Base = IdsKeyboardMixin(\n  IdsLocaleMixin(\n    IdsEventsMixin(\n      IdsElement\n    )\n  )\n);\n\n@customElement('ids-segmented-control')\n@scss(styles)\nexport default class IdsSegementedControl extends Base {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.#addSegmentedClass();\n    this.#attachEventHandlers();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#detachEventHandlers();\n  }\n\n  template(): string {\n    return `<div class=\"ids-segmented-control\" part=\"container\">\n      <slot></slot>\n    </div>`;\n  }\n\n  /**\n   * Adds the '.ids-toggle-button-segmented' class to each ids-toggle-button.\n   */\n  #addSegmentedClass() {\n    const buttons = this.querySelectorAll('ids-toggle-button');\n    buttons.forEach((button: any) => {\n      button.classList.add('ids-toggle-button-segmented');\n    });\n  }\n\n  /**\n   * Attaches event handlers for managing the toggle button states.\n   */\n  #attachEventHandlers() {\n    this.onEvent('click', this.container, (event: Event) => this.handleToggleClick(event));\n    this.onEvent('pressed-changed', this, (event: CustomEvent) => {\n      const { detail } = event;\n      if (detail.pressed) {\n        this.updateToggleState(detail.element);\n      }\n    });\n  }\n\n  /**\n   * Get the toggle buttons\n   * @returns {HTMLElement} the toggle buttons\n   */\n  get toggleButtons() {\n    return this.querySelectorAll('ids-toggle-button');\n  }\n\n  /**\n   * Handles the toggle button click event.\n   * @param {Event} event the click event\n   */\n  handleToggleClick(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target.tagName.toLowerCase() === 'ids-toggle-button') {\n      this.updateToggleState(target);\n    }\n  }\n\n  /**\n   * Updates the state of the toggle buttons, activating the pressed one and resetting others.\n   * @param {HTMLElement} pressedButton the button that was pressed\n   */\n  updateToggleState(pressedButton: HTMLElement) {\n    const buttons = this.toggleButtons;\n    buttons.forEach((button: HTMLElement | any) => {\n      if (button === pressedButton) {\n        button.pressed = true;\n      } else {\n        button.pressed = false;\n      }\n    });\n  }\n\n  /**\n   * Remove event handlers\n   */\n  #detachEventHandlers() {\n    this.offEvent('click', this.container);\n    this.offEvent('pressed-changed', this);\n  }\n}\n"],
+  "mappings": "wRAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;qqBCSf,IAAMC,EAAOC,EACXC,EACEC,EACEC,CACF,CACF,CACF,EAfAC,EAAAC,EAAAC,EAAAC,EAmBqBC,EAArB,cAAkDT,CAAK,CACrD,aAAc,CACZ,MAAM,EAFVU,EAAA,KAAAL,EAGE,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EACxBM,EAAA,KAAKN,EAAAC,GAAL,WACAK,EAAA,KAAKN,EAAAE,GAAL,UACF,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3BI,EAAA,KAAKN,EAAAG,GAAL,UACF,CAEA,UAAmB,CACjB,MAAO;AAAA;AAAA,WAGT,CA6BA,IAAI,eAAgB,CAClB,OAAO,KAAK,iBAAiB,mBAAmB,CAClD,CAMA,kBAAkBI,EAAc,CAC9B,IAAMC,EAASD,EAAM,OACjBC,EAAO,QAAQ,YAAY,IAAM,qBACnC,KAAK,kBAAkBA,CAAM,CAEjC,CAMA,kBAAkBC,EAA4B,CAC5B,KAAK,cACb,QAASC,GAA8B,CACzCA,IAAWD,EACbC,EAAO,QAAU,GAEjBA,EAAO,QAAU,EAErB,CAAC,CACH,CASF,EAtFAV,EAAA,YAyBEC,EAAkB,UAAG,CACH,KAAK,iBAAiB,mBAAmB,EACjD,QAASS,GAAgB,CAC/BA,EAAO,UAAU,IAAI,6BAA6B,CACpD,CAAC,CACH,EAKAR,EAAoB,UAAG,CACrB,KAAK,QAAQ,QAAS,KAAK,UAAYK,GAAiB,KAAK,kBAAkBA,CAAK,CAAC,EACrF,KAAK,QAAQ,kBAAmB,KAAOA,GAAuB,CAC5D,GAAM,CAAE,OAAAI,CAAO,EAAIJ,EACfI,EAAO,SACT,KAAK,kBAAkBA,EAAO,OAAO,CAEzC,CAAC,CACH,EAuCAR,EAAoB,UAAG,CACrB,KAAK,SAAS,QAAS,KAAK,SAAS,EACrC,KAAK,SAAS,kBAAmB,IAAI,CACvC,EArFmBC,EAArBQ,EAAA,CAFCC,EAAc,uBAAuB,EACrCC,EAAKC,CAAM,GACSX",
+  "names": ["ids_segmented_control_default", "Base", "ids_keyboard_mixin_default", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsSegementedControl_instances", "addSegmentedClass_fn", "attachEventHandlers_fn", "detachEventHandlers_fn", "IdsSegementedControl", "__privateAdd", "__privateMethod", "event", "target", "pressedButton", "button", "detail", "__decorateClass", "customElement", "scss", "ids_segmented_control_default"]
+}

package/chunks/{ids-chunk-4JLMTFKP.js → ids-chunk-KJWYZT4Z.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-LHQUH6FP.js";import{e as v}from"./ids-chunk-73M77TNC.js";import{a as X}from"./ids-chunk-3ZNIY4EY.js";import{a as y,b as W}from"./ids-chunk-W544ATNJ.js";import{a as Z}from"./ids-chunk-T4CWIXQV.js";import{e as c}from"./ids-chunk-ZNNLOALS.js";import{a as e}from"./ids-chunk-7TWTH2YZ.js";import{a as N,b as C,c as b,d as E,e as T,f as n}from"./ids-chunk-L5CMP5FA.js";var S=`/* Ids Tree Node Component */
+import{a as d}from"./ids-chunk-LHQUH6FP.js";import{e as T}from"./ids-chunk-73M77TNC.js";import{a as y}from"./ids-chunk-3ZNIY4EY.js";import{a as Z,b as v}from"./ids-chunk-W544ATNJ.js";import{a as B}from"./ids-chunk-HEO7ODV7.js";import{e as c}from"./ids-chunk-ZNNLOALS.js";import{a as e}from"./ids-chunk-TUG7JY5H.js";import{a as N,b as C,c as b,d as p,e as X,f as n}from"./ids-chunk-L5CMP5FA.js";var O=`/* Ids Tree Node Component */
 @keyframes keyframes-rotate-forward {
   0% {
     transform: rotate(-90deg);
@@ -101,7 +101,7 @@ import{a as d}from"./ids-chunk-LHQUH6FP.js";import{e as v}from"./ids-chunk-73M77
 ids-checkbox::part(root) {
   margin-bottom: var(--ids-space-none);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXRyZWUiLCJzb3VyY2VzIjpbImlkcy10cmVlLW5vZGUuc2NzcyIsImlkcy10cmVlLXNoYXJlZC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FDQ0E7RUFDRTtJQUNFOztFQUdGO0lBQ0U7OztBQUlKO0VBQ0U7SUFDRTs7RUFHRjtJQUNFOzs7QURkSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJQTtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBRUU7O0FBRUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTs7QUFJQTtFQUNFO0VBQ0E7O0FBS0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUVFOztBQUdGO0VBQ0U7RUFDQTs7O0FBTVI7RUFDRTs7O0FBR0Y7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBUcmVlIE5vZGUgQ29tcG9uZW50ICovXG5AaW1wb3J0ICcuL2lkcy10cmVlLXNoYXJlZCc7XG5cbi5pZHMtdHJlZS1ub2RlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0taWRzLXNwYWNlLTR4cyk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG4gIC5ub2RlLWNvbnRhaW5lciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWJvcmRlci1yYWRpdXMtMnhzKTtcbiAgICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtc3BhY2UtNHhzKTtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIG9wYWNpdHkgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcblxuICAgIC5pY29uLFxuICAgIC50b2dnbGUtaWNvbiB7XG4gICAgICBwYWRkaW5nLXRvcDogdmFyKC0taWRzLXNwYWNlLTR4cyk7XG4gICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiA4cHg7XG4gICAgICB0cmFuc2l0aW9uOiBmaWxsIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gICAgICBwbGFjZS1zZWxmOiBmbGV4LXN0YXJ0O1xuICAgIH1cblxuICAgIC50b2dnbGUtaWNvbiB7XG4gICAgICAmLnJvdGF0ZS1mb3J3YXJkIHtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tbmFtZToga2V5ZnJhbWVzLXJvdGF0ZS1mb3J3YXJkO1xuICAgICAgfVxuXG4gICAgICAmLnJvdGF0ZS1iYWNrd2FyZCB7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGtleWZyYW1lcy1yb3RhdGUtYmFja3dhcmQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRleHQge1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IDJweDtcbiAgICAgIHRyYW5zaXRpb246IGJvcmRlciB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpLCBjb2xvciB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1ob3Zlcik7XG5cbiAgICAgIC50ZXh0IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLWJvcmRlci1ob3Zlcik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItYm9yZGVyLWZvY3VzKTtcbiAgICAgIGJveC1zaGFkb3c6IHZhcigtLWlkcy10cmVlLW5vZGUtc2hhZG93LWZvY3VzKTtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgLmdyb3VwLW5vZGVzIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyNHB4O1xuICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMzAwbXMgY3ViaWMtYmV6aWVyKDAuMTcsIDAuMDQsIDAuMDMsIDAuOTQpO1xuICB9XG5cbiAgJjpub3QoLmV4cGFuZGVkKSAuZ3JvdXAtbm9kZXMge1xuICAgIG1heC1oZWlnaHQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuXG4gICZbc2VsZWN0ZWRdIHtcbiAgICAubm9kZS1jb250YWluZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci1iYWNrZ3JvdW5kLXNlbGVjdGVkKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLXRleHQtc2VsZWN0ZWQpO1xuICAgIH1cbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICAubm9kZS1jb250YWluZXIge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1kaXNhYmxlZCk7XG4gICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci10ZXh0LWRpc2FibGVkKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKGlkcy1iYWRnZSkge1xuICBtYXJnaW4taW5saW5lLWVuZDogOHB4O1xufVxuXG5pZHMtY2hlY2tib3g6OnBhcnQocm9vdCkge1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtc3BhY2Utbm9uZSk7XG59XG4iLCIvLyBLZXlmcmFtZXMgZm9yIHRoZSBcInBsdXNtaW51c1wiIGljb24gYW5pbWF0aW9uXG5Aa2V5ZnJhbWVzIGtleWZyYW1lcy1yb3RhdGUtZm9yd2FyZCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBrZXlmcmFtZXMtcm90YXRlLWJhY2t3YXJkIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG59XG5cbi8vIEFkanVzdCBiYWRnZSBydWxlcyBmb3IgdHJlZSBub2RlXG5AbWl4aW4gdHJlZS1ub2RlLWJhZGdlKCkge1xuICBpZHMtYmFkZ2U6OnBhcnQoYmFkZ2UpIHtcbiAgICBib3JkZXItd2lkdGg6IHZhcigtLWlkcy1ib3JkZXItd2lkdGgtbm9uZSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiA4cHg7XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLWJhZGdlKSB7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICB9XG59XG4iXX0= */`;var Q=X(Z),a,o,O,B,p,D,m,F,R,f,k,U,H,V,Y,x,L,I,A,h=class extends Q{constructor(){super();E(this,o);C(this,"childrenTreeNodes",[]);E(this,a,null);C(this,"originalData",{id:"",text:"",...d.DEFAULTS})}connectedCallback(){super.connectedCallback(),n(this,o,D).call(this)}static get attributes(){return[...super.attributes,e.COLLAPSE_ICON,e.DISABLED,e.EXPAND_ICON,e.EXPANDED,e.EXPAND_TARGET,e.ICON,e.LABEL,e.SELECTABLE,e.SELECTED,e.SHOW_EXPAND_AND_TOGGLE_ICONS,e.TOGGLE_EXPAND_ICON,e.TOGGLE_COLLAPSE_ICON]}get nodeContainer(){return this.shadowRoot.querySelector(".node-container")}get groupNodesEl(){return this.shadowRoot.querySelector(".group-nodes")}get checkboxElem(){return this.shadowRoot.querySelector("ids-checkbox")}get textElem(){return this.shadowRoot.querySelector("ids-text")}get elem(){return this}get iconElement(){return this.container?.querySelector(".icon")??null}get hasChildren(){return!!this.querySelector("ids-tree-node")}get isAsyncParent(){return this.hasAttribute("load-async")}get isGroup(){return!!this.querySelector("ids-tree-node")||this.isAsyncParent}get slottedTreeNodes(){return[...this.querySelectorAll(":scope > ids-tree-node")]}set data(t){this.originalData={...this.originalData,...t},n(this,o,O).call(this,this.originalData),this.originalData.badge&&n(this,o,B).call(this,this.originalData.badge)}get data(){let t={id:this.id,text:this.label,icon:this.icon,expandIcon:this.expandIcon,collapseIcon:this.collapseIcon,expanded:this.expanded,disabled:this.disabled,selected:this.selected,selectable:this.selectable,showExpandAndToggleIcons:this.showExpandAndToggleIcons,toggleExpandIcon:this.toggleExpandIcon,toggleCollapseIcon:this.toggleCollapseIcon};return(this.isAsyncParent||this.hasChildren)&&(t.children=this.slottedTreeNodes.map(i=>i.data)),{...this.originalData,...t}}get treeElem(){if(b(this,a))return b(this,a);let t=this.parentElement;for(;t&&t.nodeName!=="IDS-TREE";)t=t.parentElement;return T(this,a,t),b(this,a)}get isMultiSelect(){return this.selectable==="multiple"}get level(){return Number(this.getAttribute("aria-level"))}get setsize(){return Number(this.getAttribute("aria-setsize"))}get posinset(){return Number(this.getAttribute("aria-posinset"))}template(){let t=`${this.disabled?" disabled":""}`,i=`${this.isSelected?" selected":""}`,s=`${this.expanded?"expanded":""}`,r=this.isGroup?this.expandCollapseIcon:this.icon,l=this.toggleExpandCollapseIcon,g=this.showExpandAndToggleIcons?`<ids-icon class="toggle-icon" part="toggle-icon" icon="${l}"></ids-icon>`:"";return`<div class="ids-tree-node ${s}" role="none" ${t} ${i}>
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtdHJlZSIsInNvdXJjZXMiOlsiaWRzLXRyZWUtbm9kZS5zY3NzIiwiaWRzLXRyZWUtc2hhcmVkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUNDQTtFQUNFO0lBQ0U7O0VBR0Y7SUFDRTs7O0FBSUo7RUFDRTtJQUNFOztFQUdGO0lBQ0U7OztBRGRKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFFRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlBO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFFRTs7QUFFQTtFQUNFOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBOztBQUlBO0VBQ0U7RUFDQTs7QUFLRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBRUU7O0FBR0Y7RUFDRTtFQUNBOzs7QUFNUjtFQUNFOzs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFRyZWUgTm9kZSBDb21wb25lbnQgKi9cbkBpbXBvcnQgJy4vaWRzLXRyZWUtc2hhcmVkJztcblxuLmlkcy10cmVlLW5vZGUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtc3BhY2UtNHhzKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgLm5vZGUtY29udGFpbmVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1pZHMtYm9yZGVyLXJhZGl1cy0yeHMpO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1zcGFjZS00eHMpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSwgb3BhY2l0eSB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuXG4gICAgLmljb24sXG4gICAgLnRvZ2dsZS1pY29uIHtcbiAgICAgIHBhZGRpbmctdG9wOiB2YXIoLS1pZHMtc3BhY2UtNHhzKTtcbiAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IDhweDtcbiAgICAgIHRyYW5zaXRpb246IGZpbGwgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcbiAgICAgIHBsYWNlLXNlbGY6IGZsZXgtc3RhcnQ7XG4gICAgfVxuXG4gICAgLnRvZ2dsZS1pY29uIHtcbiAgICAgICYucm90YXRlLWZvcndhcmQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMnM7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBrZXlmcmFtZXMtcm90YXRlLWZvcndhcmQ7XG4gICAgICB9XG5cbiAgICAgICYucm90YXRlLWJhY2t3YXJkIHtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tbmFtZToga2V5ZnJhbWVzLXJvdGF0ZS1iYWNrd2FyZDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGV4dCB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogMnB4O1xuICAgICAgdHJhbnNpdGlvbjogYm9yZGVyIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIGNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gICAgfVxuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci10ZXh0LWhvdmVyKTtcblxuICAgICAgLnRleHQge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItYm9yZGVyLWhvdmVyKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci1ib3JkZXItZm9jdXMpO1xuICAgICAgYm94LXNoYWRvdzogdmFyKC0taWRzLXRyZWUtbm9kZS1zaGFkb3ctZm9jdXMpO1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAuZ3JvdXAtbm9kZXMge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDI0cHg7XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAzMDBtcyBjdWJpYy1iZXppZXIoMC4xNywgMC4wNCwgMC4wMywgMC45NCk7XG4gIH1cblxuICAmOm5vdCguZXhwYW5kZWQpIC5ncm91cC1ub2RlcyB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgJltzZWxlY3RlZF0ge1xuICAgIC5ub2RlLWNvbnRhaW5lciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLWJhY2tncm91bmQtc2VsZWN0ZWQpO1xuICAgICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1zZWxlY3RlZCk7XG4gICAgfVxuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIC5ub2RlLWNvbnRhaW5lciB7XG4gICAgICBjb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci10ZXh0LWRpc2FibGVkKTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pZHMtY29sb3ItdHJhbnNwYXJlbnQpO1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG46OnNsb3R0ZWQoaWRzLWJhZGdlKSB7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiA4cHg7XG59XG5cbmlkcy1jaGVja2JveDo6cGFydChyb290KSB7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbn1cbiIsIi8vIEtleWZyYW1lcyBmb3IgdGhlIFwicGx1c21pbnVzXCIgaWNvbiBhbmltYXRpb25cbkBrZXlmcmFtZXMga2V5ZnJhbWVzLXJvdGF0ZS1mb3J3YXJkIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIH1cblxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGtleWZyYW1lcy1yb3RhdGUtYmFja3dhcmQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbn1cblxuLy8gQWRqdXN0IGJhZGdlIHJ1bGVzIGZvciB0cmVlIG5vZGVcbkBtaXhpbiB0cmVlLW5vZGUtYmFkZ2UoKSB7XG4gIGlkcy1iYWRnZTo6cGFydChiYWRnZSkge1xuICAgIGJvcmRlci13aWR0aDogdmFyKC0taWRzLWJvcmRlci13aWR0aC1ub25lKTtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IDhweDtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtYmFkZ2UpIHtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cbn1cbiJdfQ== */`;var V=y(B),a,o,S,W,E,D,m,R,F,f,k,U,Y,H,Q,x,G,u,A,h=class extends V{constructor(){super();p(this,o);C(this,"childrenTreeNodes",[]);p(this,a,null);C(this,"originalData",{id:"",text:"",...d.DEFAULTS})}connectedCallback(){super.connectedCallback(),n(this,o,D).call(this)}static get attributes(){return[...super.attributes,e.COLLAPSE_ICON,e.DISABLED,e.EXPAND_ICON,e.EXPANDED,e.EXPAND_TARGET,e.ICON,e.LABEL,e.SELECTABLE,e.SELECTED,e.SHOW_EXPAND_AND_TOGGLE_ICONS,e.TOGGLE_EXPAND_ICON,e.TOGGLE_COLLAPSE_ICON]}get nodeContainer(){return this.shadowRoot.querySelector(".node-container")}get groupNodesEl(){return this.shadowRoot.querySelector(".group-nodes")}get checkboxElem(){return this.shadowRoot.querySelector("ids-checkbox")}get textElem(){return this.shadowRoot.querySelector("ids-text")}get elem(){return this}get iconElement(){return this.container?.querySelector(".icon")??null}get hasChildren(){return!!this.querySelector("ids-tree-node")}get isAsyncParent(){return this.hasAttribute("load-async")}get isGroup(){return!!this.querySelector("ids-tree-node")||this.isAsyncParent}get slottedTreeNodes(){return[...this.querySelectorAll(":scope > ids-tree-node")]}set data(t){this.originalData={...this.originalData,...t},n(this,o,S).call(this,this.originalData),this.originalData.badge&&n(this,o,W).call(this,this.originalData.badge)}get data(){let t={id:this.id,text:this.label,icon:this.icon,expandIcon:this.expandIcon,collapseIcon:this.collapseIcon,expanded:this.expanded,disabled:this.disabled,selected:this.selected,selectable:this.selectable,showExpandAndToggleIcons:this.showExpandAndToggleIcons,toggleExpandIcon:this.toggleExpandIcon,toggleCollapseIcon:this.toggleCollapseIcon};return(this.isAsyncParent||this.hasChildren)&&(t.children=this.slottedTreeNodes.map(i=>i.data)),{...this.originalData,...t}}get treeElem(){if(b(this,a))return b(this,a);let t=this.parentElement;for(;t&&t.nodeName!=="IDS-TREE";)t=t.parentElement;return X(this,a,t),b(this,a)}get isMultiSelect(){return this.selectable==="multiple"}get level(){return Number(this.getAttribute("aria-level"))}get setsize(){return Number(this.getAttribute("aria-setsize"))}get posinset(){return Number(this.getAttribute("aria-posinset"))}template(){let t=`${this.disabled?" disabled":""}`,i=`${this.isSelected?" selected":""}`,s=`${this.expanded?"expanded":""}`,r=this.isGroup?this.expandCollapseIcon:this.icon,l=this.toggleExpandCollapseIcon,g=this.showExpandAndToggleIcons?`<ids-icon class="toggle-icon" part="toggle-icon" icon="${l}"></ids-icon>`:"";return`<div class="ids-tree-node ${s}" role="none" ${t} ${i}>
       <span class="node-container" part="node-container" role="treeitem" tabindex="0">
         <ids-icon class="icon" part="icon" icon="${r}"></ids-icon>
         ${g}
@@ -111,11 +111,11 @@ ids-checkbox::part(root) {
       <div class="group-nodes" part="group-nodes">
         <slot></slot>
       </div>
-    </div>`}setFocus(){this.nodeContainer?.focus()}updateTreeArias(){let t=this.level,i=this.slottedTreeNodes;i.forEach((s,r)=>{let l=s.level;s.setAttribute("aria-level",String(t+1)),s.setAttribute("aria-setsize",String(i.length)),s.setAttribute("aria-posinset",String(r+1)),l&&l!==t+1&&s.updateTreeArias()})}set selected(t){let i=c(t),s=this.container?.hasAttribute(e.SELECTED),r=i?"beforeselected":"beforeunselected";if(this.disabled||i===s||this.selectable==="none"||!n(this,o,p).call(this,r)){this.toggleAttribute(e.SELECTED,s);return}this.toggleAttribute(e.SELECTED,i),n(this,o,U).call(this,i)}get selected(){return c(this.getAttribute(e.SELECTED))}set expanded(t){let i=c(t),s=this.container?.hasAttribute(e.EXPANDED),r=i?"beforeexpanded":"beforecollapsed";if(this.disabled||i===s||!n(this,o,p).call(this,r)){this.toggleAttribute(e.EXPANDED,s);return}this.toggleAttribute(e.EXPANDED,i),n(this,o,H).call(this,i)}get expanded(){return c(this.getAttribute(e.EXPANDED))}get isIndeterminate(){return c(this.checkboxElem?.getAttribute(e.INDETERMINATE))}handleClickEvent(t,i){if(this.disabled)return;let s=t.target,r=s.nodeName==="IDS-CHECKBOX",l=s.nodeName==="IDS-ICON",g=this.treeElem?.expandTarget==="icon"?l:!0;if(this.isGroup&&g&&!i&&this.isGroup&&!r){let u=!this.expanded;this.toggleAttribute(e.EXPANDED,u)}if(!l&&this.selectable!=="none"){let u=!this.selected;this.isMultiSelect&&this.hasChildren?this.toggleSelectedChildren(u):this.toggleAttribute(e.SELECTED,this.isMultiSelect?u:!0)}this.setFocus()}toggleSelectedChildren(t){if(!this.disabled){if(this.hasChildren){this.slottedTreeNodes.forEach(i=>i.toggleSelectedChildren(t));return}this.toggleAttribute(e.SELECTED,t)}}get nodeIcon(){return this.icon}get isSelected(){return!!this.selectable&&this.selected}get checkbox(){return this.shadowRoot?.querySelector("ids-checkbox")}set disabled(t){let i=c(t);this.toggleAttribute(e.DISABLED,i),this.container?.toggleAttribute(e.DISABLED,i),this.nodeContainer?.toggleAttribute(e.DISABLED,i),this.nodeContainer?.setAttribute("aria-disabled",`${i}`),this.slottedTreeNodes.forEach(s=>s.toggleAttribute(e.DISABLED,i))}get disabled(){return c(this.getAttribute(e.DISABLED))}set collapseIcon(t){t?this.setAttribute(e.COLLAPSE_ICON,t.toString()):this.removeAttribute(e.COLLAPSE_ICON),n(this,o,I).call(this)}get collapseIcon(){return this.getAttribute(e.COLLAPSE_ICON)||d.DEFAULTS.collapseIcon}set expandIcon(t){t?this.setAttribute(e.EXPAND_ICON,t.toString()):this.removeAttribute(e.EXPAND_ICON),n(this,o,I).call(this)}get expandIcon(){return this.getAttribute(e.EXPAND_ICON)||d.DEFAULTS.expandIcon}get expandCollapseIcon(){return this.expanded?this.getAttribute(e.EXPAND_ICON)||d.DEFAULTS.expandIcon:this.getAttribute(e.COLLAPSE_ICON)||d.DEFAULTS.collapseIcon}set toggleExpandIcon(t){t?this.setAttribute(e.TOGGLE_EXPAND_ICON,t):this.removeAttribute(e.TOGGLE_EXPAND_ICON),n(this,o,A).call(this)}get toggleExpandIcon(){return this.getAttribute(e.TOGGLE_EXPAND_ICON)||d.DEFAULTS.toggleExpandIcon}set toggleCollapseIcon(t){t?this.setAttribute(e.TOGGLE_COLLAPSE_ICON,t):this.removeAttribute(e.TOGGLE_COLLAPSE_ICON),n(this,o,A).call(this)}get toggleCollapseIcon(){return this.getAttribute(e.TOGGLE_COLLAPSE_ICON)||d.DEFAULTS.toggleCollapseIcon}get toggleExpandCollapseIcon(){return this.expanded?this.getAttribute(e.TOGGLE_EXPAND_ICON)||d.DEFAULTS.toggleExpandIcon:this.getAttribute(e.TOGGLE_COLLAPSE_ICON)||d.DEFAULTS.toggleCollapseIcon}set showExpandAndToggleIcons(t){let i=c(t);this.toggleAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS,i),n(this,o,A).call(this)}get showExpandAndToggleIcons(){return c(this.getAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS))}set icon(t){this.setAttribute(e.ICON,t??d.DEFAULTS.icon),n(this,o,I).call(this)}get icon(){return this.getAttribute(e.ICON)||d.DEFAULTS.icon}set label(t){t?this.setAttribute(e.LABEL,t.toString()):this.removeAttribute(e.LABEL),this.textElem&&(this.textElem.textContent=t??""),this.checkboxElem&&this.checkboxElem.setAttribute(e.LABEL,t??"")}get label(){return this.getAttribute(e.LABEL)||""}set selectable(t){d.SELECTABLE.includes(t)?this.setAttribute(e.SELECTABLE,t):this.removeAttribute(e.SELECTABLE),n(this,o,L).call(this)}get selectable(){let t=this.getAttribute(e.SELECTABLE)??"single";return d.SELECTABLE.includes(t)?t:"single"}set expandTarget(t){t==="node"||t==="icon"?this.setAttribute(e.EXPAND_TARGET,t):this.removeAttribute(e.EXPAND_TARGET)}get expandTarget(){return this.getAttribute(e.EXPAND_TARGET)||d.DEFAULTS.expandTarget}};a=new WeakMap,o=new WeakSet,O=function(t){let i=r=>/&#?[^\s].{1,9};/g.test(r)?v(r):r;this.setAttribute(e.ID,t.id??""),this.setAttribute(e.LABEL,i(t.text)),this.toggleAttribute(e.DISABLED,c(t.disabled)),this.toggleAttribute(e.SELECTED,c(t.selected));let s=t.icon;this.originalData.children&&(this.toggleAttribute(e.EXPANDED,c(this.originalData.expanded)),s=this.originalData.expanded?this.originalData.expandIcon:this.originalData.collapseIcon,this.toggleAttribute("load-async",this.originalData.children.length===0),this.slottedTreeNodes.forEach(r=>r.remove()),t.children?.forEach(r=>{let l=document.createElement("ids-tree-node");l.setAttribute("aria-level",String(this.level+1)),l.data=r,this.insertAdjacentElement("beforeend",l)})),this.setAttribute(e.ICON,s),this.setAttribute(e.TOGGLE_COLLAPSE_ICON,t.toggleCollapseIcon),this.setAttribute(e.TOGGLE_EXPAND_ICON,t.toggleExpandIcon),this.setAttribute(e.COLLAPSE_ICON,t.collapseIcon),this.setAttribute(e.EXPAND_ICON,t.expandIcon),this.toggleAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS,c(t.showExpandAndToggleIcons))},B=function(t){let i="";t&&(i=`<ids-badge slot="badge"
+    </div>`}setFocus(){this.nodeContainer?.focus()}updateTreeArias(){let t=this.level,i=this.slottedTreeNodes;i.forEach((s,r)=>{let l=s.level;s.setAttribute("aria-level",String(t+1)),s.setAttribute("aria-setsize",String(i.length)),s.setAttribute("aria-posinset",String(r+1)),l&&l!==t+1&&s.updateTreeArias()})}set selected(t){let i=c(t),s=this.container?.hasAttribute(e.SELECTED),r=i?"beforeselected":"beforeunselected";if(this.disabled||i===s||this.selectable==="none"||!n(this,o,E).call(this,r)){this.toggleAttribute(e.SELECTED,s);return}this.toggleAttribute(e.SELECTED,i),n(this,o,U).call(this,i)}get selected(){return c(this.getAttribute(e.SELECTED))}set expanded(t){let i=c(t),s=this.container?.hasAttribute(e.EXPANDED),r=i?"beforeexpanded":"beforecollapsed";if(this.disabled||i===s||!n(this,o,E).call(this,r)){this.toggleAttribute(e.EXPANDED,s);return}this.toggleAttribute(e.EXPANDED,i),n(this,o,Y).call(this,i)}get expanded(){return c(this.getAttribute(e.EXPANDED))}get isIndeterminate(){return c(this.checkboxElem?.getAttribute(e.INDETERMINATE))}handleClickEvent(t,i){if(this.disabled)return;let s=t.target,r=s.nodeName==="IDS-CHECKBOX",l=s.nodeName==="IDS-ICON",g=this.treeElem?.expandTarget==="icon"?l:!0;if(this.isGroup&&g&&!i&&this.isGroup&&!r){let I=!this.expanded;this.toggleAttribute(e.EXPANDED,I)}if(!l&&this.selectable!=="none"){let I=!this.selected;this.isMultiSelect&&this.hasChildren?this.toggleSelectedChildren(I):this.toggleAttribute(e.SELECTED,this.isMultiSelect?I:!0)}this.setFocus()}toggleSelectedChildren(t){if(!this.disabled){if(this.hasChildren){this.slottedTreeNodes.forEach(i=>i.toggleSelectedChildren(t));return}this.toggleAttribute(e.SELECTED,t)}}get nodeIcon(){return this.icon}get isSelected(){return!!this.selectable&&this.selected}get checkbox(){return this.shadowRoot?.querySelector("ids-checkbox")}set disabled(t){let i=c(t);this.toggleAttribute(e.DISABLED,i),this.container?.toggleAttribute(e.DISABLED,i),this.nodeContainer?.toggleAttribute(e.DISABLED,i),this.nodeContainer?.setAttribute("aria-disabled",`${i}`),this.slottedTreeNodes.forEach(s=>s.toggleAttribute(e.DISABLED,i))}get disabled(){return c(this.getAttribute(e.DISABLED))}set collapseIcon(t){t?this.setAttribute(e.COLLAPSE_ICON,t.toString()):this.removeAttribute(e.COLLAPSE_ICON),n(this,o,u).call(this)}get collapseIcon(){return this.getAttribute(e.COLLAPSE_ICON)||d.DEFAULTS.collapseIcon}set expandIcon(t){t?this.setAttribute(e.EXPAND_ICON,t.toString()):this.removeAttribute(e.EXPAND_ICON),n(this,o,u).call(this)}get expandIcon(){return this.getAttribute(e.EXPAND_ICON)||d.DEFAULTS.expandIcon}get expandCollapseIcon(){return this.expanded?this.getAttribute(e.EXPAND_ICON)||d.DEFAULTS.expandIcon:this.getAttribute(e.COLLAPSE_ICON)||d.DEFAULTS.collapseIcon}set toggleExpandIcon(t){t?this.setAttribute(e.TOGGLE_EXPAND_ICON,t):this.removeAttribute(e.TOGGLE_EXPAND_ICON),n(this,o,A).call(this)}get toggleExpandIcon(){return this.getAttribute(e.TOGGLE_EXPAND_ICON)||d.DEFAULTS.toggleExpandIcon}set toggleCollapseIcon(t){t?this.setAttribute(e.TOGGLE_COLLAPSE_ICON,t):this.removeAttribute(e.TOGGLE_COLLAPSE_ICON),n(this,o,A).call(this)}get toggleCollapseIcon(){return this.getAttribute(e.TOGGLE_COLLAPSE_ICON)||d.DEFAULTS.toggleCollapseIcon}get toggleExpandCollapseIcon(){return this.expanded?this.getAttribute(e.TOGGLE_EXPAND_ICON)||d.DEFAULTS.toggleExpandIcon:this.getAttribute(e.TOGGLE_COLLAPSE_ICON)||d.DEFAULTS.toggleCollapseIcon}set showExpandAndToggleIcons(t){let i=c(t);this.toggleAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS,i),n(this,o,A).call(this)}get showExpandAndToggleIcons(){return c(this.getAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS))}set icon(t){this.setAttribute(e.ICON,t??d.DEFAULTS.icon),n(this,o,u).call(this)}get icon(){return this.getAttribute(e.ICON)||d.DEFAULTS.icon}set label(t){t?this.setAttribute(e.LABEL,t.toString()):this.removeAttribute(e.LABEL),this.textElem&&(this.textElem.textContent=t??""),this.checkboxElem&&this.checkboxElem.setAttribute(e.LABEL,t??"")}get label(){return this.getAttribute(e.LABEL)||""}set selectable(t){d.SELECTABLE.includes(t)?this.setAttribute(e.SELECTABLE,t):this.removeAttribute(e.SELECTABLE),n(this,o,G).call(this)}get selectable(){let t=this.getAttribute(e.SELECTABLE)??"single";return d.SELECTABLE.includes(t)?t:"single"}set expandTarget(t){t==="node"||t==="icon"?this.setAttribute(e.EXPAND_TARGET,t):this.removeAttribute(e.EXPAND_TARGET)}get expandTarget(){return this.getAttribute(e.EXPAND_TARGET)||d.DEFAULTS.expandTarget}};a=new WeakMap,o=new WeakSet,S=function(t){let i=r=>/&#?[^\s].{1,9};/g.test(r)?T(r):r;this.setAttribute(e.ID,t.id??""),this.setAttribute(e.LABEL,i(t.text)),this.toggleAttribute(e.DISABLED,c(t.disabled)),this.toggleAttribute(e.SELECTED,c(t.selected));let s=t.icon;this.originalData.children&&(this.toggleAttribute(e.EXPANDED,c(this.originalData.expanded)),s=this.originalData.expanded?this.originalData.expandIcon:this.originalData.collapseIcon,this.toggleAttribute("load-async",this.originalData.children.length===0),this.slottedTreeNodes.forEach(r=>r.remove()),t.children?.forEach(r=>{let l=document.createElement("ids-tree-node");l.setAttribute("aria-level",String(this.level+1)),l.data=r,this.insertAdjacentElement("beforeend",l)})),this.setAttribute(e.ICON,s),this.setAttribute(e.TOGGLE_COLLAPSE_ICON,t.toggleCollapseIcon),this.setAttribute(e.TOGGLE_EXPAND_ICON,t.toggleExpandIcon),this.setAttribute(e.COLLAPSE_ICON,t.collapseIcon),this.setAttribute(e.EXPAND_ICON,t.expandIcon),this.toggleAttribute(e.SHOW_EXPAND_AND_TOGGLE_ICONS,c(t.showExpandAndToggleIcons))},W=function(t){let i="";t&&(i=`<ids-badge slot="badge"
         ${t.color?`color="${t.color}"`:""}
         ${t.shape?`shape="${t.shape}"`:""}>
         ${t.text?`${t.text}`:""}
         ${t.textAudible?`<ids-text audible="true">${t.textAudible}</ids-text>`:""}
         ${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}
-      </ids-badge>`,this.insertAdjacentHTML("beforeend",i))},p=function(t){let i=!0,s=r=>{i=r};return this.triggerEvent(t,this,{bubbles:!0,detail:{elem:b(this,a),response:s,node:this}}),i},D=function(){let t=this.container?.querySelector(".group-nodes > slot"),i=this.container?.querySelector('slot[name="badge"]');this.offEvent("click.tree-node",this.nodeContainer),this.onEvent("click.tree-node",this.nodeContainer,l=>{l.preventDefault(),l.stopPropagation(),this.handleClickEvent(l)});let s;this.offEvent("selected.tree-node",t),this.onEvent("selected.tree-node",t,l=>{clearTimeout(s),l.target.parentElement===this&&(s=setTimeout(()=>n(this,o,m).call(this),10))});let r;this.offEvent("unselected.tree-node",t),this.onEvent("unselected.tree-node",t,l=>{clearTimeout(r),l.target.parentElement===this&&(r=setTimeout(()=>n(this,o,m).call(this),10))}),this.offEvent("transitionend.expanded-tree",this.groupNodesEl),this.onEvent("transitionend.expanded-tree",this.groupNodesEl,()=>{this.expanded&&this.groupNodesEl?.style.setProperty("max-height","max-content")}),this.offEvent("slotchange",t),this.onEvent("slotchange",t,()=>{let g=t?.assignedNodes()?.find(G=>G.nodeType===3);if(g&&g.textContent?.trim()){this.setAttribute(e.LABEL,g.textContent?.trim()??""),this.removeChild(g);return}n(this,o,L).call(this),this.updateTreeArias()}),this.offEvent("slotchange",i),this.onEvent("slotchange",i,()=>{i?.assignedElements().forEach(l=>l?.toggleAttribute(e.NO_MARGINS,!0))})},m=function(){if(!this.isMultiSelect)return;let t=n(this,o,F).call(this);this.toggleAttribute(e.SELECTED,!!this.slottedTreeNodes.find(i=>i.selected)),n(this,o,R).call(this,this.selected&&t)},F=function(){let t=this.slottedTreeNodes;return!!t.length&&!!t.find(i=>!i.selected||i.isIndeterminate)},R=function(t){this.checkboxElem?.toggleAttribute(e.INDETERMINATE,t)},f=function(){this.container?.hasAttribute(e.SELECTED)||(this.container?.setAttribute(e.SELECTED,""),this.nodeContainer?.setAttribute("aria-selected","true"),this.checkboxElem?.setAttribute(e.CHECKED,""),this.triggerEvent("selected.tree-node",this,{bubbles:!0,detail:{elem:b(this,a),node:this}}))},k=function(){this.container?.hasAttribute(e.SELECTED)&&(this.container?.removeAttribute(e.SELECTED),this.nodeContainer?.setAttribute("aria-selected","false"),this.checkboxElem?.removeAttribute(e.CHECKED),this.triggerEvent("unselected.tree-node",this,{bubbles:!0,detail:{elem:this}}))},U=function(t){t=typeof t=="boolean"?t:!this.selected,t?n(this,o,f).call(this):n(this,o,k).call(this)},H=function(t){t=typeof t=="boolean"?t:!this.selected,t?n(this,o,V).call(this):n(this,o,Y).call(this)},V=function(){let t=()=>{this.container?.setAttribute(e.EXPANDED,""),this.groupNodesEl?.style.setProperty("display","block");let i=this.groupNodesEl?.scrollHeight;this.groupNodesEl?.style.setProperty("max-height",`${i?`${i}px`:"max-content"}`),this.nodeContainer?.querySelector(".icon")?.setAttribute(e.ICON,this.expandIcon),this.nodeContainer?.querySelector(".toggle-icon")?.setAttribute(e.ICON,this.toggleExpandIcon),n(this,o,x).call(this,!0),this.triggerEvent("expanded",this,{bubbles:!0,detail:{elem:b(this,a),node:this}})};if(this.isAsyncParent&&!this.hasChildren){this.triggerEvent("expandready",this,{bubbles:!0,detail:{node:this,onReady:()=>t()}});return}t()},Y=function(){this.container?.removeAttribute(e.EXPANDED),this.groupNodesEl?.style.setProperty("max-height","0px"),this.groupNodesEl?.style.setProperty("display","none"),this.container?.querySelector(".icon")?.setAttribute(e.ICON,this.collapseIcon),this.container?.querySelector(".toggle-icon")?.setAttribute(e.ICON,this.toggleCollapseIcon),n(this,o,x).call(this,!1),this.triggerEvent("collapsed",this,{bubbles:!0,detail:{elem:b(this,a),node:this}})},x=function(t){let i=this.nodeContainer?.querySelector(".toggle-icon");if(!i||!this.treeElem?.toggleIconRotate)return;let s=t?"rotate-forward":"rotate-backward";i.classList.add(s),this.onEvent("animationend",i,()=>{i.classList.remove(s),i.setAttribute(e.ICON,this.toggleExpandCollapseIcon)},{once:!0})},L=function(){let t=this.selectable;if(t==="multiple"&&!this.checkboxElem){let i=document.createElement("ids-checkbox");i.checked=this.selected,i.setAttribute(e.LABEL,this.label),i.setAttribute("tabindex","-1"),this.nodeContainer?.insertBefore(i,this.textElem),this.textElem?.style.setProperty("display","none")}t==="single"&&(this.checkboxElem?.remove(),this.textElem?.style.setProperty("display","inline-block")),this.slottedTreeNodes.forEach(i=>i.setAttribute(e.SELECTABLE,t))},I=function(){let t=this.isGroup?this.expandCollapseIcon:this.icon;this.nodeContainer?.querySelector(".icon")?.setAttribute(e.ICON,t)},A=function(){if(!this.showExpandAndToggleIcons||!this.isGroup){this.container?.querySelector(".toggle-icon")?.remove();return}let t=this.container?.querySelector(".toggle-icon"),i=this.toggleExpandCollapseIcon;if(t)t?.setAttribute(e.ICON,i);else{let s=`<ids-icon class="toggle-icon" part="toggle-icon" icon="${i}"></ids-icon>`;this.nodeContainer?.querySelector(".icon")?.insertAdjacentHTML("afterend",s)}},h=N([y("ids-tree-node"),W(S)],h);export{h as a};
-//# sourceMappingURL=ids-chunk-4JLMTFKP.js.map
+      </ids-badge>`,this.insertAdjacentHTML("beforeend",i))},E=function(t){let i=!0,s=r=>{i=r};return this.triggerEvent(t,this,{bubbles:!0,detail:{elem:b(this,a),response:s,node:this}}),i},D=function(){let t=this.container?.querySelector(".group-nodes > slot"),i=this.container?.querySelector('slot[name="badge"]');this.offEvent("click.tree-node",this.nodeContainer),this.onEvent("click.tree-node",this.nodeContainer,l=>{l.preventDefault(),l.stopPropagation(),this.handleClickEvent(l)});let s;this.offEvent("selected.tree-node",t),this.onEvent("selected.tree-node",t,l=>{clearTimeout(s),l.target.parentElement===this&&(s=setTimeout(()=>n(this,o,m).call(this),10))});let r;this.offEvent("unselected.tree-node",t),this.onEvent("unselected.tree-node",t,l=>{clearTimeout(r),l.target.parentElement===this&&(r=setTimeout(()=>n(this,o,m).call(this),10))}),this.offEvent("transitionend.expanded-tree",this.groupNodesEl),this.onEvent("transitionend.expanded-tree",this.groupNodesEl,()=>{this.expanded&&this.groupNodesEl?.style.setProperty("max-height","max-content")}),this.offEvent("slotchange",t),this.onEvent("slotchange",t,()=>{let g=t?.assignedNodes()?.find(L=>L.nodeType===3);if(g&&g.textContent?.trim()){this.setAttribute(e.LABEL,g.textContent?.trim()??""),this.removeChild(g);return}n(this,o,G).call(this),this.updateTreeArias()}),this.offEvent("slotchange",i),this.onEvent("slotchange",i,()=>{i?.assignedElements().forEach(l=>l?.toggleAttribute(e.NO_MARGINS,!0))})},m=function(){if(!this.isMultiSelect)return;let t=n(this,o,R).call(this);this.toggleAttribute(e.SELECTED,!!this.slottedTreeNodes.find(i=>i.selected)),n(this,o,F).call(this,this.selected&&t)},R=function(){let t=this.slottedTreeNodes;return!!t.length&&!!t.find(i=>!i.selected||i.isIndeterminate)},F=function(t){this.checkboxElem?.toggleAttribute(e.INDETERMINATE,t)},f=function(){this.container?.hasAttribute(e.SELECTED)||(this.container?.setAttribute(e.SELECTED,""),this.nodeContainer?.setAttribute("aria-selected","true"),this.checkboxElem?.setAttribute(e.CHECKED,""),this.triggerEvent("selected.tree-node",this,{bubbles:!0,detail:{elem:b(this,a),node:this}}))},k=function(){this.container?.hasAttribute(e.SELECTED)&&(this.container?.removeAttribute(e.SELECTED),this.nodeContainer?.setAttribute("aria-selected","false"),this.checkboxElem?.removeAttribute(e.CHECKED),this.triggerEvent("unselected.tree-node",this,{bubbles:!0,detail:{elem:this}}))},U=function(t){t=typeof t=="boolean"?t:!this.selected,t?n(this,o,f).call(this):n(this,o,k).call(this)},Y=function(t){t=typeof t=="boolean"?t:!this.selected,t?n(this,o,H).call(this):n(this,o,Q).call(this)},H=function(){let t=()=>{this.container?.setAttribute(e.EXPANDED,""),this.groupNodesEl?.style.setProperty("display","block");let i=this.groupNodesEl?.scrollHeight;this.groupNodesEl?.style.setProperty("max-height",`${i?`${i}px`:"max-content"}`),this.nodeContainer?.querySelector(".icon")?.setAttribute(e.ICON,this.expandIcon),this.nodeContainer?.querySelector(".toggle-icon")?.setAttribute(e.ICON,this.toggleExpandIcon),n(this,o,x).call(this,!0),this.triggerEvent("expanded",this,{bubbles:!0,detail:{elem:b(this,a),node:this}})};if(this.isAsyncParent&&!this.hasChildren){this.triggerEvent("expandready",this,{bubbles:!0,detail:{node:this,onReady:()=>t()}});return}t()},Q=function(){this.container?.removeAttribute(e.EXPANDED),this.groupNodesEl?.style.setProperty("max-height","0px"),this.groupNodesEl?.style.setProperty("display","none"),this.container?.querySelector(".icon")?.setAttribute(e.ICON,this.collapseIcon),this.container?.querySelector(".toggle-icon")?.setAttribute(e.ICON,this.toggleCollapseIcon),n(this,o,x).call(this,!1),this.triggerEvent("collapsed",this,{bubbles:!0,detail:{elem:b(this,a),node:this}})},x=function(t){let i=this.nodeContainer?.querySelector(".toggle-icon");if(!i||!this.treeElem?.toggleIconRotate)return;let s=t?"rotate-forward":"rotate-backward";i.classList.add(s),this.onEvent("animationend",i,()=>{i.classList.remove(s),i.setAttribute(e.ICON,this.toggleExpandCollapseIcon)},{once:!0})},G=function(){let t=this.selectable;if(t==="multiple"&&!this.checkboxElem){let i=document.createElement("ids-checkbox");i.checked=this.selected,i.setAttribute(e.LABEL,this.label),i.setAttribute("tabindex","-1"),this.nodeContainer?.insertBefore(i,this.textElem),this.textElem?.style.setProperty("display","none")}t==="single"&&(this.checkboxElem?.remove(),this.textElem?.style.setProperty("display","inline-block")),this.slottedTreeNodes.forEach(i=>i.setAttribute(e.SELECTABLE,t))},u=function(){let t=this.isGroup?this.expandCollapseIcon:this.icon;this.nodeContainer?.querySelector(".icon")?.setAttribute(e.ICON,t)},A=function(){if(!this.showExpandAndToggleIcons||!this.isGroup){this.container?.querySelector(".toggle-icon")?.remove();return}let t=this.container?.querySelector(".toggle-icon"),i=this.toggleExpandCollapseIcon;if(t)t?.setAttribute(e.ICON,i);else{let s=`<ids-icon class="toggle-icon" part="toggle-icon" icon="${i}"></ids-icon>`;this.nodeContainer?.querySelector(".icon")?.insertAdjacentHTML("afterend",s)}},h=N([Z("ids-tree-node"),v(O)],h);export{h as a};
+//# sourceMappingURL=ids-chunk-KJWYZT4Z.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-tree/ids-tree-node.scss", "../../../../src/components/ids-tree/ids-tree-node.ts"],
+  "sourcesContent": ["export default `/* Ids Tree Node Component */\n@keyframes keyframes-rotate-forward {\n  0% {\n    transform: rotate(-90deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n@keyframes keyframes-rotate-backward {\n  0% {\n    transform: rotate(45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n.ids-tree-node {\n  display: block;\n  list-style-type: none;\n  margin-bottom: var(--ids-space-4xs);\n  user-select: none;\n}\n.ids-tree-node .node-container {\n  border: 1px solid transparent;\n  cursor: pointer;\n  display: inline-flex;\n  padding: var(--ids-space-2xs);\n  color: var(--ids-tree-node-color-text-default);\n  border-radius: var(--ids-border-radius-2xs);\n  margin-bottom: var(--ids-space-4xs);\n  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);\n}\n.ids-tree-node .node-container .icon,\n.ids-tree-node .node-container .toggle-icon {\n  padding-top: var(--ids-space-4xs);\n  flex: 0 0 auto;\n  margin-inline-end: 8px;\n  transition: fill var(--ids-motion-duration) var(--ids-motion-ease);\n  place-self: flex-start;\n}\n.ids-tree-node .node-container .toggle-icon.rotate-forward {\n  animation-duration: 0.2s;\n  animation-iteration-count: 1;\n  animation-name: keyframes-rotate-forward;\n}\n.ids-tree-node .node-container .toggle-icon.rotate-backward {\n  animation-duration: 0.2s;\n  animation-iteration-count: 1;\n  animation-name: keyframes-rotate-backward;\n}\n.ids-tree-node .node-container .text {\n  border-bottom: 1px solid transparent;\n  flex-grow: 1;\n  margin-inline-end: 2px;\n  transition: border var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);\n}\n.ids-tree-node .node-container:hover, .ids-tree-node .node-container:active {\n  color: var(--ids-tree-node-color-text-hover);\n}\n.ids-tree-node .node-container:hover .text, .ids-tree-node .node-container:active .text {\n  border-color: var(--ids-tree-node-color-border-hover);\n}\n.ids-tree-node .node-container:focus {\n  border-color: var(--ids-tree-node-color-border-focus);\n  box-shadow: var(--ids-tree-node-shadow-focus);\n  outline: none;\n}\n.ids-tree-node .group-nodes {\n  display: block;\n  overflow: hidden;\n  padding-inline-start: 24px;\n  transition: max-height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);\n}\n.ids-tree-node:not(.expanded) .group-nodes {\n  max-height: 0;\n  display: none;\n}\n.ids-tree-node[selected] .node-container {\n  background-color: var(--ids-tree-node-color-background-selected);\n  color: var(--ids-tree-node-color-text-selected);\n}\n.ids-tree-node[disabled] .node-container {\n  color: var(--ids-tree-node-color-text-disabled);\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n.ids-tree-node[disabled] .node-container:hover, .ids-tree-node[disabled] .node-container:active {\n  color: var(--ids-tree-node-color-text-disabled);\n}\n.ids-tree-node[disabled] .node-container:focus {\n  border-color: var(--ids-color-transparent);\n  box-shadow: none;\n}\n\n::slotted(ids-badge) {\n  margin-inline-end: 8px;\n}\n\nids-checkbox::part(root) {\n  margin-bottom: var(--ids-space-none);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtdHJlZSIsInNvdXJjZXMiOlsiaWRzLXRyZWUtbm9kZS5zY3NzIiwiaWRzLXRyZWUtc2hhcmVkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUNDQTtFQUNFO0lBQ0U7O0VBR0Y7SUFDRTs7O0FBSUo7RUFDRTtJQUNFOztFQUdGO0lBQ0U7OztBRGRKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFFRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlBO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFFRTs7QUFFQTtFQUNFOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBOztBQUlBO0VBQ0U7RUFDQTs7QUFLRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBRUU7O0FBR0Y7RUFDRTtFQUNBOzs7QUFNUjtFQUNFOzs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFRyZWUgTm9kZSBDb21wb25lbnQgKi9cbkBpbXBvcnQgJy4vaWRzLXRyZWUtc2hhcmVkJztcblxuLmlkcy10cmVlLW5vZGUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtc3BhY2UtNHhzKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgLm5vZGUtY29udGFpbmVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1pZHMtYm9yZGVyLXJhZGl1cy0yeHMpO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1zcGFjZS00eHMpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSwgb3BhY2l0eSB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuXG4gICAgLmljb24sXG4gICAgLnRvZ2dsZS1pY29uIHtcbiAgICAgIHBhZGRpbmctdG9wOiB2YXIoLS1pZHMtc3BhY2UtNHhzKTtcbiAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IDhweDtcbiAgICAgIHRyYW5zaXRpb246IGZpbGwgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcbiAgICAgIHBsYWNlLXNlbGY6IGZsZXgtc3RhcnQ7XG4gICAgfVxuXG4gICAgLnRvZ2dsZS1pY29uIHtcbiAgICAgICYucm90YXRlLWZvcndhcmQge1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMnM7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBrZXlmcmFtZXMtcm90YXRlLWZvcndhcmQ7XG4gICAgICB9XG5cbiAgICAgICYucm90YXRlLWJhY2t3YXJkIHtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tbmFtZToga2V5ZnJhbWVzLXJvdGF0ZS1iYWNrd2FyZDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudGV4dCB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogMnB4O1xuICAgICAgdHJhbnNpdGlvbjogYm9yZGVyIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIGNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gICAgfVxuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci10ZXh0LWhvdmVyKTtcblxuICAgICAgLnRleHQge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItYm9yZGVyLWhvdmVyKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci1ib3JkZXItZm9jdXMpO1xuICAgICAgYm94LXNoYWRvdzogdmFyKC0taWRzLXRyZWUtbm9kZS1zaGFkb3ctZm9jdXMpO1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAuZ3JvdXAtbm9kZXMge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDI0cHg7XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAzMDBtcyBjdWJpYy1iZXppZXIoMC4xNywgMC4wNCwgMC4wMywgMC45NCk7XG4gIH1cblxuICAmOm5vdCguZXhwYW5kZWQpIC5ncm91cC1ub2RlcyB7XG4gICAgbWF4LWhlaWdodDogMDtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgJltzZWxlY3RlZF0ge1xuICAgIC5ub2RlLWNvbnRhaW5lciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLWJhY2tncm91bmQtc2VsZWN0ZWQpO1xuICAgICAgY29sb3I6IHZhcigtLWlkcy10cmVlLW5vZGUtY29sb3ItdGV4dC1zZWxlY3RlZCk7XG4gICAgfVxuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIC5ub2RlLWNvbnRhaW5lciB7XG4gICAgICBjb2xvcjogdmFyKC0taWRzLXRyZWUtbm9kZS1jb2xvci10ZXh0LWRpc2FibGVkKTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1pZHMtdHJlZS1ub2RlLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pZHMtY29sb3ItdHJhbnNwYXJlbnQpO1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG46OnNsb3R0ZWQoaWRzLWJhZGdlKSB7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiA4cHg7XG59XG5cbmlkcy1jaGVja2JveDo6cGFydChyb290KSB7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbn1cbiIsIi8vIEtleWZyYW1lcyBmb3IgdGhlIFwicGx1c21pbnVzXCIgaWNvbiBhbmltYXRpb25cbkBrZXlmcmFtZXMga2V5ZnJhbWVzLXJvdGF0ZS1mb3J3YXJkIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIH1cblxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGtleWZyYW1lcy1yb3RhdGUtYmFja3dhcmQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbn1cblxuLy8gQWRqdXN0IGJhZGdlIHJ1bGVzIGZvciB0cmVlIG5vZGVcbkBtaXhpbiB0cmVlLW5vZGUtYmFkZ2UoKSB7XG4gIGlkcy1iYWRnZTo6cGFydChiYWRnZSkge1xuICAgIGJvcmRlci13aWR0aDogdmFyKC0taWRzLWJvcmRlci13aWR0aC1ub25lKTtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IDhweDtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtYmFkZ2UpIHtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsElement from '../../core/ids-element';\nimport IdsTreeShared from './ids-tree-shared';\n\nimport '../ids-badge/ids-badge';\nimport '../ids-text/ids-text';\nimport '../ids-checkbox/ids-checkbox';\n\nimport styles from './ids-tree-node.scss';\nimport type IdsCheckbox from '../ids-checkbox/ids-checkbox';\nimport type IdsIcon from '../ids-icon/ids-icon';\nimport type IdsText from '../ids-text/ids-text';\nimport type IdsTree from './ids-tree';\nimport { unescapeHTML } from '../../utils/ids-xss-utils/ids-xss-utils';\n\nexport type TreeNodeBadge = {\n  color?: string;\n  shape?: string;\n  text?: string;\n  textAudible?: string;\n  icon?: string;\n};\n\nexport type IdsTreeNodeData = {\n  /* Set the id attribute */\n  id?: string;\n  /* Sets the text label */\n  text?: string;\n  /* Sets the icon name */\n  icon?: string;\n  /* Sets if expanded */\n  expanded?: string | boolean;\n  /* Sets if disabled */\n  disabled?: string | boolean;\n  /* Sets if expanded */\n  children?: Array<IdsTreeNodeData>;\n  /* IdsBadge config */\n  badge?: TreeNodeBadge;\n  /** Sets selected state */\n  selected?: boolean;\n  /** Sets collapse icon */\n  collapseIcon?: string;\n  /** Sets expand icon */\n  expandIcon?: string;\n  /** Sets toggle collapse icon */\n  toggleCollapseIcon?: string;\n  /** Sets toggle expand icon */\n  toggleExpandIcon?: string;\n  /** Sets showing both expand and toggle icon */\n  showExpandAndToggleIcons?: boolean;\n  /** Extra properties  */\n  [extra: string | number | symbol]: any;\n};\n\nconst Base = IdsEventsMixin(IdsElement);\n\n/**\n * IDS Tree Node Component\n * @type {IdsTreeNode}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @part group-node - the group node element\n * @part node - the node element\n * @part node-container - the node container element\n * @part icon - the icon element\n * @part toggle-icon - the toggle icon element\n * @part text - the text element\n */\n@customElement('ids-tree-node')\n@scss(styles)\nexport default class IdsTreeNode extends Base {\n  childrenTreeNodes: Array<IdsTreeNode> = [];\n\n  #tree: IdsTree | null = null;\n\n  originalData: IdsTreeNodeData = {\n    id: '',\n    text: '',\n    ...IdsTreeShared.DEFAULTS\n  };\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is appended into a document-connected element.\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.#attachEventListeners();\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.COLLAPSE_ICON,\n      attributes.DISABLED,\n      attributes.EXPAND_ICON,\n      attributes.EXPANDED,\n      attributes.EXPAND_TARGET,\n      attributes.ICON,\n      attributes.LABEL,\n      attributes.SELECTABLE,\n      attributes.SELECTED,\n      attributes.SHOW_EXPAND_AND_TOGGLE_ICONS,\n      attributes.TOGGLE_EXPAND_ICON,\n      attributes.TOGGLE_COLLAPSE_ICON\n    ];\n  }\n\n  get nodeContainer(): HTMLElement | null {\n    return this.shadowRoot!.querySelector<HTMLElement>('.node-container');\n  }\n\n  get groupNodesEl(): HTMLElement | null {\n    return this.shadowRoot!.querySelector<HTMLElement>('.group-nodes')!;\n  }\n\n  get checkboxElem(): IdsCheckbox | null {\n    return this.shadowRoot!.querySelector<IdsCheckbox>('ids-checkbox');\n  }\n\n  get textElem(): IdsText | null {\n    return this.shadowRoot!.querySelector<IdsText>('ids-text');\n  }\n\n  get elem(): IdsTreeNode {\n    return this;\n  }\n\n  get iconElement(): IdsIcon | null {\n    return this.container?.querySelector<IdsIcon>('.icon') ?? null;\n  }\n\n  get hasChildren(): boolean {\n    return !!this.querySelector('ids-tree-node');\n  }\n\n  get isAsyncParent(): boolean {\n    return this.hasAttribute('load-async');\n  }\n\n  get isGroup(): boolean {\n    return !!this.querySelector('ids-tree-node') || this.isAsyncParent;\n  }\n\n  get slottedTreeNodes(): Array<IdsTreeNode> {\n    return [...this.querySelectorAll<IdsTreeNode>(':scope > ids-tree-node')];\n  }\n\n  #buildNodeFromData(nodeData: IdsTreeNodeData): void {\n    const processed = (s: any) => (/&#?[^\\s].{1,9};/g.test(s) ? unescapeHTML(s) : s);\n    this.setAttribute(attributes.ID, nodeData.id ?? '');\n    this.setAttribute(attributes.LABEL, processed(nodeData.text));\n    this.toggleAttribute(attributes.DISABLED, stringToBool(nodeData.disabled));\n    this.toggleAttribute(attributes.SELECTED, stringToBool(nodeData.selected));\n    let nodeIcon = nodeData.icon!;\n\n    if (this.originalData.children) {\n      this.toggleAttribute(attributes.EXPANDED, stringToBool(this.originalData.expanded));\n      nodeIcon = this.originalData.expanded\n        ? this.originalData.expandIcon!\n        : this.originalData.collapseIcon!;\n\n      // for async children\n      this.toggleAttribute('load-async', this.originalData.children.length === 0);\n\n      // remove pre-exising nodes if any\n      this.slottedTreeNodes.forEach((treeNode) => treeNode.remove());\n\n      // build direct children of this node\n      nodeData.children?.forEach((childNodeData: IdsTreeNodeData) => {\n        const childNode = document.createElement('ids-tree-node') as IdsTreeNode;\n        childNode.setAttribute('aria-level', String(this.level + 1));\n        childNode.data = childNodeData;\n        this.insertAdjacentElement('beforeend', childNode);\n      });\n    }\n\n    // node icons\n    this.setAttribute(attributes.ICON, nodeIcon);\n    this.setAttribute(attributes.TOGGLE_COLLAPSE_ICON, nodeData.toggleCollapseIcon!);\n    this.setAttribute(attributes.TOGGLE_EXPAND_ICON, nodeData.toggleExpandIcon!);\n    this.setAttribute(attributes.COLLAPSE_ICON, nodeData.collapseIcon!);\n    this.setAttribute(attributes.EXPAND_ICON, nodeData.expandIcon!);\n    this.toggleAttribute(attributes.SHOW_EXPAND_AND_TOGGLE_ICONS, stringToBool(nodeData.showExpandAndToggleIcons));\n  }\n\n  #buildBadgeFromData(badgeData: TreeNodeBadge) {\n    // build badge element\n    let badgeHTML = '';\n    if (badgeData) {\n      badgeHTML = `<ids-badge slot=\"badge\"\n        ${badgeData.color ? `color=\"${badgeData.color}\"` : ''}\n        ${badgeData.shape ? `shape=\"${badgeData.shape}\"` : ''}>\n        ${badgeData.text ? `${badgeData.text}` : ''}\n        ${badgeData.textAudible ? `<ids-text audible=\"true\">${badgeData.textAudible}</ids-text>` : ''}\n        ${badgeData.icon ? `<ids-icon icon=\"${badgeData.icon}\"></ids-icon>` : ''}\n      </ids-badge>`;\n\n      this.insertAdjacentHTML('beforeend', badgeHTML);\n    }\n  }\n\n  set data(val: IdsTreeNodeData) {\n    this.originalData = { ...this.originalData, ...val };\n    this.#buildNodeFromData(this.originalData);\n    if (this.originalData.badge) this.#buildBadgeFromData(this.originalData.badge);\n  }\n\n  get data(): IdsTreeNodeData {\n    const nodeData: Partial<IdsTreeNodeData> = {\n      id: this.id,\n      text: this.label,\n      icon: this.icon,\n      expandIcon: this.expandIcon,\n      collapseIcon: this.collapseIcon,\n      expanded: this.expanded,\n      disabled: this.disabled,\n      selected: this.selected,\n      selectable: this.selectable,\n      showExpandAndToggleIcons: this.showExpandAndToggleIcons,\n      toggleExpandIcon: this.toggleExpandIcon,\n      toggleCollapseIcon: this.toggleCollapseIcon\n    };\n\n    // only append children property if has children os is async parent\n    if (this.isAsyncParent || this.hasChildren) {\n      nodeData.children = this.slottedTreeNodes.map((child) => child.data);\n    }\n\n    return { ...this.originalData, ...nodeData };\n  }\n\n  get treeElem(): IdsTree | null {\n    if (this.#tree) return this.#tree;\n\n    let cursor = this.parentElement;\n    while (cursor && !(cursor.nodeName === 'IDS-TREE')) {\n      cursor = cursor.parentElement;\n    }\n    this.#tree = cursor as IdsTree;\n\n    return this.#tree;\n  }\n\n  get isMultiSelect(): boolean {\n    return this.selectable === 'multiple';\n  }\n\n  get level(): number {\n    return Number(this.getAttribute('aria-level'));\n  }\n\n  get setsize(): number {\n    return Number(this.getAttribute('aria-setsize'));\n  }\n\n  get posinset(): number {\n    return Number(this.getAttribute('aria-posinset'));\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template() {\n    const disabled = `${this.disabled ? ' disabled' : ''}`;\n    const selected = `${this.isSelected ? ' selected' : ''}`;\n    const expanded = `${this.expanded ? 'expanded' : ''}`;\n    const nodeIcon = this.isGroup ? this.expandCollapseIcon : this.icon;\n    const toggleExpandCollapseIcon = this.toggleExpandCollapseIcon;\n    const toggleIcon = this.showExpandAndToggleIcons\n      ? `<ids-icon class=\"toggle-icon\" part=\"toggle-icon\" icon=\"${toggleExpandCollapseIcon}\"></ids-icon>`\n      : '';\n\n    return `<div class=\"ids-tree-node ${expanded}\" role=\"none\" ${disabled} ${selected}>\n      <span class=\"node-container\" part=\"node-container\" role=\"treeitem\" tabindex=\"0\">\n        <ids-icon class=\"icon\" part=\"icon\" icon=\"${nodeIcon}\"></ids-icon>\n        ${toggleIcon}\n        <slot name=\"badge\" class=\"badge\"></slot>\n        <ids-text class=\"text\" part=\"text\">${this.label}</ids-text>\n      </span>\n      <div class=\"group-nodes\" part=\"group-nodes\">\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n\n  /**\n   * Set focus to node container\n   * @returns {void}\n   */\n  setFocus(): void {\n    this.nodeContainer?.focus();\n  }\n\n  updateTreeArias(): void {\n    const nodeLevel = this.level;\n    const children = this.slottedTreeNodes;\n\n    children.forEach((node, idx) => {\n      const prevLevel = node.level;\n      node.setAttribute(`aria-level`, String(nodeLevel + 1));\n      node.setAttribute(`aria-setsize`, String(children.length));\n      node.setAttribute(`aria-posinset`, String(idx + 1));\n\n      // if node was moved from another level, update nested nodes\n      if (prevLevel && prevLevel !== nodeLevel + 1) node.updateTreeArias();\n    });\n  }\n\n  #canProceed(eventName: string): boolean {\n    let canProceed = true;\n\n    const response = (veto: boolean) => { canProceed = veto; };\n    this.triggerEvent(eventName, this, {\n      bubbles: true,\n      detail: { elem: this.#tree, response, node: this }\n    });\n\n    return canProceed;\n  }\n\n  /**\n   * Sets the tree node to be selected\n   * @param {boolean|string} value If true will set selected attribute\n   */\n  set selected(value: boolean | string) {\n    const bool = stringToBool(value);\n    const prev = this.container?.hasAttribute(attributes.SELECTED);\n    const vetoEvent = bool ? 'beforeselected' : 'beforeunselected';\n\n    if (\n      this.disabled\n      || bool === prev\n      || this.selectable === 'none'\n      || !this.#canProceed(vetoEvent)\n    ) {\n      this.toggleAttribute(attributes.SELECTED, prev);\n      return;\n    }\n\n    this.toggleAttribute(attributes.SELECTED, bool);\n    this.#toggleSelected(bool);\n  }\n\n  get selected(): boolean {\n    return stringToBool(this.getAttribute(attributes.SELECTED));\n  }\n\n  /**\n   * Sets the tree group to be expanded\n   * @param {boolean|string} value If true will set expanded attribute\n   */\n  set expanded(value: boolean | string) {\n    const bool = stringToBool(value);\n    const prev = this.container?.hasAttribute(attributes.EXPANDED);\n    const vetoEvent = bool ? 'beforeexpanded' : 'beforecollapsed';\n\n    if (\n      this.disabled\n      || bool === prev\n      || !this.#canProceed(vetoEvent)\n    ) {\n      this.toggleAttribute(attributes.EXPANDED, prev);\n      return;\n    }\n\n    this.toggleAttribute(attributes.EXPANDED, bool);\n    this.#toggleExpanded(bool);\n  }\n\n  get expanded(): boolean {\n    return stringToBool(this.getAttribute(attributes.EXPANDED));\n  }\n\n  get isIndeterminate(): boolean {\n    return stringToBool(this.checkboxElem?.getAttribute(attributes.INDETERMINATE));\n  }\n\n  /**\n   * Attach event listeners\n   */\n  #attachEventListeners() {\n    const slotElem = this.container?.querySelector<HTMLSlotElement>('.group-nodes > slot');\n    const badgeSlot = this.container?.querySelector<HTMLSlotElement>('slot[name=\"badge\"]');\n\n    this.offEvent('click.tree-node', this.nodeContainer);\n    this.onEvent('click.tree-node', this.nodeContainer, (evt: CustomEvent) => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      this.handleClickEvent(evt);\n    });\n\n    let nodeSelectDelay: any;\n    this.offEvent('selected.tree-node', slotElem);\n    this.onEvent('selected.tree-node', slotElem, (evt: CustomEvent) => {\n      clearTimeout(nodeSelectDelay);\n\n      // if selected node is direct child of this node\n      if ((evt.target as Element).parentElement === this) {\n        nodeSelectDelay = setTimeout(() => this.#updateIndeterminateState(), 10);\n      }\n    });\n\n    let nodeDeselectDelay: any;\n    this.offEvent('unselected.tree-node', slotElem);\n    this.onEvent('unselected.tree-node', slotElem, (evt: CustomEvent) => {\n      clearTimeout(nodeDeselectDelay);\n\n      // if selected node is direct child of this node\n      if ((evt.target as Element).parentElement === this) {\n        nodeDeselectDelay = setTimeout(() => this.#updateIndeterminateState(), 10);\n      }\n    });\n\n    this.offEvent('transitionend.expanded-tree', this.groupNodesEl);\n    this.onEvent('transitionend.expanded-tree', this.groupNodesEl, () => {\n      if (this.expanded) {\n        this.groupNodesEl?.style.setProperty('max-height', 'max-content');\n      }\n    });\n\n    this.offEvent('slotchange', slotElem);\n    this.onEvent('slotchange', slotElem, () => {\n      // filter out text nodes and move them to ids-text\n      const slottedNodes = slotElem?.assignedNodes();\n      const textNode = slottedNodes?.find((n) => n.nodeType === 3);\n\n      if (textNode && textNode.textContent?.trim()) {\n        this.setAttribute(attributes.LABEL, textNode.textContent?.trim() ?? '');\n        this.removeChild(textNode);\n        return;\n      }\n\n      this.#updateSelectableMode();\n      this.updateTreeArias();\n    });\n\n    this.offEvent('slotchange', badgeSlot);\n    this.onEvent('slotchange', badgeSlot, () => {\n      badgeSlot?.assignedElements().forEach((elem) => elem?.toggleAttribute(attributes.NO_MARGINS, true));\n    });\n  }\n\n  #updateIndeterminateState() {\n    if (!this.isMultiSelect) return;\n    const isIndeterminate = this.#isIndeterminateParent();\n    this.toggleAttribute(attributes.SELECTED, !!this.slottedTreeNodes.find((child) => child.selected));\n    this.#toggleIndeterminate(this.selected && isIndeterminate);\n  }\n\n  // TreeNode is indeterminate if not all children are checked\n  #isIndeterminateParent(): boolean {\n    const children = this.slottedTreeNodes;\n    return !!children.length && !!children.find((child) => !child.selected || child.isIndeterminate);\n  }\n\n  handleClickEvent(evt: CustomEvent, skipExpansion?: boolean) {\n    if (this.disabled) return;\n\n    const clickTarget = evt.target as Element;\n    const isCheckboxClick = clickTarget.nodeName === 'IDS-CHECKBOX';\n    const isIconClick = clickTarget.nodeName === 'IDS-ICON';\n\n    // HANDLE EXPANSION\n    const isValidExpandClick = this.treeElem?.expandTarget === 'icon' ? isIconClick : true;\n    const shouldHandleExpansion = this.isGroup && isValidExpandClick && !skipExpansion;\n\n    if (shouldHandleExpansion && this.isGroup && !isCheckboxClick) {\n      const shouldExpand = !this.expanded;\n      this.toggleAttribute(attributes.EXPANDED, shouldExpand);\n    }\n\n    // HANDLE SELECTION\n    const shouldHandleSelection = !isIconClick && this.selectable !== 'none';\n\n    if (shouldHandleSelection) {\n      const shouldSelect = !this.selected;\n\n      if (this.isMultiSelect && this.hasChildren) {\n        this.toggleSelectedChildren(shouldSelect);\n      } else {\n        this.toggleAttribute(attributes.SELECTED, this.isMultiSelect ? shouldSelect : true);\n      }\n    }\n\n    // FOCUS ON CLICK\n    this.setFocus();\n  }\n\n  toggleSelectedChildren(shouldSelect: boolean): void {\n    if (this.disabled) return;\n\n    if (this.hasChildren) {\n      this.slottedTreeNodes.forEach((childNode) => childNode.toggleSelectedChildren(shouldSelect));\n      return;\n    }\n\n    this.toggleAttribute(attributes.SELECTED, shouldSelect);\n  }\n\n  #toggleIndeterminate(isIndeterminate: boolean): void {\n    this.checkboxElem?.toggleAttribute(attributes.INDETERMINATE, isIndeterminate);\n  }\n\n  /**\n   * Sets selected states on node elements\n   */\n  #select() {\n    if (this.container?.hasAttribute(attributes.SELECTED)) return;\n\n    this.container?.setAttribute(attributes.SELECTED, '');\n    this.nodeContainer?.setAttribute('aria-selected', 'true');\n    this.checkboxElem?.setAttribute(attributes.CHECKED, '');\n\n    this.triggerEvent(`selected.tree-node`, this, {\n      bubbles: true,\n      detail: { elem: this.#tree, node: this }\n    });\n  }\n\n  /**\n   * Sets unselected states on node elements\n   */\n  #deselect() {\n    if (!this.container?.hasAttribute(attributes.SELECTED)) return;\n\n    this.container?.removeAttribute(attributes.SELECTED);\n    this.nodeContainer?.setAttribute('aria-selected', 'false');\n    this.checkboxElem?.removeAttribute(attributes.CHECKED);\n\n    this.triggerEvent(`unselected.tree-node`, this, {\n      bubbles: true,\n      detail: { elem: this }\n    });\n  }\n\n  /**\n   * Toggles selected states on node elements\n   * @param {boolean} selected selected state\n   */\n  #toggleSelected(selected?: boolean) {\n    selected = typeof selected === 'boolean' ? selected : !this.selected;\n\n    if (selected) {\n      this.#select();\n    } else {\n      this.#deselect();\n    }\n  }\n\n  /**\n   * Toggles expanded states on node elements\n   * @param {boolean} expanded expanded state\n   */\n  #toggleExpanded(expanded?: boolean) {\n    expanded = typeof expanded === 'boolean' ? expanded : !this.selected;\n\n    if (expanded) {\n      this.#expand();\n    } else {\n      this.#collapse();\n    }\n  }\n\n  /**\n   * Sets expanded states on node elements\n   */\n  #expand(): void {\n    const expand = () => {\n      this.container?.setAttribute(attributes.EXPANDED, '');\n      this.groupNodesEl?.style.setProperty('display', 'block');\n      const scrollHeight = this.groupNodesEl?.scrollHeight;\n      this.groupNodesEl?.style.setProperty('max-height', `${scrollHeight ? `${scrollHeight}px` : 'max-content'}`);\n      this.nodeContainer?.querySelector('.icon')?.setAttribute(attributes.ICON, this.expandIcon);\n      this.nodeContainer?.querySelector('.toggle-icon')?.setAttribute(attributes.ICON, this.toggleExpandIcon);\n      this.#rotateToggleIcon(true);\n\n      this.triggerEvent('expanded', this, {\n        bubbles: true,\n        detail: { elem: this.#tree, node: this }\n      });\n    };\n\n    // Async load children, then expand\n    if (this.isAsyncParent && !this.hasChildren) {\n      this.triggerEvent('expandready', this, {\n        bubbles: true,\n        detail: { node: this, onReady: () => expand() }\n      });\n      return;\n    }\n\n    expand();\n  }\n\n  /**\n   * Sets collapsed states on node elements\n   */\n  #collapse(): void {\n    this.container?.removeAttribute(attributes.EXPANDED);\n    this.groupNodesEl?.style.setProperty('max-height', `0px`);\n    this.groupNodesEl?.style.setProperty('display', `none`);\n    this.container?.querySelector('.icon')?.setAttribute(attributes.ICON, this.collapseIcon);\n    this.container?.querySelector('.toggle-icon')?.setAttribute(attributes.ICON, this.toggleCollapseIcon);\n    this.#rotateToggleIcon(false);\n\n    this.triggerEvent('collapsed', this, {\n      bubbles: true,\n      detail: { elem: this.#tree, node: this }\n    });\n  }\n\n  /**\n   * Rotate toggle icon\n   * @param {boolean} rotateForward Rotate forward if true, rotate backward if false\n   */\n  #rotateToggleIcon(rotateForward: boolean) {\n    const toggleIcon = this.nodeContainer?.querySelector('.toggle-icon');\n\n    if (!toggleIcon || !this.treeElem?.toggleIconRotate) return;\n\n    const rotateClass = rotateForward ? 'rotate-forward' : 'rotate-backward';\n    toggleIcon.classList.add(rotateClass);\n    this.onEvent(`animationend`, toggleIcon, () => {\n      toggleIcon.classList.remove(rotateClass);\n      toggleIcon.setAttribute(attributes.ICON, this.toggleExpandCollapseIcon);\n    }, { once: true });\n  }\n\n  /**\n   * Gets the current node icon or expand/collapse icon\n   * @returns {string} the current icon name\n   */\n  get nodeIcon(): string {\n    return this.icon;\n  }\n\n  /**\n   * Gets the current state is selected or not\n   * @returns {boolean} the state is selected or not\n   */\n  get isSelected() {\n    return !!this.selectable && this.selected;\n  }\n\n  get checkbox() {\n    return this.shadowRoot?.querySelector('ids-checkbox');\n  }\n\n  /**\n   * Sets the tree node to disabled\n   * @param {boolean|string} value If true will set disabled attribute\n   */\n  set disabled(value) {\n    const isDisabled = stringToBool(value);\n\n    this.toggleAttribute(attributes.DISABLED, isDisabled);\n    this.container?.toggleAttribute(attributes.DISABLED, isDisabled);\n    this.nodeContainer?.toggleAttribute(attributes.DISABLED, isDisabled);\n    this.nodeContainer?.setAttribute('aria-disabled', `${isDisabled}`);\n\n    // Disable children\n    this.slottedTreeNodes.forEach((child) => child.toggleAttribute(attributes.DISABLED, isDisabled));\n  }\n\n  get disabled(): boolean {\n    return stringToBool(this.getAttribute(attributes.DISABLED));\n  }\n\n  /**\n   * Sets the tree group collapse icon\n   * @param {string|null} value The icon name\n   */\n  set collapseIcon(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.COLLAPSE_ICON, value.toString());\n    } else {\n      this.removeAttribute(attributes.COLLAPSE_ICON);\n    }\n\n    this.#updateNodeIcon();\n  }\n\n  get collapseIcon(): string {\n    return this.getAttribute(attributes.COLLAPSE_ICON) || IdsTreeShared.DEFAULTS.collapseIcon;\n  }\n\n  /**\n   * Sets the tree group expand icon\n   * @param {string|null} value The icon name\n   */\n  set expandIcon(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.EXPAND_ICON, value.toString());\n    } else {\n      this.removeAttribute(attributes.EXPAND_ICON);\n    }\n\n    this.#updateNodeIcon();\n  }\n\n  get expandIcon(): string {\n    return this.getAttribute(attributes.EXPAND_ICON) || IdsTreeShared.DEFAULTS.expandIcon;\n  }\n\n  get expandCollapseIcon(): string {\n    return this.expanded\n      ? this.getAttribute(attributes.EXPAND_ICON) || IdsTreeShared.DEFAULTS.expandIcon\n      : this.getAttribute(attributes.COLLAPSE_ICON) || IdsTreeShared.DEFAULTS.collapseIcon;\n  }\n\n  set toggleExpandIcon(value: string) {\n    if (value) {\n      this.setAttribute(attributes.TOGGLE_EXPAND_ICON, value);\n    } else {\n      this.removeAttribute(attributes.TOGGLE_EXPAND_ICON);\n    }\n\n    this.#updateToggleIcons();\n  }\n\n  get toggleExpandIcon(): string {\n    return this.getAttribute(attributes.TOGGLE_EXPAND_ICON) || IdsTreeShared.DEFAULTS.toggleExpandIcon;\n  }\n\n  set toggleCollapseIcon(value: string) {\n    if (value) {\n      this.setAttribute(attributes.TOGGLE_COLLAPSE_ICON, value);\n    } else {\n      this.removeAttribute(attributes.TOGGLE_COLLAPSE_ICON);\n    }\n\n    this.#updateToggleIcons();\n  }\n\n  get toggleCollapseIcon(): string {\n    return this.getAttribute(attributes.TOGGLE_COLLAPSE_ICON) || IdsTreeShared.DEFAULTS.toggleCollapseIcon;\n  }\n\n  get toggleExpandCollapseIcon(): string {\n    return this.expanded\n      ? this.getAttribute(attributes.TOGGLE_EXPAND_ICON) || IdsTreeShared.DEFAULTS.toggleExpandIcon\n      : this.getAttribute(attributes.TOGGLE_COLLAPSE_ICON) || IdsTreeShared.DEFAULTS.toggleCollapseIcon;\n  }\n\n  set showExpandAndToggleIcons(value: boolean | null) {\n    const show = stringToBool(value);\n    this.toggleAttribute(attributes.SHOW_EXPAND_AND_TOGGLE_ICONS, show);\n    this.#updateToggleIcons();\n  }\n\n  get showExpandAndToggleIcons(): boolean {\n    return stringToBool(this.getAttribute(attributes.SHOW_EXPAND_AND_TOGGLE_ICONS));\n  }\n\n  /**\n   * Sets the tree node icon\n   * @param {string|null} value The icon name\n   */\n  set icon(value: string | null) {\n    this.setAttribute(attributes.ICON, value ?? IdsTreeShared.DEFAULTS.icon);\n    this.#updateNodeIcon();\n  }\n\n  get icon(): string {\n    return this.getAttribute(attributes.ICON) || IdsTreeShared.DEFAULTS.icon;\n  }\n\n  /**\n   * Set the node label text\n   * @param {string} value of the label text\n   */\n  set label(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.LABEL, value.toString());\n    } else {\n      this.removeAttribute(attributes.LABEL);\n    }\n\n    if (this.textElem) {\n      this.textElem.textContent = value ?? '';\n    }\n\n    if (this.checkboxElem) {\n      this.checkboxElem.setAttribute(attributes.LABEL, value ?? '');\n    }\n  }\n\n  get label(): string {\n    return this.getAttribute(attributes.LABEL) || '';\n  }\n\n  /**\n   * Sets the tree node to be selectable 'single', 'multiple', 'none'\n   * @param {string} val selectable mode\n   */\n  set selectable(val: string) {\n    const isValid = IdsTreeShared.SELECTABLE.includes(val);\n\n    if (isValid) {\n      this.setAttribute(attributes.SELECTABLE, val);\n    } else {\n      this.removeAttribute(attributes.SELECTABLE);\n    }\n\n    this.#updateSelectableMode();\n  }\n\n  get selectable(): string {\n    const attrVal = this.getAttribute(attributes.SELECTABLE) ?? 'single';\n    return IdsTreeShared.SELECTABLE.includes(attrVal) ? attrVal : 'single';\n  }\n\n  /**\n   * Sets the trees expand target between clicking the whole node or just the icon\n   * @param {boolean|string} value Either 'node' or 'icon'\n   */\n  set expandTarget(value: 'node' | 'icon') {\n    if (value === 'node' || value === 'icon') {\n      this.setAttribute(attributes.EXPAND_TARGET, value);\n    } else {\n      this.removeAttribute(attributes.EXPAND_TARGET);\n    }\n  }\n\n  get expandTarget(): 'node' | 'icon' {\n    return (this.getAttribute(attributes.EXPAND_TARGET) as 'node' | 'icon') || IdsTreeShared.DEFAULTS.expandTarget;\n  }\n\n  #updateSelectableMode() {\n    const selectableMode = this.selectable;\n\n    if (selectableMode === 'multiple' && !this.checkboxElem) {\n      const checkboxElem = document.createElement('ids-checkbox') as IdsCheckbox;\n      checkboxElem.checked = this.selected;\n      checkboxElem.setAttribute(attributes.LABEL, this.label);\n      checkboxElem.setAttribute('tabindex', '-1');\n      this.nodeContainer?.insertBefore(checkboxElem, this.textElem);\n      this.textElem?.style.setProperty('display', 'none');\n    }\n\n    if (selectableMode === 'single') {\n      this.checkboxElem?.remove();\n      this.textElem?.style.setProperty('display', 'inline-block');\n    }\n\n    this.slottedTreeNodes.forEach((node) => node.setAttribute(attributes.SELECTABLE, selectableMode));\n  }\n\n  #updateNodeIcon() {\n    const nodeIcon = this.isGroup ? this.expandCollapseIcon : this.icon;\n    this.nodeContainer?.querySelector('.icon')?.setAttribute(attributes.ICON, nodeIcon);\n  }\n\n  #updateToggleIcons() {\n    if (!this.showExpandAndToggleIcons || !this.isGroup) {\n      this.container?.querySelector('.toggle-icon')?.remove();\n      return;\n    }\n\n    // add icon component if does not exist\n    const toggleIconElem = this.container?.querySelector('.toggle-icon');\n    const toggleExpandCollapseIcon = this.toggleExpandCollapseIcon;\n\n    if (!toggleIconElem) {\n      const tmpl = `<ids-icon class=\"toggle-icon\" part=\"toggle-icon\" icon=\"${toggleExpandCollapseIcon}\"></ids-icon>`;\n      this.nodeContainer?.querySelector('.icon')?.insertAdjacentHTML('afterend', tmpl);\n    } else {\n      toggleIconElem?.setAttribute(attributes.ICON, toggleExpandCollapseIcon);\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ids_tree_node_default", "Base", "ids_events_mixin_default", "IdsElement", "_tree", "_IdsTreeNode_instances", "buildNodeFromData_fn", "buildBadgeFromData_fn", "canProceed_fn", "attachEventListeners_fn", "updateIndeterminateState_fn", "isIndeterminateParent_fn", "toggleIndeterminate_fn", "select_fn", "deselect_fn", "toggleSelected_fn", "toggleExpanded_fn", "expand_fn", "collapse_fn", "rotateToggleIcon_fn", "updateSelectableMode_fn", "updateNodeIcon_fn", "updateToggleIcons_fn", "IdsTreeNode", "__privateAdd", "__publicField", "ids_tree_shared_default", "__privateMethod", "attributes", "val", "nodeData", "child", "__privateGet", "cursor", "__privateSet", "disabled", "selected", "expanded", "nodeIcon", "toggleExpandCollapseIcon", "toggleIcon", "nodeLevel", "children", "node", "idx", "prevLevel", "value", "bool", "stringToBool", "prev", "vetoEvent", "evt", "skipExpansion", "clickTarget", "isCheckboxClick", "isIconClick", "isValidExpandClick", "shouldExpand", "shouldSelect", "childNode", "isDisabled", "show", "attrVal", "processed", "s", "unescapeHTML", "treeNode", "childNodeData", "badgeData", "badgeHTML", "eventName", "canProceed", "response", "veto", "slotElem", "badgeSlot", "nodeSelectDelay", "nodeDeselectDelay", "textNode", "n", "elem", "isIndeterminate", "expand", "scrollHeight", "rotateForward", "rotateClass", "selectableMode", "checkboxElem", "toggleIconElem", "tmpl", "__decorateClass", "customElement", "scss", "ids_tree_node_default"]
+}