@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.0

package/dist/collection/components/table-advanced-version/buttonCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/buttonCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { ButtonInterface } from './interfaces';\r\n\r\nexport class ButtonCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eButton!: HTMLElement;  // Change to a generic HTMLElement to accommodate custom elements\r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createButton(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateButton(params);\r\n    return true;\r\n  }\r\n\r\n  private createButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    this.eGui = document.createElement('div');\r\n    this.eButton = document.createElement('ifx-button') as HTMLElement;\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setButtonAttributes(config);\r\n      this.eGui.appendChild(this.eButton);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setButtonAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setButtonAttributes(config: ButtonInterface) {\r\n    this.eButton.setAttribute('disabled', config.disabled.toString());\r\n    this.eButton.setAttribute('variant', config.variant);\r\n    this.eButton.setAttribute('theme', config.theme);\r\n    this.eButton.setAttribute('type', config.type);\r\n    this.eButton.setAttribute('size', config.size);\r\n    this.eButton.setAttribute('full-width', config.fullWidth.toString());\r\n    this.eButton.setAttribute('target', config.target);\r\n    this.eButton.setAttribute('href', config.href);\r\n    this.eButton.textContent = config.text;\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onButtonClick) {\r\n        options.onButtonClick(params, event);\r\n      }\r\n    };\r\n    this.eButton.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eButton.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: ButtonInterface): boolean {\r\n    return config && config.text !== '' && config.variant !== '' && config.size !== '' && config.type !== '';\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"buttonCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/buttonCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { ButtonInterface } from './interfaces';\n\nexport class ButtonCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eButton!: HTMLElement;  // Change to a generic HTMLElement to accommodate custom elements\n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createButton(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateButton(params);\n    return true;\n  }\n\n  private createButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    this.eGui = document.createElement('div');\n    this.eButton = document.createElement('ifx-button') as HTMLElement;\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setButtonAttributes(config);\n      this.eGui.appendChild(this.eButton);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setButtonAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setButtonAttributes(config: ButtonInterface) {\n    this.eButton.setAttribute('disabled', config.disabled.toString());\n    this.eButton.setAttribute('variant', config.variant);\n    this.eButton.setAttribute('theme', config.theme);\n    this.eButton.setAttribute('type', config.type);\n    this.eButton.setAttribute('size', config.size);\n    this.eButton.setAttribute('full-width', config.fullWidth.toString());\n    this.eButton.setAttribute('target', config.target);\n    this.eButton.setAttribute('href', config.href);\n    this.eButton.textContent = config.text;\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onButtonClick) {\n        options.onButtonClick(params, event);\n      }\n    };\n    this.eButton.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eButton.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: ButtonInterface): boolean {\n    return config && config.text !== '' && config.variant !== '' && config.size !== '' && config.type !== '';\n  }\n}\n"]}

package/dist/collection/components/table-advanced-version/checkboxCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/checkboxCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { CheckboxInterface } from './interfaces';\r\n\r\nexport class CheckboxCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eCheckbox!: HTMLElement;\r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createCheckbox(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateCheckbox(params);\r\n    return true;\r\n  }\r\n\r\n  private createCheckbox(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.style.display = 'flex';\r\n    this.eGui.style.alignItems = 'center';\r\n    this.eGui.style.justifyContent = 'center';\r\n    this.eCheckbox = document.createElement('ifx-checkbox') as HTMLElement;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setCheckboxAttributes(config);\r\n      this.eGui.appendChild(this.eCheckbox);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : 'No checkbox data';\r\n    }\r\n  }\r\n\r\n  private updateCheckbox(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setCheckboxAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setCheckboxAttributes(config: CheckboxInterface) {\r\n    this.eCheckbox.setAttribute('disabled', config.disabled.toString());\r\n    this.eCheckbox.setAttribute('error', config.error.toString());\r\n    this.eCheckbox.setAttribute('size', config.size);\r\n    this.eCheckbox.setAttribute('checked', config.checked.toString());\r\n    this.eCheckbox.setAttribute('indeterminate', config.indeterminate.toString());\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onCheckboxClick) {\r\n        options.onCheckboxClick(params, event);\r\n      }\r\n    };\r\n    this.eCheckbox.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eCheckbox.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: CheckboxInterface): boolean {\r\n    return config && config.size !== '';\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"checkboxCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/checkboxCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { CheckboxInterface } from './interfaces';\n\nexport class CheckboxCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eCheckbox!: HTMLElement;\n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createCheckbox(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateCheckbox(params);\n    return true;\n  }\n\n  private createCheckbox(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    this.eGui = document.createElement('div');\n    this.eGui.style.display = 'flex';\n    this.eGui.style.alignItems = 'center';\n    this.eGui.style.justifyContent = 'center';\n    this.eCheckbox = document.createElement('ifx-checkbox') as HTMLElement;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setCheckboxAttributes(config);\n      this.eGui.appendChild(this.eCheckbox);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : 'No checkbox data';\n    }\n  }\n\n  private updateCheckbox(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n\n    if (this.hasRequiredKeys(config)) {\n      this.setCheckboxAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setCheckboxAttributes(config: CheckboxInterface) {\n    this.eCheckbox.setAttribute('disabled', config.disabled.toString());\n    this.eCheckbox.setAttribute('error', config.error.toString());\n    this.eCheckbox.setAttribute('size', config.size);\n    this.eCheckbox.setAttribute('checked', config.checked.toString());\n    this.eCheckbox.setAttribute('indeterminate', config.indeterminate.toString());\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onCheckboxClick) {\n        options.onCheckboxClick(params, event);\n      }\n    };\n    this.eCheckbox.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eCheckbox.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: CheckboxInterface): boolean {\n    return config && config.size !== '';\n  }\n}\n"]}

package/dist/collection/components/table-advanced-version/checkboxHeaderRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxHeaderRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/checkboxHeaderRenderer.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,sBAAsB;IAKjC,IAAI,CAAC,MAAoE;QACvE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,MAAqB;QAC3B,IAAI,CAAC,MAAM,mCAAQ,IAAI,CAAC,MAAM,GAAK,MAAM,CAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACtC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACxD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE;YAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;gBAC5B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { IHeaderComp, IHeaderParams } from 'ag-grid-community';\r\n\r\nexport class CheckboxHeaderRenderer implements IHeaderComp {\r\n  eGui!: HTMLDivElement;\r\n  eCheckbox!: HTMLElement;\r\n  params!: IHeaderParams & { onSelectAll?: (checked: boolean) => void };\r\n\r\n  init(params: IHeaderParams & { onSelectAll?: (checked: boolean) => void }) {\r\n    this.params = params;\r\n    this.createHeader();\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: IHeaderParams): boolean {\r\n    this.params = { ...this.params, ...params };\r\n    return true;\r\n  }\r\n\r\n  private createHeader() {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.style.display = 'flex';\r\n    this.eGui.style.alignItems = 'center';\r\n    this.eGui.style.justifyContent = 'center';\r\n\r\n    this.eCheckbox = document.createElement('ifx-checkbox');\r\n    this.eCheckbox.setAttribute('size', 's');\r\n    this.eCheckbox.setAttribute('checked', 'false');\r\n\r\n    this.eCheckbox.addEventListener('ifxChange', (event: any) => {\r\n      const checked = event.detail;\r\n      if (this.params.onSelectAll) {\r\n        this.params.onSelectAll(checked);\r\n      }\r\n    });\r\n\r\n    this.eGui.appendChild(this.eCheckbox);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"checkboxHeaderRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/checkboxHeaderRenderer.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,sBAAsB;IAKjC,IAAI,CAAC,MAAoE;QACvE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,MAAqB;QAC3B,IAAI,CAAC,MAAM,mCAAQ,IAAI,CAAC,MAAM,GAAK,MAAM,CAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACtC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACxD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE;YAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;gBAC5B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { IHeaderComp, IHeaderParams } from 'ag-grid-community';\n\nexport class CheckboxHeaderRenderer implements IHeaderComp {\n  eGui!: HTMLDivElement;\n  eCheckbox!: HTMLElement;\n  params!: IHeaderParams & { onSelectAll?: (checked: boolean) => void };\n\n  init(params: IHeaderParams & { onSelectAll?: (checked: boolean) => void }) {\n    this.params = params;\n    this.createHeader();\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: IHeaderParams): boolean {\n    this.params = { ...this.params, ...params };\n    return true;\n  }\n\n  private createHeader() {\n    this.eGui = document.createElement('div');\n    this.eGui.style.display = 'flex';\n    this.eGui.style.alignItems = 'center';\n    this.eGui.style.justifyContent = 'center';\n\n    this.eCheckbox = document.createElement('ifx-checkbox');\n    this.eCheckbox.setAttribute('size', 's');\n    this.eCheckbox.setAttribute('checked', 'false');\n\n    this.eCheckbox.addEventListener('ifxChange', (event: any) => {\n      const checked = event.detail;\n      if (this.params.onSelectAll) {\n        this.params.onSelectAll(checked);\n      }\n    });\n\n    this.eGui.appendChild(this.eCheckbox);\n  }\n}\n"]}

package/dist/collection/components/table-advanced-version/customLoadingOverlay.js

@@ -1,8 +1,8 @@
 export class CustomLoadingOverlay {
     init(_params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
-<ifx-spinner></ifx-spinner>
+        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
+<ifx-spinner></ifx-spinner>
             </div>`;
     }
     getGui() {

package/dist/collection/components/table-advanced-version/customLoadingOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"customLoadingOverlay.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/customLoadingOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,oBAAoB;IAG/B,IAAI,CAAC,OAAyD;QAC5D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;mBAEP,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomLoadingOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\r\n<ifx-spinner></ifx-spinner>\r\n            </div>`;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}"]}
+{"version":3,"file":"customLoadingOverlay.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/customLoadingOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,oBAAoB;IAG/B,IAAI,CAAC,OAAyD;QAC5D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;mBAEP,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomLoadingOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\n<ifx-spinner></ifx-spinner>\n            </div>`;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}"]}

package/dist/collection/components/table-advanced-version/customNoRowsOverlay.js

@@ -1,10 +1,10 @@
 export class CustomNoRowsOverlay {
     init(params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `
-            <div role="presentation" class="ag-overlay-loading-center" >
-               ${params.noRowsMessageFunc()}
-            </div>
+        this.eGui.innerHTML = `
+            <div role="presentation" class="ag-overlay-loading-center" >
+               ${params.noRowsMessageFunc()}
+            </div>
         `;
     }
     getGui() {

package/dist/collection/components/table-advanced-version/customNoRowsOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"customNoRowsOverlay.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/customNoRowsOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAG9B,IAAI,CAAC,MAAiE;QACpE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;iBAET,MAAM,CAAC,iBAAiB,EAAE;;SAElC,CAAC;IACR,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomNoRowsOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `\r\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\r\n               ${params.noRowsMessageFunc()}\r\n            </div>\r\n        `;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}"]}
+{"version":3,"file":"customNoRowsOverlay.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/customNoRowsOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAG9B,IAAI,CAAC,MAAiE;QACpE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;iBAET,MAAM,CAAC,iBAAiB,EAAE;;SAElC,CAAC;IACR,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomNoRowsOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\n               ${params.noRowsMessageFunc()}\n            </div>\n        `;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}"]}

package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js

@@ -88,7 +88,7 @@ export class FilterBar {
         // Calculate slotsToShow safely
         const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
         const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
-        return (h(Host, { key: 'e501634e3acd41a5112eacd9f31983e4f392889b' }, h("div", { key: '4d03a14d9e7681998c49491451bbf13617407442', class: "search-container" }, h("slot", { key: '19663dd6d8535bbcee2b1a3f4e7ab27dbd10f347', name: "filter-search" }), " "), h("div", { key: '5dd35aa40dbd16c7c69012752741f55bfc511e06', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '0d011826e4eea2a9df2a0a30ce62f406d638414d', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'e042e8d8866f3e71a48395c428d17d64660c7aa3', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '7473306595bca3a1a497919d776a6045b5f97ffe', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '2b4927cc61d5e9c566f85544f47b8f3a4305be4e' }, h("div", { key: 'dc3fc02769297cfea89e54f7403bd811ad4cf952', class: "search-container" }, h("slot", { key: '9ec9fe23bd4d14de1d2795d0d2dd21622c93eb76', name: "filter-search" }), " "), h("div", { key: 'c4ea12c884a69fc6905cb178de6da350648821e0', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: 'd99f66f19f88a1788b9bfdb86b5ceacbe2fd3fad', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'fbf09d84fc2ea71ece0a6440fc808ddf89b78f65', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '930c10fd594a70b820249134cbbb320e17ebf8a7', icon: "filter-16" }), "More filters"))))));
     }
     static get is() { return "ifx-filter-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-bar/filter-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["// FilterBar.tsx\r\nimport { Component, h, Host, Element, Event, EventEmitter, State, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-filter-bar',\r\n  styleUrl: 'filter-bar.scss',\r\n  shadow: true\r\n})\r\nexport class FilterBar {\r\n  @Element() el: HTMLElement;\r\n  @State() selectedOptions: Array<{ filterName: string, filterValues: [string], type: string }> = [];\r\n  @Event() ifxTopbarFilterChange: EventEmitter;\r\n  @State() showAllFilters: boolean = false;\r\n  @Prop() maxShownFilters: number = 4; // Default to 4, can be overridden by parent component\r\n  @State() visibleSlots: number;\r\n@Prop() showMoreFiltersButton: boolean = true;\r\n\r\n  /* If the component is ever removed and then reattached to the DOM, \r\nconnectedCallback ensures that the event listeners are properly set up again */\r\n  connectedCallback() {\r\n    this.el.addEventListener('ifxFilterSelect', this.handleTopbarFilterChange);\r\n    this.el.addEventListener('ifxFilterSearchChange', this.handleSearchChange);\r\n    window.addEventListener('ifxResetFiltersEvent', this.handleResetEvent);\r\n  }\r\n\r\n  componentWillUnload() {\r\n    this.el.removeEventListener('ifxFilterSelect', this.handleTopbarFilterChange);\r\n    this.el.removeEventListener('ifxFilterSearchChange', this.handleSearchChange);\r\n    window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);\r\n  }\r\n\r\n  \r\n  componentWillLoad() {\r\n    this.updateVisibleSlots();\r\n  }\r\n\r\n// Modify updateVisibleSlots to use showAllFilters to determine the number of slots\r\nupdateVisibleSlots() {\r\n   this.visibleSlots = this.showAllFilters ? Number.MAX_SAFE_INTEGER : this.maxShownFilters;\r\n }\r\n\r\n  handleMoreFiltersClick = () => {\r\n    this.showAllFilters = true;\r\n    this.updateVisibleSlots(); // Recalculate visible slots based on the new state\r\n  }\r\n\r\n  handleResetEvent = () => {\r\n    const filterSearchSlot = this.el.shadowRoot?.querySelector('slot[name=\"filter-search\"]');\r\n    if (filterSearchSlot instanceof HTMLSlotElement) { // Ensure it's treated as HTMLSlotElement\r\n      const filterSearchSlottedElements = filterSearchSlot.assignedElements({ flatten: true });\r\n  \r\n    filterSearchSlottedElements.forEach((filterSearchWrapper: HTMLElement) => {\r\n      const filterSearch = filterSearchWrapper.querySelector('ifx-filter-search');\r\n\r\n      const searchField = filterSearch.shadowRoot.querySelectorAll('ifx-search-field')\r\n\r\n      if (searchField.length > 0) {\r\n        searchField.forEach((searchFieldElement: any) => {\r\n          searchFieldElement.value = '';\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n    this.selectedOptions = [];\r\n\r\n    // Emit the change to inform any parent components that the filters have been reset\r\n    this.ifxTopbarFilterChange.emit(this.selectedOptions);\r\n  }\r\n\r\n\r\n  handleSearchChange = (event: CustomEvent) => {\r\n    this.handleTopbarFilterChange(event);\r\n  }\r\n\r\n  handleFilterSelect = (event: CustomEvent) => {\r\n    this.handleTopbarFilterChange(event);\r\n  }\r\n\r\n  handleTopbarFilterChange = (event: CustomEvent) => {\r\n    const newSelectedOptions = [...this.selectedOptions];\r\n\r\n    if (event.type === 'ifxFilterSearchChange') {\r\n      const { filterName, filterValue } = event.detail;\r\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterName === filterName);\r\n\r\n      if (existingOptionIndex !== -1) {\r\n        // If an existing filter is found, update its value\r\n        newSelectedOptions[existingOptionIndex].filterValues = [filterValue];\r\n      } else {\r\n        newSelectedOptions.push({ filterName: filterName, filterValues: [filterValue], type: 'text' });\r\n      }\r\n    } else if (event.type === 'ifxFilterSelect') {\r\n      const { filterName, filterValues, type } = event.detail;\r\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterName === filterName);\r\n\r\n      if (existingOptionIndex !== -1) {\r\n        newSelectedOptions[existingOptionIndex].filterValues = filterValues;\r\n        newSelectedOptions[existingOptionIndex].type = type; // Update type based on the number of selected items\r\n      } else {\r\n        newSelectedOptions.push({ filterName: filterName, filterValues: filterValues, type: type });\r\n      }\r\n    }\r\n\r\n    this.selectedOptions = newSelectedOptions;\r\n    this.ifxTopbarFilterChange.emit(this.selectedOptions);\r\n  }\r\n\r\n  render() {\r\n    const safeVisibleSlots = Math.max(0, this.visibleSlots);\r\n\r\n    const actualNumberOfComponents = this.el.querySelectorAll('ifx-set-filter').length; \r\n     // Calculate slotsToShow safely\r\n    const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);\r\n\r\n    const slots = Array.from({ length: slotsToShow }, (_, i) => (\r\n      <div class=\"filter-slot-wrapper\">\r\n        <slot name={`filter-component-${i + 1}`}></slot>\r\n      </div>\r\n    ));\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"search-container\">\r\n          <slot name=\"filter-search\"></slot> {/* Directly place the search slot here */}\r\n        </div>\r\n        <div class=\"components-container\">\r\n          {slots.length > 0 ? slots : <slot name=\"filter-component\"></slot>}\r\n          {this.showMoreFiltersButton && !this.showAllFilters && (\r\n            <div class=\"more-filters-wrapper\" onClick={this.handleMoreFiltersClick}>\r\n              <ifx-button type=\"button\" disabled={false} variant=\"tertiary\" size=\"m\" target=\"_blank\" theme=\"default\" full-width=\"false\">\r\n                <ifx-icon icon=\"filter-16\"></ifx-icon>More filters\r\n              </ifx-button>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-bar/filter-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["// FilterBar.tsx\nimport { Component, h, Host, Element, Event, EventEmitter, State, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-filter-bar',\n  styleUrl: 'filter-bar.scss',\n  shadow: true\n})\nexport class FilterBar {\n  @Element() el: HTMLElement;\n  @State() selectedOptions: Array<{ filterName: string, filterValues: [string], type: string }> = [];\n  @Event() ifxTopbarFilterChange: EventEmitter;\n  @State() showAllFilters: boolean = false;\n  @Prop() maxShownFilters: number = 4; // Default to 4, can be overridden by parent component\n  @State() visibleSlots: number;\n@Prop() showMoreFiltersButton: boolean = true;\n\n  /* If the component is ever removed and then reattached to the DOM, \nconnectedCallback ensures that the event listeners are properly set up again */\n  connectedCallback() {\n    this.el.addEventListener('ifxFilterSelect', this.handleTopbarFilterChange);\n    this.el.addEventListener('ifxFilterSearchChange', this.handleSearchChange);\n    window.addEventListener('ifxResetFiltersEvent', this.handleResetEvent);\n  }\n\n  componentWillUnload() {\n    this.el.removeEventListener('ifxFilterSelect', this.handleTopbarFilterChange);\n    this.el.removeEventListener('ifxFilterSearchChange', this.handleSearchChange);\n    window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);\n  }\n\n  \n  componentWillLoad() {\n    this.updateVisibleSlots();\n  }\n\n// Modify updateVisibleSlots to use showAllFilters to determine the number of slots\nupdateVisibleSlots() {\n   this.visibleSlots = this.showAllFilters ? Number.MAX_SAFE_INTEGER : this.maxShownFilters;\n }\n\n  handleMoreFiltersClick = () => {\n    this.showAllFilters = true;\n    this.updateVisibleSlots(); // Recalculate visible slots based on the new state\n  }\n\n  handleResetEvent = () => {\n    const filterSearchSlot = this.el.shadowRoot?.querySelector('slot[name=\"filter-search\"]');\n    if (filterSearchSlot instanceof HTMLSlotElement) { // Ensure it's treated as HTMLSlotElement\n      const filterSearchSlottedElements = filterSearchSlot.assignedElements({ flatten: true });\n  \n    filterSearchSlottedElements.forEach((filterSearchWrapper: HTMLElement) => {\n      const filterSearch = filterSearchWrapper.querySelector('ifx-filter-search');\n\n      const searchField = filterSearch.shadowRoot.querySelectorAll('ifx-search-field')\n\n      if (searchField.length > 0) {\n        searchField.forEach((searchFieldElement: any) => {\n          searchFieldElement.value = '';\n        });\n      }\n    });\n  }\n\n    this.selectedOptions = [];\n\n    // Emit the change to inform any parent components that the filters have been reset\n    this.ifxTopbarFilterChange.emit(this.selectedOptions);\n  }\n\n\n  handleSearchChange = (event: CustomEvent) => {\n    this.handleTopbarFilterChange(event);\n  }\n\n  handleFilterSelect = (event: CustomEvent) => {\n    this.handleTopbarFilterChange(event);\n  }\n\n  handleTopbarFilterChange = (event: CustomEvent) => {\n    const newSelectedOptions = [...this.selectedOptions];\n\n    if (event.type === 'ifxFilterSearchChange') {\n      const { filterName, filterValue } = event.detail;\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterName === filterName);\n\n      if (existingOptionIndex !== -1) {\n        // If an existing filter is found, update its value\n        newSelectedOptions[existingOptionIndex].filterValues = [filterValue];\n      } else {\n        newSelectedOptions.push({ filterName: filterName, filterValues: [filterValue], type: 'text' });\n      }\n    } else if (event.type === 'ifxFilterSelect') {\n      const { filterName, filterValues, type } = event.detail;\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterName === filterName);\n\n      if (existingOptionIndex !== -1) {\n        newSelectedOptions[existingOptionIndex].filterValues = filterValues;\n        newSelectedOptions[existingOptionIndex].type = type; // Update type based on the number of selected items\n      } else {\n        newSelectedOptions.push({ filterName: filterName, filterValues: filterValues, type: type });\n      }\n    }\n\n    this.selectedOptions = newSelectedOptions;\n    this.ifxTopbarFilterChange.emit(this.selectedOptions);\n  }\n\n  render() {\n    const safeVisibleSlots = Math.max(0, this.visibleSlots);\n\n    const actualNumberOfComponents = this.el.querySelectorAll('ifx-set-filter').length; \n     // Calculate slotsToShow safely\n    const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);\n\n    const slots = Array.from({ length: slotsToShow }, (_, i) => (\n      <div class=\"filter-slot-wrapper\">\n        <slot name={`filter-component-${i + 1}`}></slot>\n      </div>\n    ));\n\n    return (\n      <Host>\n        <div class=\"search-container\">\n          <slot name=\"filter-search\"></slot> {/* Directly place the search slot here */}\n        </div>\n        <div class=\"components-container\">\n          {slots.length > 0 ? slots : <slot name=\"filter-component\"></slot>}\n          {this.showMoreFiltersButton && !this.showAllFilters && (\n            <div class=\"more-filters-wrapper\" onClick={this.handleMoreFiltersClick}>\n              <ifx-button type=\"button\" disabled={false} variant=\"tertiary\" size=\"m\" target=\"_blank\" theme=\"default\" full-width=\"false\">\n                <ifx-icon icon=\"filter-16\"></ifx-icon>More filters\n              </ifx-button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}"]}

package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js

@@ -31,8 +31,8 @@ export class FilterAccordion {
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: 'cb823204c42f517329ffc5531940e883f284df29', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '02ccdacd3ec3bd512b20607def154b99421e9c30', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '634afad1cc58347ca0c96cb6db2cd07a2e94d75f', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'f2bff912b12b2fc6b517c9cdf2e2dd9ec4dc1c48', class: "text" }, h("span", { key: '4ff0889e587879cfa7fb46621d8e3418d13ed0d0' }, this.filterGroupName), h("ifx-indicator", { key: '3fa49a2194d194a14aa7cf66e230c710586f7ac6', variant: 'number', number: this.count })), h("ifx-icon", { key: '4a2680ef1af767917150476d787d2acd63f2ef7a', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '650b71df532af9b10da6f82d9fe190abd0b39e8f', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: 'd6ae6444398886b069881d7b2642b768d4f3ba6c', class: "filter-accordion-container" }, h("slot", { key: 'f24cfd9da32daf4e0f2c884c83ee2e7b3e8cd7fa', name: "list" }))));
+        return (h("div", { key: '70376ec184dcd378c6c595d5b30cdb82c8082de6', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'c056174028a70bb2f4e28ced5dd81dca18f1a395', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'dcdce6679b05c5acad3ba2216270564ea41cc451', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '49c6ebef37a4b6798210425c694b4ade083a8216', class: "text" }, h("span", { key: 'd027e2e2cc48441b93d490321ac1b5cb2e8d8103' }, this.filterGroupName), h("ifx-indicator", { key: 'b9c83f3318aadd8c25a232233a83448713c80495', variant: 'number', number: this.count })), h("ifx-icon", { key: 'e4759317302f8f4c876a4f9bb87f1295b816a8a4', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '4eb6119e32b9b8871d2b1f77d362499e6d9948ce', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: '833bcbac536f4d39419682e217f1c398c43b8e3b', class: "filter-accordion-container" }, h("slot", { key: '9b6fd50774992f88098423ca1ff8e91587bae9b6', name: "list" }))));
     }
     static get is() { return "ifx-filter-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-accordion.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Event, EventEmitter, Element } from '@stencil/core';\r\nimport { getInitiallySelectedItems } from '../utils';\r\n\r\n@Component({\r\n  tag: 'ifx-filter-accordion',\r\n  styleUrl: 'filter-accordion.scss',\r\n  shadow: true,\r\n})\r\nexport class FilterAccordion {\r\n  private initialized = false;\r\n  @Element() private el: HTMLElement;\r\n  @State() expanded: boolean = false;\r\n  @Prop() maxVisibleItems: number;\r\n  @State() count: number = 0;\r\n  @State() totalItems = 0;\r\n\r\n  @Prop() filterGroupName = \"\";\r\n\r\n  @Event() ifxFilterAccordionChange: EventEmitter;\r\n\r\n  componentWillLoad() {\r\n    this.el.addEventListener('ifxListUpdate', this.handleCheckedChange);\r\n\r\n  }\r\n\r\ncomponentDidLoad() {\r\n  if (!this.initialized) {\r\n    const selectedItems = getInitiallySelectedItems(this.el);\r\n    this.count = selectedItems.length;\r\n    this.initialized = true; // Prevent further execution in future calls\r\n  }\r\n}\r\n\r\n\r\nhandleCheckedChange = (event: CustomEvent) => {\r\n    const selectedItems = event.detail.selectedItems;\r\n    this.count = selectedItems.length;\r\n    this.ifxFilterAccordionChange.emit({ filterGroupName: this.filterGroupName, selectedItems });\r\n  }\r\n\r\n  componentWillUnload() {\r\n    this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);\r\n  }\r\n\r\n  toggleAccordion = (event: MouseEvent) => {\r\n    event.stopPropagation();\r\n    this.expanded = !this.expanded;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`accordion ${this.expanded ? 'expanded' : ''}`}>\r\n        <div class={`header ${this.expanded ? 'expanded' : ''}`} onClick={this.toggleAccordion} >\r\n          <div class={`text-and-icon ${this.expanded ? 'expanded' : ''}`}>\r\n            <div class=\"text\">\r\n              <span>{this.filterGroupName}</span>\r\n              <ifx-indicator variant='number' number={this.count}></ifx-indicator>\r\n            </div>\r\n            <ifx-icon\r\n              class={this.expanded ? '' : 'hidden'}\r\n              icon=\"minus-16\"\r\n              onClick={this.toggleAccordion}\r\n            ></ifx-icon>\r\n            <ifx-icon\r\n              class={this.expanded ? 'hidden' : ''}\r\n              icon=\"plus-16\"\r\n              onClick={this.toggleAccordion}\r\n            ></ifx-icon>\r\n          </div>\r\n        </div>\r\n        {this.expanded &&\r\n          <div class=\"filter-accordion-container\">\r\n            <slot name=\"list\"></slot>\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"filter-accordion.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Event, EventEmitter, Element } from '@stencil/core';\nimport { getInitiallySelectedItems } from '../utils';\n\n@Component({\n  tag: 'ifx-filter-accordion',\n  styleUrl: 'filter-accordion.scss',\n  shadow: true,\n})\nexport class FilterAccordion {\n  private initialized = false;\n  @Element() private el: HTMLElement;\n  @State() expanded: boolean = false;\n  @Prop() maxVisibleItems: number;\n  @State() count: number = 0;\n  @State() totalItems = 0;\n\n  @Prop() filterGroupName = \"\";\n\n  @Event() ifxFilterAccordionChange: EventEmitter;\n\n  componentWillLoad() {\n    this.el.addEventListener('ifxListUpdate', this.handleCheckedChange);\n\n  }\n\ncomponentDidLoad() {\n  if (!this.initialized) {\n    const selectedItems = getInitiallySelectedItems(this.el);\n    this.count = selectedItems.length;\n    this.initialized = true; // Prevent further execution in future calls\n  }\n}\n\n\nhandleCheckedChange = (event: CustomEvent) => {\n    const selectedItems = event.detail.selectedItems;\n    this.count = selectedItems.length;\n    this.ifxFilterAccordionChange.emit({ filterGroupName: this.filterGroupName, selectedItems });\n  }\n\n  componentWillUnload() {\n    this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);\n  }\n\n  toggleAccordion = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  }\n\n  render() {\n    return (\n      <div class={`accordion ${this.expanded ? 'expanded' : ''}`}>\n        <div class={`header ${this.expanded ? 'expanded' : ''}`} onClick={this.toggleAccordion} >\n          <div class={`text-and-icon ${this.expanded ? 'expanded' : ''}`}>\n            <div class=\"text\">\n              <span>{this.filterGroupName}</span>\n              <ifx-indicator variant='number' number={this.count}></ifx-indicator>\n            </div>\n            <ifx-icon\n              class={this.expanded ? '' : 'hidden'}\n              icon=\"minus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n            <ifx-icon\n              class={this.expanded ? 'hidden' : ''}\n              icon=\"plus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n          </div>\n        </div>\n        {this.expanded &&\n          <div class=\"filter-accordion-container\">\n            <slot name=\"list\"></slot>\n          </div>\n        }\n      </div>\n    );\n  }\n}"]}

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js

@@ -23,7 +23,7 @@ export class FilterSearch {
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: 'e6aa7597a6e59deb48a4230a7dba8de69dd9cd74', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'e58246b48feec62958fba89513f49d31e560bf52', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '5d875c8cf133158c3526ecfd740551f8e9ca11e6', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '19979b3514737df346d309c9080cd42d010aee50', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '6f266b247fb3cc57030f9afe9c59ea7afbf05b6b', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: 'b252531ff2f2754dea952637ce01f9c2f095f92f', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     static get is() { return "ifx-filter-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-search.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/filter-type-group/filter-search/filter-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvG,MAAM,OAAO,YAAY;IALzB;QAQU,aAAQ,GAAY,KAAK,CAAC;QAGzB,mBAAc,GAAY,KAAK,CAAC;QACjC,sBAAiB,GAAW,SAAS,CAAC,CAAC,QAAQ;KAwCxD;IAlCC,YAAY,CAAC,QAAiB;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC;IAGD,wBAAwB,CAAC,KAAkB;QACzC,mEAAmE;QACnE,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,kCAAkC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;QACpH,IAAI,cAAc,IAAI,cAAc,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAC,UAAU,mBAAmB,CAAC,CAAC;QACxF,CAAC;QAED,oFAAoF;QACpF,mEAAmE;QACnE,uFAAuF;QACvF,IAAI;QAEJ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC;QAC9C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,iDAAiD;IAC/K,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,GACZ,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,8BACzE,EAAE;YACF,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO;YAChD,yEAAkB,WAAW,EAAE,IAAI,CAAC,WAAW,sBAAoB,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GACrH,CACb,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Watch, Element, Event, EventEmitter, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-filter-search',\r\n  styleUrl: 'filter-search.scss',\r\n  shadow: true,\r\n})\r\nexport class FilterSearch {\r\n  @Element() host: HTMLElement;\r\n  @Prop() filterName: string;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop({ mutable: true }) filterValue: string;\r\n  @Prop() filterKey: string;\r\n  @State() showDeleteIcon: boolean = false;\r\n  @Prop() filterOrientation: string = 'sidebar'; //topbar\r\n  @Prop() placeholder: string;\r\n\r\n  @Event() ifxFilterSearchChange: EventEmitter;\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: boolean) {\r\n    this.host.setAttribute('value', newValue.toString());\r\n  }\r\n\r\n  @Listen('ifxInput')\r\n  handleFilterSearchChange(event: CustomEvent) {\r\n    // Check if a search filter with the same filterName already exists\r\n    const existingFilter = this.host.parentElement.querySelector(`ifx-filter-search[filter-name=\"${this.filterName}\"]`);\r\n    if (existingFilter && existingFilter !== this.host) {\r\n      throw new Error(`A search filter with the name '${this.filterName}' already exists.`);\r\n    }\r\n\r\n    // // Check if the filterName is 'search' and the filter is not the search component\r\n    // if (this.filterName === 'search' && this.filterKey !== 'text') {\r\n    //   throw new Error(\"The filter name 'search' is reserved for the search component.\");\r\n    // }\r\n\r\n    this.filterValue = event.detail;\r\n    this.showDeleteIcon = this.filterValue !== \"\";\r\n    this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <div class={`${\r\n      this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'\r\n      }`}>\r\n      <div class=\"filter-name\">{this.filterName}</div>\r\n      <ifx-search-field placeholder={this.placeholder} show-delete-icon={this.showDeleteIcon} disabled={this.disabled} value={this.filterValue}>\r\n      </ifx-search-field>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n"]}
+{"version":3,"file":"filter-search.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/filter-type-group/filter-search/filter-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvG,MAAM,OAAO,YAAY;IALzB;QAQU,aAAQ,GAAY,KAAK,CAAC;QAGzB,mBAAc,GAAY,KAAK,CAAC;QACjC,sBAAiB,GAAW,SAAS,CAAC,CAAC,QAAQ;KAwCxD;IAlCC,YAAY,CAAC,QAAiB;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC;IAGD,wBAAwB,CAAC,KAAkB;QACzC,mEAAmE;QACnE,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,kCAAkC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;QACpH,IAAI,cAAc,IAAI,cAAc,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAC,UAAU,mBAAmB,CAAC,CAAC;QACxF,CAAC;QAED,oFAAoF;QACpF,mEAAmE;QACnE,uFAAuF;QACvF,IAAI;QAEJ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC;QAC9C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,iDAAiD;IAC/K,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,GACZ,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,8BACzE,EAAE;YACF,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO;YAChD,yEAAkB,WAAW,EAAE,IAAI,CAAC,WAAW,sBAAoB,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GACrH,CACb,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Watch, Element, Event, EventEmitter, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-filter-search',\n  styleUrl: 'filter-search.scss',\n  shadow: true,\n})\nexport class FilterSearch {\n  @Element() host: HTMLElement;\n  @Prop() filterName: string;\n  @Prop() disabled: boolean = false;\n  @Prop({ mutable: true }) filterValue: string;\n  @Prop() filterKey: string;\n  @State() showDeleteIcon: boolean = false;\n  @Prop() filterOrientation: string = 'sidebar'; //topbar\n  @Prop() placeholder: string;\n\n  @Event() ifxFilterSearchChange: EventEmitter;\n\n  @Watch('value')\n  valueChanged(newValue: boolean) {\n    this.host.setAttribute('value', newValue.toString());\n  }\n\n  @Listen('ifxInput')\n  handleFilterSearchChange(event: CustomEvent) {\n    // Check if a search filter with the same filterName already exists\n    const existingFilter = this.host.parentElement.querySelector(`ifx-filter-search[filter-name=\"${this.filterName}\"]`);\n    if (existingFilter && existingFilter !== this.host) {\n      throw new Error(`A search filter with the name '${this.filterName}' already exists.`);\n    }\n\n    // // Check if the filterName is 'search' and the filter is not the search component\n    // if (this.filterName === 'search' && this.filterKey !== 'text') {\n    //   throw new Error(\"The filter name 'search' is reserved for the search component.\");\n    // }\n\n    this.filterValue = event.detail;\n    this.showDeleteIcon = this.filterValue !== \"\";\n    this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties\n  }\n\n\n  render() {\n    return (\n      <div class={`${\n      this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'\n      }`}>\n      <div class=\"filter-name\">{this.filterName}</div>\n      <ifx-search-field placeholder={this.placeholder} show-delete-icon={this.showDeleteIcon} disabled={this.disabled} value={this.filterValue}>\n      </ifx-search-field>\n      </div>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js

@@ -119,7 +119,7 @@ export class IfxFilterTypeGroup {
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: '9645afa69f474c30c1263325a5785888cb2556e4' }, h("div", { key: '072f98a53ccef18f29a3d22d463e8a98a0e12eed', class: "filter-type-group" }, h("slot", { key: '489eadbeb2e78546e6893b7131c81256df09b1a4', name: "filter-search" }), h("slot", { key: 'dba54b3eea4d88441f1df263e159858e91e04ebc', name: "filter-accordion" }))));
+        return (h(Host, { key: '94b9242c4dfad88c33d3cc60ce16f275c6599e19' }, h("div", { key: 'e2e65ea326edd9bb145f3f9dac2828195acd32b3', class: "filter-type-group" }, h("slot", { key: '74ab49bf1a2d7e5ee43f7dfdda975a85791aab55', name: "filter-search" }), h("slot", { key: 'b245f5b5ce1fa14e5c707512947069b9ddd28bc6', name: "filter-accordion" }))));
     }
     static get is() { return "ifx-filter-type-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-type-group.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/filter-type-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Event, EventEmitter, Element, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-filter-type-group',\r\n  styleUrl: 'filter-type-group.scss',\r\n  shadow: true,\r\n})\r\nexport class IfxFilterTypeGroup {\r\n  @Element() el: HTMLElement;\r\n  @State() selectedOptions: Array<{ filterGroupName: string, selectedItems?: Array<{ filterName: string, value: boolean | string }>, value?: string }> = [];\r\n  @Event() ifxSidebarFilterChange: EventEmitter;\r\n\r\n\r\n\r\n  /* If the component is ever removed and then reattached to the DOM, \r\n  connectedCallback ensures that the event listeners are properly set up again */\r\n  connectedCallback() {\r\n    this.el.addEventListener('ifxFilterAccordionChange', this.handleAccordionChange);\r\n    this.el.addEventListener('ifxFilterSearchChange', this.handleSearchChange);\r\n    window.addEventListener('ifxResetFiltersEvent', this.handleResetEvent);\r\n    window.addEventListener('ifxUpdateSidebarFilter', this.handleUpdateSidebarFilter);\r\n   }\r\n\r\n\r\n  componentWillUnload() {\r\n    this.el.removeEventListener('ifxFilterAccordionChange', this.handleAccordionChange);\r\n    this.el.removeEventListener('ifxFilterSearchChange', this.handleSearchChange);\r\n    window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);\r\n  }\r\n\r\n  handleResetEvent = () => {\r\n    const accordionSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-accordion\"]');\r\n    const filterAccordionSlottedElements = (accordionSlot as HTMLSlotElement).assignedElements({ flatten: true });\r\n\r\n\r\n    filterAccordionSlottedElements.forEach(accordionElement => {\r\n      const ifxLists = accordionElement.querySelectorAll('ifx-list');\r\n\r\n      ifxLists.forEach((ifxListElement: HTMLIfxListElement) => {\r\n        ifxListElement.resetTrigger = !ifxListElement.resetTrigger;\r\n      });\r\n    });\r\n\r\n    const filterSearchSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-search\"]');\r\n    const filterSearchSlottedElements = (filterSearchSlot as HTMLSlotElement).assignedElements({ flatten: true });\r\n\r\n    filterSearchSlottedElements.forEach((filterSearchWrapper: HTMLElement) => {\r\n      const filterSearch = filterSearchWrapper.querySelector('ifx-filter-search');\r\n\r\n      const searchField = filterSearch.shadowRoot.querySelectorAll('ifx-search-field')\r\n\r\n      if (searchField.length > 0) {\r\n        searchField.forEach((searchFieldElement: any) => {\r\n          searchFieldElement.value = '';\r\n        });\r\n\r\n      }\r\n    });\r\n\r\n    this.selectedOptions = [];\r\n\r\n    // Emit the change to inform any parent components that the filters have been reset\r\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\r\n  }\r\n\r\n  handleUpdateSidebarFilter = (event: CustomEvent) => {\r\n    const { filterName } = event.detail;\r\n\r\n    const accordionSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-accordion\"]');\r\n    const filterAccordionSlottedElements = accordionSlot ? (accordionSlot as HTMLSlotElement).assignedElements({ flatten: true }) : [];\r\n\r\n    filterAccordionSlottedElements.forEach(accordionElement => {\r\n      const ifxLists = accordionElement.querySelectorAll('ifx-list');\r\n\r\n      ifxLists.forEach((ifxListElement: HTMLIfxListElement) => {\r\n        if (ifxListElement.getAttribute('name') === filterName) {\r\n          ifxListElement.resetTrigger = !ifxListElement.resetTrigger;\r\n        }\r\n      });\r\n    });\r\n\r\n    // Clear the search bar within the filter-search slot\r\n    const searchSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-search\"]');\r\n    const filterSearchSlottedElements = searchSlot ? (searchSlot as HTMLSlotElement).assignedNodes({ flatten: true }) : [];\r\n  \r\n    filterSearchSlottedElements.forEach(searchElement => {\r\n      if (searchElement.nodeType === Node.ELEMENT_NODE) {\r\n        // Identify the ifx-filter-search component within the slot\r\n        const filterSearchComponent = searchElement as HTMLElement;\r\n          const searchField: any = filterSearchComponent.firstElementChild;\r\n          if (searchField) {\r\n             searchField.setAttribute('value', '');\r\n            searchField.dispatchEvent(new CustomEvent('ifxInput', { bubbles: true, composed: true, detail: '' })); // Trigger ifxInput event to reset\r\n          }\r\n        \r\n      }\r\n    });\r\n\r\n    const newSelectedOptions = this.selectedOptions.map(option => {\r\n      if (option.filterGroupName === filterName) {\r\n        return { ...option, selectedItems: [], value: '' };\r\n      }\r\n      return option;\r\n    });\r\n\r\n    this.selectedOptions = newSelectedOptions;\r\n\r\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\r\n  }\r\n\r\n\r\n  handleAccordionChange = (event: CustomEvent) => {\r\n    this.handleFilterChange(event);\r\n  }\r\n\r\n  handleSearchChange = (event: CustomEvent) => {\r\n    // Call handleFilterChange with the created CustomEvent object\r\n    this.handleFilterChange(event);\r\n  }\r\n\r\n\r\n  handleFilterChange = (event: CustomEvent) => {\r\n    // Create a new array to hold the new state\r\n    const newSelectedOptions = [...this.selectedOptions];\r\n\r\n    // Check the type of the event\r\n    if (event.type === 'ifxFilterSearchChange') {\r\n      // Handle the ifxFilterSearchChange event\r\n      const { filterName, filterValue } = event.detail;\r\n\r\n      // Find the existing filter with the same filterName\r\n      const existingOptionIndex = newSelectedOptions.findIndex(option => typeof option !== 'string' && option.filterGroupName === filterName);\r\n\r\n      if (existingOptionIndex !== -1) {\r\n        // If an existing filter is found, update its value\r\n        newSelectedOptions[existingOptionIndex].value = filterValue;\r\n      } else {\r\n        // If no existing filter is found, append the new filter\r\n        newSelectedOptions.push({ filterGroupName: filterName, value: filterValue });\r\n      }\r\n    } else if (event.type === 'ifxFilterAccordionChange') {\r\n      const { filterGroupName, selectedItems } = event.detail;\r\n\r\n      // Find the existing filter group with the same filterGroupName\r\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterGroupName === filterGroupName);\r\n\r\n      if (existingOptionIndex !== -1) {\r\n        // If an existing filter group is found, update its selectedItems\r\n        newSelectedOptions[existingOptionIndex] = { filterGroupName, selectedItems };\r\n      } else {\r\n        // If no existing filter group is found, append the new filter group\r\n        newSelectedOptions.push({ filterGroupName, selectedItems });\r\n      }\r\n    }\r\n\r\n    // Update the state with the new selected options\r\n    this.selectedOptions = newSelectedOptions;\r\n\r\n    // Emit the entire selectedOptions array\r\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"filter-type-group\">\r\n          <slot name=\"filter-search\" />\r\n          <slot name=\"filter-accordion\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"filter-type-group.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/filter-type-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxF,MAAM,OAAO,kBAAkB;IAL/B;QAOW,oBAAe,GAA+H,EAAE,CAAC;QAqB1J,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;YACxF,MAAM,8BAA8B,GAAI,aAAiC,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAG9G,8BAA8B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;gBACxD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAE/D,QAAQ,CAAC,OAAO,CAAC,CAAC,cAAkC,EAAE,EAAE;oBACtD,cAAc,CAAC,YAAY,GAAG,CAAC,cAAc,CAAC,YAAY,CAAC;gBAC7D,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACxF,MAAM,2BAA2B,GAAI,gBAAoC,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAE9G,2BAA2B,CAAC,OAAO,CAAC,CAAC,mBAAgC,EAAE,EAAE;gBACvE,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;gBAE5E,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;gBAEhF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC3B,WAAW,CAAC,OAAO,CAAC,CAAC,kBAAuB,EAAE,EAAE;wBAC9C,kBAAkB,CAAC,KAAK,GAAG,EAAE,CAAC;oBAChC,CAAC,CAAC,CAAC;gBAEL,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;YAE1B,mFAAmF;YACnF,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACzD,CAAC,CAAA;QAED,8BAAyB,GAAG,CAAC,KAAkB,EAAE,EAAE;YACjD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAEpC,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;YACxF,MAAM,8BAA8B,GAAG,aAAa,CAAC,CAAC,CAAE,aAAiC,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAEnI,8BAA8B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;gBACxD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAE/D,QAAQ,CAAC,OAAO,CAAC,CAAC,cAAkC,EAAE,EAAE;oBACtD,IAAI,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,EAAE,CAAC;wBACvD,cAAc,CAAC,YAAY,GAAG,CAAC,cAAc,CAAC,YAAY,CAAC;oBAC7D,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,qDAAqD;YACrD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YAClF,MAAM,2BAA2B,GAAG,UAAU,CAAC,CAAC,CAAE,UAA8B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAEvH,2BAA2B,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;gBAClD,IAAI,aAAa,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;oBACjD,2DAA2D;oBAC3D,MAAM,qBAAqB,GAAG,aAA4B,CAAC;oBACzD,MAAM,WAAW,GAAQ,qBAAqB,CAAC,iBAAiB,CAAC;oBACjE,IAAI,WAAW,EAAE,CAAC;wBACf,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wBACvC,WAAW,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,kCAAkC;oBAC3I,CAAC;gBAEL,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAC3D,IAAI,MAAM,CAAC,eAAe,KAAK,UAAU,EAAE,CAAC;oBAC1C,uCAAY,MAAM,KAAE,aAAa,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAG;gBACrD,CAAC;gBACD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG,kBAAkB,CAAC;YAE1C,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACzD,CAAC,CAAA;QAGD,0BAAqB,GAAG,CAAC,KAAkB,EAAE,EAAE;YAC7C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAA;QAED,uBAAkB,GAAG,CAAC,KAAkB,EAAE,EAAE;YAC1C,8DAA8D;YAC9D,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAA;QAGD,uBAAkB,GAAG,CAAC,KAAkB,EAAE,EAAE;YAC1C,2CAA2C;YAC3C,MAAM,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;YAErD,8BAA8B;YAC9B,IAAI,KAAK,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;gBAC3C,yCAAyC;gBACzC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;gBAEjD,oDAAoD;gBACpD,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,eAAe,KAAK,UAAU,CAAC,CAAC;gBAExI,IAAI,mBAAmB,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC/B,mDAAmD;oBACnD,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC;gBAC9D,CAAC;qBAAM,CAAC;oBACN,wDAAwD;oBACxD,kBAAkB,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;gBAC/E,CAAC;YACH,CAAC;iBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,0BAA0B,EAAE,CAAC;gBACrD,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;gBAExD,+DAA+D;gBAC/D,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,eAAe,KAAK,eAAe,CAAC,CAAC;gBAE/G,IAAI,mBAAmB,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC/B,iEAAiE;oBACjE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;gBAC/E,CAAC;qBAAM,CAAC;oBACN,oEAAoE;oBACpE,kBAAkB,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAC;gBAC9D,CAAC;YACH,CAAC;YAED,iDAAiD;YACjD,IAAI,CAAC,eAAe,GAAG,kBAAkB,CAAC;YAE1C,wCAAwC;YACxC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACzD,CAAC,CAAA;KAYF;IA9JC;mFAC+E;IAC/E,iBAAiB;QACf,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACjF,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC3E,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvE,MAAM,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;IACnF,CAAC;IAGF,mBAAmB;QACjB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACpF,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC9E,MAAM,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC5E,CAAC;IAsID,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,6DAAM,IAAI,EAAC,eAAe,GAAG;gBAC7B,6DAAM,IAAI,EAAC,kBAAkB,GAAG,CAC5B,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, State, Event, EventEmitter, Element, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-filter-type-group',\n  styleUrl: 'filter-type-group.scss',\n  shadow: true,\n})\nexport class IfxFilterTypeGroup {\n  @Element() el: HTMLElement;\n  @State() selectedOptions: Array<{ filterGroupName: string, selectedItems?: Array<{ filterName: string, value: boolean | string }>, value?: string }> = [];\n  @Event() ifxSidebarFilterChange: EventEmitter;\n\n\n\n  /* If the component is ever removed and then reattached to the DOM, \n  connectedCallback ensures that the event listeners are properly set up again */\n  connectedCallback() {\n    this.el.addEventListener('ifxFilterAccordionChange', this.handleAccordionChange);\n    this.el.addEventListener('ifxFilterSearchChange', this.handleSearchChange);\n    window.addEventListener('ifxResetFiltersEvent', this.handleResetEvent);\n    window.addEventListener('ifxUpdateSidebarFilter', this.handleUpdateSidebarFilter);\n   }\n\n\n  componentWillUnload() {\n    this.el.removeEventListener('ifxFilterAccordionChange', this.handleAccordionChange);\n    this.el.removeEventListener('ifxFilterSearchChange', this.handleSearchChange);\n    window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);\n  }\n\n  handleResetEvent = () => {\n    const accordionSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-accordion\"]');\n    const filterAccordionSlottedElements = (accordionSlot as HTMLSlotElement).assignedElements({ flatten: true });\n\n\n    filterAccordionSlottedElements.forEach(accordionElement => {\n      const ifxLists = accordionElement.querySelectorAll('ifx-list');\n\n      ifxLists.forEach((ifxListElement: HTMLIfxListElement) => {\n        ifxListElement.resetTrigger = !ifxListElement.resetTrigger;\n      });\n    });\n\n    const filterSearchSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-search\"]');\n    const filterSearchSlottedElements = (filterSearchSlot as HTMLSlotElement).assignedElements({ flatten: true });\n\n    filterSearchSlottedElements.forEach((filterSearchWrapper: HTMLElement) => {\n      const filterSearch = filterSearchWrapper.querySelector('ifx-filter-search');\n\n      const searchField = filterSearch.shadowRoot.querySelectorAll('ifx-search-field')\n\n      if (searchField.length > 0) {\n        searchField.forEach((searchFieldElement: any) => {\n          searchFieldElement.value = '';\n        });\n\n      }\n    });\n\n    this.selectedOptions = [];\n\n    // Emit the change to inform any parent components that the filters have been reset\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\n  }\n\n  handleUpdateSidebarFilter = (event: CustomEvent) => {\n    const { filterName } = event.detail;\n\n    const accordionSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-accordion\"]');\n    const filterAccordionSlottedElements = accordionSlot ? (accordionSlot as HTMLSlotElement).assignedElements({ flatten: true }) : [];\n\n    filterAccordionSlottedElements.forEach(accordionElement => {\n      const ifxLists = accordionElement.querySelectorAll('ifx-list');\n\n      ifxLists.forEach((ifxListElement: HTMLIfxListElement) => {\n        if (ifxListElement.getAttribute('name') === filterName) {\n          ifxListElement.resetTrigger = !ifxListElement.resetTrigger;\n        }\n      });\n    });\n\n    // Clear the search bar within the filter-search slot\n    const searchSlot = this.el.shadowRoot.querySelector('slot[name=\"filter-search\"]');\n    const filterSearchSlottedElements = searchSlot ? (searchSlot as HTMLSlotElement).assignedNodes({ flatten: true }) : [];\n  \n    filterSearchSlottedElements.forEach(searchElement => {\n      if (searchElement.nodeType === Node.ELEMENT_NODE) {\n        // Identify the ifx-filter-search component within the slot\n        const filterSearchComponent = searchElement as HTMLElement;\n          const searchField: any = filterSearchComponent.firstElementChild;\n          if (searchField) {\n             searchField.setAttribute('value', '');\n            searchField.dispatchEvent(new CustomEvent('ifxInput', { bubbles: true, composed: true, detail: '' })); // Trigger ifxInput event to reset\n          }\n        \n      }\n    });\n\n    const newSelectedOptions = this.selectedOptions.map(option => {\n      if (option.filterGroupName === filterName) {\n        return { ...option, selectedItems: [], value: '' };\n      }\n      return option;\n    });\n\n    this.selectedOptions = newSelectedOptions;\n\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\n  }\n\n\n  handleAccordionChange = (event: CustomEvent) => {\n    this.handleFilterChange(event);\n  }\n\n  handleSearchChange = (event: CustomEvent) => {\n    // Call handleFilterChange with the created CustomEvent object\n    this.handleFilterChange(event);\n  }\n\n\n  handleFilterChange = (event: CustomEvent) => {\n    // Create a new array to hold the new state\n    const newSelectedOptions = [...this.selectedOptions];\n\n    // Check the type of the event\n    if (event.type === 'ifxFilterSearchChange') {\n      // Handle the ifxFilterSearchChange event\n      const { filterName, filterValue } = event.detail;\n\n      // Find the existing filter with the same filterName\n      const existingOptionIndex = newSelectedOptions.findIndex(option => typeof option !== 'string' && option.filterGroupName === filterName);\n\n      if (existingOptionIndex !== -1) {\n        // If an existing filter is found, update its value\n        newSelectedOptions[existingOptionIndex].value = filterValue;\n      } else {\n        // If no existing filter is found, append the new filter\n        newSelectedOptions.push({ filterGroupName: filterName, value: filterValue });\n      }\n    } else if (event.type === 'ifxFilterAccordionChange') {\n      const { filterGroupName, selectedItems } = event.detail;\n\n      // Find the existing filter group with the same filterGroupName\n      const existingOptionIndex = newSelectedOptions.findIndex(option => option.filterGroupName === filterGroupName);\n\n      if (existingOptionIndex !== -1) {\n        // If an existing filter group is found, update its selectedItems\n        newSelectedOptions[existingOptionIndex] = { filterGroupName, selectedItems };\n      } else {\n        // If no existing filter group is found, append the new filter group\n        newSelectedOptions.push({ filterGroupName, selectedItems });\n      }\n    }\n\n    // Update the state with the new selected options\n    this.selectedOptions = newSelectedOptions;\n\n    // Emit the entire selectedOptions array\n    this.ifxSidebarFilterChange.emit(this.selectedOptions);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"filter-type-group\">\n          <slot name=\"filter-search\" />\n          <slot name=\"filter-accordion\" />\n        </div>\n      </Host>\n    );\n  }\n}"]}

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.stories.js

@@ -25,29 +25,29 @@ const generateFilterEntries = () => {
         }
         else {
             // For subsequent elements, return them without the newline.
-            return `
+            return `
           <ifx-list-entry slot="slot${index}" label="${filter.filterName}" value="${filter.value ? 'true' : 'false'}"></ifx-list-entry>`;
         }
     }).join('');
 };
 export const Default = () => {
     const wrapper = document.createElement('div');
-    wrapper.innerHTML = `
-  <ifx-filter-type-group>
-    <div slot="filter-search">
-      <ifx-filter-search filter-orientation="sidebar" filter-name="Your filter name"></ifx-filter-search>
-    </div>
-    <div slot="filter-accordion">
-      <ifx-filter-accordion filter-group-name="Filter group 1">
-        <ifx-list slot="list" type="checkbox" name="Filter group 1" max-visible-items="10">${generateFilterEntries()}
-        </ifx-list>
-      </ifx-filter-accordion>
-      <ifx-filter-accordion filter-group-name="Filter group 2">
-        <ifx-list slot="list" type="radio-button" name="Filter group 2" max-visible-items="6">${generateFilterEntries()}
-        </ifx-list>
-      </ifx-filter-accordion>
-    </div>
-  </ifx-filter-type-group>
+    wrapper.innerHTML = `
+  <ifx-filter-type-group>
+    <div slot="filter-search">
+      <ifx-filter-search filter-orientation="sidebar" filter-name="Your filter name"></ifx-filter-search>
+    </div>
+    <div slot="filter-accordion">
+      <ifx-filter-accordion filter-group-name="Filter group 1">
+        <ifx-list slot="list" type="checkbox" name="Filter group 1" max-visible-items="10">${generateFilterEntries()}
+        </ifx-list>
+      </ifx-filter-accordion>
+      <ifx-filter-accordion filter-group-name="Filter group 2">
+        <ifx-list slot="list" type="radio-button" name="Filter group 2" max-visible-items="6">${generateFilterEntries()}
+        </ifx-list>
+      </ifx-filter-accordion>
+    </div>
+  </ifx-filter-type-group>
 `;
     const element = wrapper.querySelector('ifx-filter-type-group');
     element.addEventListener('ifxSidebarFilterChange', action('ifxSidebarFilterChange'));

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-type-group.stories.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/filter-type-group.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,sBAAsB;CACvB,CAAC;AAEF,kDAAkD;AAClD,sCAAsC;AACtC,MAAM,OAAO,GAAG;IACd,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;IACvC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;IACvC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IAExC,gCAAgC;CACjC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACnC,sDAAsD;QACtD,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,yCAAyC,KAAK,YAAY,MAAM,CAAC,UAAU,YAAY,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACrJ,CAAC;aAAM,CAAC;YACN,4DAA4D;YAC5D,OAAO;sCACyB,KAAK,YAAY,MAAM,CAAC,UAAU,YAAY,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACrI,CAAC;IACH,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG;;;;;;;6FAOuE,qBAAqB,EAAE;;;;gGAIpB,qBAAqB,EAAE;;;;;CAKtH,CAAC;IACA,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,uBAAuB,CAAgB,CAAC;IAE9E,OAAO,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAErF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAA","sourcesContent":["import { action } from '@storybook/addon-actions';\r\n\r\nexport default {\r\n  title: 'Components/Filter Type Group',\r\n  // tags: ['autodocs'],\r\n};\r\n\r\n// An array of filters for demonstration purposes.\r\n// Replace this with your actual data.\r\nconst filters = [\r\n  { filterName: 'Filter 1', value: true },\r\n  { filterName: 'Filter 2', value: false },\r\n  { filterName: 'Filter 3', value: false },\r\n  { filterName: 'Filter 4', value: false },\r\n  { filterName: 'Filter 5', value: true },\r\n  { filterName: 'Filter 6', value: false },\r\n  { filterName: 'Filter 7', value: false },\r\n  { filterName: 'Filter 8', value: false },\r\n\r\n  // Add as many filters as needed\r\n];\r\n\r\n// A function that generates the HTML for all the ifx-list-entry components\r\nconst generateFilterEntries = () => {\r\n  return filters.map((filter, index) => {\r\n    // For the first element, prepend a newline character.\r\n    if (index === 0) {\r\n      return `\\n          <ifx-list-entry slot=\"slot${index}\" label=\"${filter.filterName}\" value=\"${filter.value ? 'true' : 'false'}\"></ifx-list-entry>`;\r\n    } else {\r\n      // For subsequent elements, return them without the newline.\r\n      return `\r\n          <ifx-list-entry slot=\"slot${index}\" label=\"${filter.filterName}\" value=\"${filter.value ? 'true' : 'false'}\"></ifx-list-entry>`;\r\n    }\r\n  }).join('');\r\n};\r\n\r\n\r\nexport const Default = () => {\r\n  const wrapper = document.createElement('div');\r\n  wrapper.innerHTML = `\r\n  <ifx-filter-type-group>\r\n    <div slot=\"filter-search\">\r\n      <ifx-filter-search filter-orientation=\"sidebar\" filter-name=\"Your filter name\"></ifx-filter-search>\r\n    </div>\r\n    <div slot=\"filter-accordion\">\r\n      <ifx-filter-accordion filter-group-name=\"Filter group 1\">\r\n        <ifx-list slot=\"list\" type=\"checkbox\" name=\"Filter group 1\" max-visible-items=\"10\">${generateFilterEntries()}\r\n        </ifx-list>\r\n      </ifx-filter-accordion>\r\n      <ifx-filter-accordion filter-group-name=\"Filter group 2\">\r\n        <ifx-list slot=\"list\" type=\"radio-button\" name=\"Filter group 2\" max-visible-items=\"6\">${generateFilterEntries()}\r\n        </ifx-list>\r\n      </ifx-filter-accordion>\r\n    </div>\r\n  </ifx-filter-type-group>\r\n`;\r\n  const element = wrapper.querySelector('ifx-filter-type-group') as HTMLElement;\r\n\r\n  element.addEventListener('ifxSidebarFilterChange', action('ifxSidebarFilterChange'));\r\n\r\n  return wrapper;\r\n}\r\n"]}
+{"version":3,"file":"filter-type-group.stories.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/filter-type-group.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,sBAAsB;CACvB,CAAC;AAEF,kDAAkD;AAClD,sCAAsC;AACtC,MAAM,OAAO,GAAG;IACd,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;IACvC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;IACvC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IACxC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;IAExC,gCAAgC;CACjC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACnC,sDAAsD;QACtD,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,yCAAyC,KAAK,YAAY,MAAM,CAAC,UAAU,YAAY,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACrJ,CAAC;aAAM,CAAC;YACN,4DAA4D;YAC5D,OAAO;sCACyB,KAAK,YAAY,MAAM,CAAC,UAAU,YAAY,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACrI,CAAC;IACH,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG;;;;;;;6FAOuE,qBAAqB,EAAE;;;;gGAIpB,qBAAqB,EAAE;;;;;CAKtH,CAAC;IACA,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,uBAAuB,CAAgB,CAAC;IAE9E,OAAO,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAErF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAA","sourcesContent":["import { action } from '@storybook/addon-actions';\n\nexport default {\n  title: 'Components/Filter Type Group',\n  // tags: ['autodocs'],\n};\n\n// An array of filters for demonstration purposes.\n// Replace this with your actual data.\nconst filters = [\n  { filterName: 'Filter 1', value: true },\n  { filterName: 'Filter 2', value: false },\n  { filterName: 'Filter 3', value: false },\n  { filterName: 'Filter 4', value: false },\n  { filterName: 'Filter 5', value: true },\n  { filterName: 'Filter 6', value: false },\n  { filterName: 'Filter 7', value: false },\n  { filterName: 'Filter 8', value: false },\n\n  // Add as many filters as needed\n];\n\n// A function that generates the HTML for all the ifx-list-entry components\nconst generateFilterEntries = () => {\n  return filters.map((filter, index) => {\n    // For the first element, prepend a newline character.\n    if (index === 0) {\n      return `\\n          <ifx-list-entry slot=\"slot${index}\" label=\"${filter.filterName}\" value=\"${filter.value ? 'true' : 'false'}\"></ifx-list-entry>`;\n    } else {\n      // For subsequent elements, return them without the newline.\n      return `\n          <ifx-list-entry slot=\"slot${index}\" label=\"${filter.filterName}\" value=\"${filter.value ? 'true' : 'false'}\"></ifx-list-entry>`;\n    }\n  }).join('');\n};\n\n\nexport const Default = () => {\n  const wrapper = document.createElement('div');\n  wrapper.innerHTML = `\n  <ifx-filter-type-group>\n    <div slot=\"filter-search\">\n      <ifx-filter-search filter-orientation=\"sidebar\" filter-name=\"Your filter name\"></ifx-filter-search>\n    </div>\n    <div slot=\"filter-accordion\">\n      <ifx-filter-accordion filter-group-name=\"Filter group 1\">\n        <ifx-list slot=\"list\" type=\"checkbox\" name=\"Filter group 1\" max-visible-items=\"10\">${generateFilterEntries()}\n        </ifx-list>\n      </ifx-filter-accordion>\n      <ifx-filter-accordion filter-group-name=\"Filter group 2\">\n        <ifx-list slot=\"list\" type=\"radio-button\" name=\"Filter group 2\" max-visible-items=\"6\">${generateFilterEntries()}\n        </ifx-list>\n      </ifx-filter-accordion>\n    </div>\n  </ifx-filter-type-group>\n`;\n  const element = wrapper.querySelector('ifx-filter-type-group') as HTMLElement;\n\n  element.addEventListener('ifxSidebarFilterChange', action('ifxSidebarFilterChange'));\n\n  return wrapper;\n}\n"]}

package/dist/collection/components/table-advanced-version/filter-type-group/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/utils.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,MAAM,UAAU,yBAAyB,CAAC,EAAe;IACtD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SAEtD,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,MAAM,CAAC;SACvD,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;YAClC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;YAClC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;SACjC,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["// utils.ts\r\nexport function getInitiallySelectedItems(el: HTMLElement) {\r\n   return Array.from(el.querySelectorAll('ifx-list-entry'))\r\n\r\n    .filter(entry => entry.getAttribute('value') === 'true')\r\n    .map(entry => {\r\n      return {\r\n        label: entry.getAttribute('label'),\r\n        value: entry.getAttribute('value'),\r\n        type: entry.getAttribute('type')\r\n      };\r\n    });\r\n}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/table-advanced-version/filter-type-group/utils.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,MAAM,UAAU,yBAAyB,CAAC,EAAe;IACtD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SAEtD,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,MAAM,CAAC;SACvD,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;YAClC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;YAClC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;SACjC,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["// utils.ts\nexport function getInitiallySelectedItems(el: HTMLElement) {\n   return Array.from(el.querySelectorAll('ifx-list-entry'))\n\n    .filter(entry => entry.getAttribute('value') === 'true')\n    .map(entry => {\n      return {\n        label: entry.getAttribute('label'),\n        value: entry.getAttribute('value'),\n        type: entry.getAttribute('type')\n      };\n    });\n}"]}

package/dist/collection/components/table-advanced-version/iconButtonCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconButtonCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/iconButtonCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { IconButtonInterface } from './interfaces';\r\n\r\nexport class IconButtonCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eIconButton!: HTMLElement; \r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createIconButton(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateIconButton(params);\r\n    return true;\r\n  }\r\n\r\n  private createIconButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    this.eGui = document.createElement('div');\r\n    this.eIconButton = document.createElement('ifx-icon-button') as HTMLElement;\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setIconButtonAttributes(config);\r\n      this.eGui.appendChild(this.eIconButton);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateIconButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setIconButtonAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setIconButtonAttributes(config: IconButtonInterface) {\r\n    this.eIconButton.setAttribute('disabled', config.disabled.toString());\r\n    this.eIconButton.setAttribute('variant', config.variant);\r\n    this.eIconButton.setAttribute('shape', config.shape);\r\n    this.eIconButton.setAttribute('size', config.size);\r\n    this.eIconButton.setAttribute('target', config.target);\r\n    this.eIconButton.setAttribute('href', config.href);\r\n    this.eIconButton.setAttribute('icon', config.icon);\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onIconButtonClick) {\r\n        options.onIconButtonClick(params, event);\r\n      }\r\n    };\r\n    this.eIconButton.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eIconButton.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: IconButtonInterface): boolean {\r\n    return config && config.variant !== '' && config.size !== '' && config.shape !== '';\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"iconButtonCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/iconButtonCellRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { IconButtonInterface } from './interfaces';\n\nexport class IconButtonCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eIconButton!: HTMLElement; \n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createIconButton(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateIconButton(params);\n    return true;\n  }\n\n  private createIconButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    this.eGui = document.createElement('div');\n    this.eIconButton = document.createElement('ifx-icon-button') as HTMLElement;\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setIconButtonAttributes(config);\n      this.eGui.appendChild(this.eIconButton);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateIconButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setIconButtonAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setIconButtonAttributes(config: IconButtonInterface) {\n    this.eIconButton.setAttribute('disabled', config.disabled.toString());\n    this.eIconButton.setAttribute('variant', config.variant);\n    this.eIconButton.setAttribute('shape', config.shape);\n    this.eIconButton.setAttribute('size', config.size);\n    this.eIconButton.setAttribute('target', config.target);\n    this.eIconButton.setAttribute('href', config.href);\n    this.eIconButton.setAttribute('icon', config.icon);\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onIconButtonClick) {\n        options.onIconButtonClick(params, event);\n      }\n    };\n    this.eIconButton.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eIconButton.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: IconButtonInterface): boolean {\n    return config && config.variant !== '' && config.size !== '' && config.shape !== '';\n  }\n}\n"]}

package/dist/collection/components/table-advanced-version/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/interfaces.ts"],"names":[],"mappings":"AAgDA,MAAM,CAAC,MAAM,UAAU,GACvB,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,cAAc,GAC3B,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,UAAU,GACvB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,YAAY,GACzB,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC","sourcesContent":["export interface ButtonInterface {\r\n  disabled?: boolean;\r\n  variant?: string,\r\n  size?: string,\r\n  target?: string,\r\n  href?: string,\r\n  theme?: string,\r\n  type?: string,\r\n  fullWidth?: boolean,\r\n  icon?: string,\r\n  iconPosition?: string,\r\n  text: string\r\n}\r\n\r\nexport interface IconButtonInterface {\r\n  disabled?: boolean;\r\n  variant?: string,\r\n  size?: string,\r\n  target?: string,\r\n  href?: string,\r\n  shape?: string,\r\n  icon?: string,\r\n}\r\n\r\nexport interface CheckboxInterface {\r\n  disabled?: boolean;\r\n  error?: boolean,\r\n  size?: string,\r\n  checked?: boolean,\r\n  indeterminate?: boolean\r\n}\r\n\r\nexport interface LinkInterface {\r\n  disabled?: boolean;\r\n  variant?: string,\r\n  size?: string,\r\n  target?: string,\r\n  href?: string,\r\n  download?: string,\r\n  text: string\r\n}\r\n\r\nexport interface StatusInterface {\r\n  color?: string,\r\n  label?: string,\r\n  border?: boolean\r\n}\r\n\r\nexport const ButtonKeys: Array<keyof ButtonInterface> = \r\n['disabled', 'variant', 'size', 'target', 'href', 'theme', 'type', 'fullWidth', 'text'];\r\n\r\nexport const IconButtonKeys: Array<keyof IconButtonInterface> = \r\n['disabled', 'variant', 'size', 'target', 'href', 'shape', 'icon'];\r\n\r\nexport const StatusKeys: Array<keyof StatusInterface> = \r\n['color', 'label', 'border'];\r\n\r\nexport const CheckboxKeys: Array<keyof CheckboxInterface> = \r\n['disabled', 'error', 'size', 'checked', 'indeterminate'];\r\n\r\n\r\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/interfaces.ts"],"names":[],"mappings":"AAgDA,MAAM,CAAC,MAAM,UAAU,GACvB,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,cAAc,GAC3B,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,UAAU,GACvB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,YAAY,GACzB,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC","sourcesContent":["export interface ButtonInterface {\n  disabled?: boolean;\n  variant?: string,\n  size?: string,\n  target?: string,\n  href?: string,\n  theme?: string,\n  type?: string,\n  fullWidth?: boolean,\n  icon?: string,\n  iconPosition?: string,\n  text: string\n}\n\nexport interface IconButtonInterface {\n  disabled?: boolean;\n  variant?: string,\n  size?: string,\n  target?: string,\n  href?: string,\n  shape?: string,\n  icon?: string,\n}\n\nexport interface CheckboxInterface {\n  disabled?: boolean;\n  error?: boolean,\n  size?: string,\n  checked?: boolean,\n  indeterminate?: boolean\n}\n\nexport interface LinkInterface {\n  disabled?: boolean;\n  variant?: string,\n  size?: string,\n  target?: string,\n  href?: string,\n  download?: string,\n  text: string\n}\n\nexport interface StatusInterface {\n  color?: string,\n  label?: string,\n  border?: boolean\n}\n\nexport const ButtonKeys: Array<keyof ButtonInterface> = \n['disabled', 'variant', 'size', 'target', 'href', 'theme', 'type', 'fullWidth', 'text'];\n\nexport const IconButtonKeys: Array<keyof IconButtonInterface> = \n['disabled', 'variant', 'size', 'target', 'href', 'shape', 'icon'];\n\nexport const StatusKeys: Array<keyof StatusInterface> = \n['color', 'label', 'border'];\n\nexport const CheckboxKeys: Array<keyof CheckboxInterface> = \n['disabled', 'error', 'size', 'checked', 'indeterminate'];\n\n\n"]}

package/dist/collection/components/table-advanced-version/linkCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/linkCellRenderer.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,gBAAgB;IAI3B,IAAI,CAAC,MAA2B;QAC9B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,MAA2B;QACjC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,UAAU,CAAC,MAA2B;;QAC5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAE,KAA2B,CAAC;QACzD,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAA,MAAM,CAAC,IAAI,0CAAG,KAAK,CAAC,CAAQ,CAAC;QAE7D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;QAE/D,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC/B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,CAAC;IACH,CAAC;IAEO,UAAU,CAAC,MAA2B;;QAC5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAE,KAA2B,CAAC;QACzD,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAA,MAAM,CAAC,IAAI,0CAAG,KAAK,CAAC,CAAQ,CAAC;QAE7D,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,MAAqB;;QAC7C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,MAAA,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,QAAQ;YAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe,CAAC,MAAqB;QAC3C,OAAO,CAAC,CAAC,CACP,MAAM;YACN,MAAM,CAAC,IAAI;YACX,MAAM,CAAC,OAAO;YACd,MAAM,CAAC,IAAI,CACZ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { LinkInterface } from './interfaces';\r\n\r\nexport class LinkCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eLink!: HTMLElement;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createLink(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateLink(params);\r\n    return true;\r\n  }\r\n\r\n  private createLink(params: ICellRendererParams) {\r\n    const field = params.colDef?.field as string | undefined;\r\n    const config = (params.value ?? params.data?.[field]) as any;\r\n\r\n    this.eGui = document.createElement('div');\r\n    this.eLink = document.createElement('ifx-link') as HTMLElement;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setLinkAttributes(config);\r\n      this.eGui.appendChild(this.eLink);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateLink(params: ICellRendererParams) {\r\n    const field = params.colDef?.field as string | undefined;\r\n    const config = (params.value ?? params.data?.[field]) as any;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setLinkAttributes(config);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setLinkAttributes(config: LinkInterface) {\r\n    this.eLink.setAttribute('disabled', config.disabled?.toString());\r\n    this.eLink.setAttribute('variant', config.variant);\r\n    this.eLink.setAttribute('size', config.size);\r\n    this.eLink.setAttribute('target', config.target);\r\n    this.eLink.setAttribute('href', config.href);\r\n    if (config.download) this.eLink.setAttribute('download', config.download);\r\n    this.eLink.textContent = config.text || '';\r\n  }\r\n\r\n  private hasRequiredKeys(config: LinkInterface): boolean {\r\n    return !!(\r\n      config &&\r\n      config.text &&\r\n      config.variant &&\r\n      config.size\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"linkCellRenderer.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/linkCellRenderer.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,gBAAgB;IAI3B,IAAI,CAAC,MAA2B;QAC9B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,MAA2B;QACjC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,UAAU,CAAC,MAA2B;;QAC5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAE,KAA2B,CAAC;QACzD,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAA,MAAM,CAAC,IAAI,0CAAG,KAAK,CAAC,CAAQ,CAAC;QAE7D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;QAE/D,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC/B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,CAAC;IACH,CAAC;IAEO,UAAU,CAAC,MAA2B;;QAC5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAE,KAA2B,CAAC;QACzD,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAA,MAAM,CAAC,IAAI,0CAAG,KAAK,CAAC,CAAQ,CAAC;QAE7D,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,MAAqB;;QAC7C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,MAAA,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,QAAQ;YAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe,CAAC,MAAqB;QAC3C,OAAO,CAAC,CAAC,CACP,MAAM;YACN,MAAM,CAAC,IAAI;YACX,MAAM,CAAC,OAAO;YACd,MAAM,CAAC,IAAI,CACZ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { LinkInterface } from './interfaces';\n\nexport class LinkCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eLink!: HTMLElement;\n\n  init(params: ICellRendererParams) {\n    this.createLink(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateLink(params);\n    return true;\n  }\n\n  private createLink(params: ICellRendererParams) {\n    const field = params.colDef?.field as string | undefined;\n    const config = (params.value ?? params.data?.[field]) as any;\n\n    this.eGui = document.createElement('div');\n    this.eLink = document.createElement('ifx-link') as HTMLElement;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setLinkAttributes(config);\n      this.eGui.appendChild(this.eLink);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateLink(params: ICellRendererParams) {\n    const field = params.colDef?.field as string | undefined;\n    const config = (params.value ?? params.data?.[field]) as any;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setLinkAttributes(config);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setLinkAttributes(config: LinkInterface) {\n    this.eLink.setAttribute('disabled', config.disabled?.toString());\n    this.eLink.setAttribute('variant', config.variant);\n    this.eLink.setAttribute('size', config.size);\n    this.eLink.setAttribute('target', config.target);\n    this.eLink.setAttribute('href', config.href);\n    if (config.download) this.eLink.setAttribute('download', config.download);\n    this.eLink.textContent = config.text || '';\n  }\n\n  private hasRequiredKeys(config: LinkInterface): boolean {\n    return !!(\n      config &&\n      config.text &&\n      config.variant &&\n      config.size\n    );\n  }\n}\n"]}

package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js

@@ -13,7 +13,7 @@ export class ListEntry {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: '8da9e3dcee4cd8b2d0d69a362834f4cdd6661a8f', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: '696527cfd70dab938c5cb9ee45add98cfda271ec', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     static get is() { return "ifx-list-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-entry.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/list/list-entry/list-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOhG,MAAM,OAAO,SAAS;IAUpB,YAAY,CAAC,QAAiB;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAGD,uBAAuB,CAAC,KAAkB;QACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1F,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAC1B,WAAK,KAAK,EAAC,YAAY;YACrB,oBAAc,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAgB,CACnE,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,YAAY;YACrB,wBAAkB,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAoB,CAC3E,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-list-entry',\r\n  styleUrl: 'list-entry.scss',\r\n  shadow: true,\r\n})\r\nexport class ListEntry {\r\n  @Element() host: HTMLElement;\r\n  @Prop({ mutable: true }) value: boolean;\r\n  @Prop() label: string;\r\n\r\n  @Prop() type: string;\r\n  @Event() ifxListEntryChange: EventEmitter;\r\n\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: boolean) {\r\n    if (newValue) {\r\n      this.host.setAttribute('value', 'true');\r\n    } else {\r\n      this.host.removeAttribute('value');\r\n    }\r\n  }\r\n\r\n  @Listen('ifxChange')\r\n  handleFilterEntryChange(event: CustomEvent) {\r\n    this.value = event.detail;\r\n    this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"wrapper\">\r\n        {this.type === 'checkbox' ? (\r\n          <div class=\"list-entry\">\r\n            <ifx-checkbox size=\"s\" checked={this.value}>{this.label}</ifx-checkbox>\r\n          </div>\r\n        ) : (\r\n          <div class=\"list-entry\">\r\n            <ifx-radio-button size=\"s\" checked={this.value}>{this.label}</ifx-radio-button>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"list-entry.js","sourceRoot":"","sources":["../../../../../src/components/table-advanced-version/list/list-entry/list-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOhG,MAAM,OAAO,SAAS;IAUpB,YAAY,CAAC,QAAiB;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAGD,uBAAuB,CAAC,KAAkB;QACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1F,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAC1B,WAAK,KAAK,EAAC,YAAY;YACrB,oBAAc,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAgB,CACnE,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,YAAY;YACrB,wBAAkB,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAoB,CAC3E,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list-entry',\n  styleUrl: 'list-entry.scss',\n  shadow: true,\n})\nexport class ListEntry {\n  @Element() host: HTMLElement;\n  @Prop({ mutable: true }) value: boolean;\n  @Prop() label: string;\n\n  @Prop() type: string;\n  @Event() ifxListEntryChange: EventEmitter;\n\n\n  @Watch('value')\n  valueChanged(newValue: boolean) {\n    if (newValue) {\n      this.host.setAttribute('value', 'true');\n    } else {\n      this.host.removeAttribute('value');\n    }\n  }\n\n  @Listen('ifxChange')\n  handleFilterEntryChange(event: CustomEvent) {\n    this.value = event.detail;\n    this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });\n  }\n\n\n  render() {\n    return (\n      <div class=\"wrapper\">\n        {this.type === 'checkbox' ? (\n          <div class=\"list-entry\">\n            <ifx-checkbox size=\"s\" checked={this.value}>{this.label}</ifx-checkbox>\n          </div>\n        ) : (\n          <div class=\"list-entry\">\n            <ifx-radio-button size=\"s\" checked={this.value}>{this.label}</ifx-radio-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}