@infineon/infineon-design-system-stencil 39.4.4--canary.2134.bb609f61311d4fde41e8336aa402a4fd507e0769.0 → 39.4.4--canary.2136.61ca080385a85b28f9e73c1ac2fcb72fcc5e023a.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ifx-status.cjs.entry.js +1 -1
- package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-status.entry.cjs.js.map +1 -1
- package/dist/cjs/ifx-table.cjs.entry.js +37 -126
- package/dist/cjs/ifx-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-table.entry.cjs.js.map +1 -1
- package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/status/status.css +1 -1
- package/dist/collection/components/table-advanced-version/table.js +38 -128
- package/dist/collection/components/table-advanced-version/table.js.map +1 -1
- package/dist/components/ifx-status.js +1 -1
- package/dist/components/ifx-status.js.map +1 -1
- package/dist/components/ifx-table.js +37 -127
- package/dist/components/ifx-table.js.map +1 -1
- package/dist/esm/ifx-status.entry.js +1 -1
- package/dist/esm/ifx-status.entry.js.map +1 -1
- package/dist/esm/ifx-table.entry.js +37 -126
- package/dist/esm/ifx-table.entry.js.map +1 -1
- package/dist/esm/infineon-design-system-stencil.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/infineon-design-system-stencil/ifx-status.entry.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/ifx-table.entry.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/{p-f1ba768a.entry.js → p-65bc82a4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-65bc82a4.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-2d5290c7.entry.js → p-abd8bd80.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-abd8bd80.entry.js.map +1 -0
- package/dist/types/components/table-advanced-version/table.d.ts +0 -1
- package/package.json +1 -1
- package/dist/infineon-design-system-stencil/p-2d5290c7.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-f1ba768a.entry.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './index.js';
|
|
2
2
|
import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';
|
|
3
3
|
|
|
4
|
-
const statusCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #F7F7F7}.container.border-engineering-200{border:1px solid #EEEDED}.container.border-engineering-300{border:1px solid #BFBBBB}.container.border-engineering-400{border:1px solid #8D8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3C3A39}.container.border-ocean-100{border:1px solid #DFF4F3}.container.border-ocean-200{border:1px solid #B8DEDA}.container.border-ocean-300{border:1px solid #6CB4AD}.container.border-ocean-400{border:1px solid #3B9B91}.container.border-ocean-500{border:1px solid #0A8276}.container.border-ocean-600{border:1px solid #08665C}.container.border-ocean-700{border:1px solid #06534B}.container.border-red-500{border:1px solid #CD002F}.container.border-red-600{border:1px solid #A2001E}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #E16B25}.container.border-green-500{border:1px solid #4CA460}.container.border-lawn-400{border:1px solid #B9D257}.container.border-lawn-500{border:1px solid #9BBA43}.container.border-lawn-700{border:1px solid #3C6C0F}.container.border-berry-400{border:1px solid #BE3283}.container.border-berry-500{border:1px solid #9C216E}.container.border-sun-400{border:1px solid #FF9737}.container.border-sun-500{border:1px solid #F97414}.container.border-sand-400{border:1px solid #FBE273}.container.border-sand-500{border:1px solid #FCD442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:
|
|
4
|
+
const statusCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #F7F7F7}.container.border-engineering-200{border:1px solid #EEEDED}.container.border-engineering-300{border:1px solid #BFBBBB}.container.border-engineering-400{border:1px solid #8D8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3C3A39}.container.border-ocean-100{border:1px solid #DFF4F3}.container.border-ocean-200{border:1px solid #B8DEDA}.container.border-ocean-300{border:1px solid #6CB4AD}.container.border-ocean-400{border:1px solid #3B9B91}.container.border-ocean-500{border:1px solid #0A8276}.container.border-ocean-600{border:1px solid #08665C}.container.border-ocean-700{border:1px solid #06534B}.container.border-red-500{border:1px solid #CD002F}.container.border-red-600{border:1px solid #A2001E}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #E16B25}.container.border-green-500{border:1px solid #4CA460}.container.border-lawn-400{border:1px solid #B9D257}.container.border-lawn-500{border:1px solid #9BBA43}.container.border-lawn-700{border:1px solid #3C6C0F}.container.border-berry-400{border:1px solid #BE3283}.container.border-berry-500{border:1px solid #9C216E}.container.border-sun-400{border:1px solid #FF9737}.container.border-sun-500{border:1px solid #F97414}.container.border-sand-400{border:1px solid #FBE273}.container.border-sand-500{border:1px solid #FCD442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#F7F7F7}.dot.engineering-200{background-color:#EEEDED}.dot.engineering-300{background-color:#BFBBBB}.dot.engineering-400{background-color:#8D8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3C3A39}.dot.ocean-100{background-color:#DFF4F3}.dot.ocean-200{background-color:#B8DEDA}.dot.ocean-300{background-color:#6CB4AD}.dot.ocean-400{background-color:#3B9B91}.dot.ocean-500{background-color:#0A8276}.dot.ocean-600{background-color:#08665C}.dot.ocean-700{background-color:#06534B}.dot.red-500{background-color:#CD002F}.dot.red-600{background-color:#A2001E}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#E16B25}.dot.green-500{background-color:#4CA460}.dot.lawn-400{background-color:#B9D257}.dot.lawn-500{background-color:#9BBA43}.dot.lawn-700{background-color:#3C6C0F}.dot.berry-400{background-color:#BE3283}.dot.berry-500{background-color:#9C216E}.dot.sun-400{background-color:#FF9737}.dot.sun-500{background-color:#F97414}.dot.sand-400{background-color:#FBE273}.dot.sand-500{background-color:#FCD442}";
|
|
5
5
|
|
|
6
6
|
const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ifx-status.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,i8FAAi8F;;MCWt8F,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AANnB,IAAA,WAAA,GAAA;;;;AASU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAK,CAAA,KAAA,GAAW,YAAY;AAoBrC;AAlBC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,YAAY,EAAE,MAAM,SAAS,CAAC;;;IAIjD,MAAM,GAAA;;AACJ,QAAA,MAAM,cAAc,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,EAAE,IAAG,IAAI,CAAC,KAAK,GAAG,YAAY;AACrE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,GAAG,CAAA,iBAAA,EAAoB,cAAc,CAAE,CAAA,GAAG,qBAAqB;QAEjG,QACE,4DAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,cAAc,EAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,EAAS,CAAA,EAC7C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/status/status.scss?tag=ifx-status&encapsulation=shadow","src/components/status/status.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-block;\n}\n\n.container {\n display: flex;\n min-height: 1.25em;\n align-items: center;\n padding: 0 tokens.$ifxSpace100;\n border-radius: tokens.$ifxBorderRadiusRound;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n &.no-border {\n padding: 0; // Remove padding when border is not present\n }\n\n &.border-engineering-100{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering100;\n }\n\n &.border-engineering-200{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n }\n\n &.border-engineering-300{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering300;\n }\n\n &.border-engineering-400{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering400;\n }\n\n &.border-engineering-500{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering500;\n }\n\n &.border-engineering-600{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering600;\n }\n\n &.border-ocean-100 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean100;\n }\n\n &.border-ocean-200 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean200;\n }\n\n &.border-ocean-300 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean300;\n }\n\n &.border-ocean-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean400;\n }\n\n &.border-ocean-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean500;\n }\n\n &.border-ocean-600 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean600;\n }\n\n &.border-ocean-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean700;\n }\n\n &.border-red-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed500;\n }\n\n &.border-red-600 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed600;\n }\n\n &.border-red-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed700;\n }\n\n &.border-orange-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOrange500;\n }\n\n &.border-green-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorGreen500;\n }\n\n &.border-lawn-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn400;\n }\n\n &.border-lawn-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn500;\n }\n\n &.border-lawn-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn700;\n }\n\n &.border-berry-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry400;\n }\n\n &.border-berry-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry500;\n }\n\n &.border-sun-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun400;\n }\n\n &.border-sun-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun500;\n }\n\n &.border-sand-400{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand400;\n }\n\n &.border-sand-500{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand500;\n }\n\n\n}\n\n.text {\n margin: 0;\n padding-left: tokens.$ifxSpace50;\n font-style: normal;\n font-weight: tokens.$
|
|
1
|
+
{"file":"ifx-status.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,i8FAAi8F;;MCWt8F,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AANnB,IAAA,WAAA,GAAA;;;;AASU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAK,CAAA,KAAA,GAAW,YAAY;AAoBrC;AAlBC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,YAAY,EAAE,MAAM,SAAS,CAAC;;;IAIjD,MAAM,GAAA;;AACJ,QAAA,MAAM,cAAc,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,EAAE,IAAG,IAAI,CAAC,KAAK,GAAG,YAAY;AACrE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,GAAG,CAAA,iBAAA,EAAoB,cAAc,CAAE,CAAA,GAAG,qBAAqB;QAEjG,QACE,4DAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,cAAc,EAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,EAAS,CAAA,EAC7C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/status/status.scss?tag=ifx-status&encapsulation=shadow","src/components/status/status.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-block;\n}\n\n.container {\n display: flex;\n min-height: 1.25em;\n align-items: center;\n padding: 0 tokens.$ifxSpace100;\n border-radius: tokens.$ifxBorderRadiusRound;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n &.no-border {\n padding: 0; // Remove padding when border is not present\n }\n\n &.border-engineering-100{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering100;\n }\n\n &.border-engineering-200{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n }\n\n &.border-engineering-300{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering300;\n }\n\n &.border-engineering-400{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering400;\n }\n\n &.border-engineering-500{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering500;\n }\n\n &.border-engineering-600{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering600;\n }\n\n &.border-ocean-100 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean100;\n }\n\n &.border-ocean-200 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean200;\n }\n\n &.border-ocean-300 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean300;\n }\n\n &.border-ocean-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean400;\n }\n\n &.border-ocean-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean500;\n }\n\n &.border-ocean-600 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean600;\n }\n\n &.border-ocean-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean700;\n }\n\n &.border-red-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed500;\n }\n\n &.border-red-600 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed600;\n }\n\n &.border-red-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed700;\n }\n\n &.border-orange-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOrange500;\n }\n\n &.border-green-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorGreen500;\n }\n\n &.border-lawn-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn400;\n }\n\n &.border-lawn-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn500;\n }\n\n &.border-lawn-700 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn700;\n }\n\n &.border-berry-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry400;\n }\n\n &.border-berry-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry500;\n }\n\n &.border-sun-400 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun400;\n }\n\n &.border-sun-500 {\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun500;\n }\n\n &.border-sand-400{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand400;\n }\n\n &.border-sand-500{\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand500;\n }\n\n\n}\n\n.text {\n margin: 0;\n padding-left: tokens.$ifxSpace50;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightRegular;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightS;\n display: inline;\n color: tokens.$ifxColorBaseBlack;\n}\n\n.dot {\n display: inline-block;\n width: tokens.$ifxSize100;\n height: tokens.$ifxSize100;\n border-radius: tokens.$ifxBorderRadiusRound;\n}\n\n\n.dot {\n &.engineering-100 {\n background-color: tokens.$ifxColorEngineering100;\n }\n\n &.engineering-200 {\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &.engineering-300 {\n background-color: tokens.$ifxColorEngineering300;\n }\n\n &.engineering-400 {\n background-color: tokens.$ifxColorEngineering400;\n }\n\n &.engineering-500 {\n background-color: tokens.$ifxColorEngineering500;\n }\n\n &.engineering-600 {\n background-color: tokens.$ifxColorEngineering600;\n }\n\n &.ocean-100 {\n background-color: tokens.$ifxColorOcean100;\n }\n\n &.ocean-200 {\n background-color: tokens.$ifxColorOcean200;\n }\n\n &.ocean-300 {\n background-color: tokens.$ifxColorOcean300;\n }\n\n &.ocean-400 {\n background-color: tokens.$ifxColorOcean400;\n }\n\n &.ocean-500 {\n background-color: tokens.$ifxColorOcean500;\n }\n\n &.ocean-600 {\n background-color: tokens.$ifxColorOcean600;\n }\n\n &.ocean-700 {\n background-color: tokens.$ifxColorOcean700;\n }\n\n &.red-500 {\n background-color: tokens.$ifxColorRed500;\n }\n\n &.red-600 {\n background-color: tokens.$ifxColorRed600;\n }\n\n &.red-700 {\n background-color: tokens.$ifxColorRed700;\n }\n\n &.orange-500 {\n background-color: tokens.$ifxColorOrange500;\n }\n\n &.green-500 {\n background-color: tokens.$ifxColorGreen500;\n }\n\n &.lawn-400{\n background-color: tokens.$ifxColorLawn400;\n }\n\n &.lawn-500{\n background-color: tokens.$ifxColorLawn500;\n }\n\n &.lawn-700 {\n background-color: tokens.$ifxColorLawn700;\n }\n\n &.berry-400 {\n background-color: tokens.$ifxColorBerry400;\n }\n\n &.berry-500 {\n background-color: tokens.$ifxColorBerry500;\n }\n\n &.sun-400 {\n background-color: tokens.$ifxColorSun400;\n }\n\n &.sun-500 {\n background-color: tokens.$ifxColorSun500;\n }\n\n &.sand-400{\n background-color: tokens.$ifxColorSand400;\n }\n\n &.sand-500{\n background-color: tokens.$ifxColorSand500;\n }\n}","import { Component, h, Prop, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-status',\n styleUrl: 'status.scss',\n shadow: true\n})\n\nexport class Status {\n @Element() el;\n @Prop() label: string;\n @Prop() border: boolean = false;\n @Prop() color: string = 'orange-500';\n \n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-status', await framework)\n }\n }\n\n render() {\n const effectiveColor = this.color?.trim() ? this.color : 'orange-500';\n const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';\n\n return (\n <div role=\"status\" class={containerClass}>\n <span class={`dot ${effectiveColor}`}></span>\n <p class=\"text\">{this.label}</p>\n </div>\n );\n }\n}"],"version":3}
|
|
@@ -393,7 +393,6 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
393
393
|
this.enableSelection = false;
|
|
394
394
|
this.selectedRows = new Set();
|
|
395
395
|
this.selectAll = false;
|
|
396
|
-
this.selectedRowsData = new Map();
|
|
397
396
|
this.showLoading = false;
|
|
398
397
|
this.originalRowData = [];
|
|
399
398
|
this.internalItemsPerPage = JSON.stringify([
|
|
@@ -403,45 +402,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
403
402
|
]);
|
|
404
403
|
this.handleSelectAll = (checked) => {
|
|
405
404
|
this.selectAll = checked;
|
|
406
|
-
const newSelectedRows = new Set(this.selectedRows);
|
|
407
|
-
const newSelectedRowsData = new Map(this.selectedRowsData);
|
|
408
405
|
if (checked) {
|
|
409
|
-
|
|
410
|
-
// Server-side: select only current page rows
|
|
411
|
-
this.rowData.forEach(row => {
|
|
412
|
-
const rowId = row.__rowId;
|
|
413
|
-
newSelectedRows.add(rowId);
|
|
414
|
-
const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
|
|
415
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
416
|
-
});
|
|
417
|
-
}
|
|
418
|
-
else {
|
|
419
|
-
// Client-side: select ALL rows across ALL pages
|
|
420
|
-
this.allRowData.forEach(row => {
|
|
421
|
-
const rowId = row.__rowId;
|
|
422
|
-
newSelectedRows.add(rowId);
|
|
423
|
-
const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
|
|
424
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
425
|
-
});
|
|
426
|
-
}
|
|
406
|
+
this.selectedRows = new Set(this.allRowData.map(row => row.__rowId));
|
|
427
407
|
}
|
|
428
408
|
else {
|
|
429
|
-
|
|
430
|
-
// Server-side: remove only current page rows
|
|
431
|
-
this.rowData.forEach(row => {
|
|
432
|
-
const rowId = row.__rowId;
|
|
433
|
-
newSelectedRows.delete(rowId);
|
|
434
|
-
newSelectedRowsData.delete(rowId);
|
|
435
|
-
});
|
|
436
|
-
}
|
|
437
|
-
else {
|
|
438
|
-
// Client-side: remove ALL rows (clear entire selection)
|
|
439
|
-
newSelectedRows.clear();
|
|
440
|
-
newSelectedRowsData.clear();
|
|
441
|
-
}
|
|
409
|
+
this.selectedRows = new Set();
|
|
442
410
|
}
|
|
443
|
-
this.selectedRows = newSelectedRows;
|
|
444
|
-
this.selectedRowsData = newSelectedRowsData;
|
|
445
411
|
this.updateCheckboxStates();
|
|
446
412
|
this.updateHeaderCheckboxState();
|
|
447
413
|
this.emitSelectionChange();
|
|
@@ -450,19 +416,14 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
450
416
|
const clickedRowData = params.data;
|
|
451
417
|
const rowId = clickedRowData.__rowId;
|
|
452
418
|
const newSelectedRows = new Set(this.selectedRows);
|
|
453
|
-
const newSelectedRowsData = new Map(this.selectedRowsData);
|
|
454
419
|
if (newSelectedRows.has(rowId)) {
|
|
455
420
|
newSelectedRows.delete(rowId);
|
|
456
|
-
newSelectedRowsData.delete(rowId);
|
|
457
421
|
}
|
|
458
422
|
else {
|
|
459
423
|
newSelectedRows.add(rowId);
|
|
460
|
-
const cleanRow = __rest(clickedRowData, ["__checkbox", "__rowId"]);
|
|
461
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
462
424
|
}
|
|
463
425
|
this.selectedRows = newSelectedRows;
|
|
464
|
-
this.
|
|
465
|
-
this.selectAll = newSelectedRows.size === this.rowData.length && this.rowData.length > 0;
|
|
426
|
+
this.selectAll = newSelectedRows.size === this.allRowData.length;
|
|
466
427
|
this.updateCheckboxStates();
|
|
467
428
|
this.updateHeaderCheckboxState();
|
|
468
429
|
this.emitSelectionChange();
|
|
@@ -584,19 +545,10 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
584
545
|
var _a;
|
|
585
546
|
const headerCheckbox = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('.ag-header-cell[col-id="__checkbox"] ifx-checkbox');
|
|
586
547
|
if (headerCheckbox) {
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
headerCheckbox.checked = allOnPageSelected;
|
|
592
|
-
headerCheckbox.indeterminate = someOnPageSelected;
|
|
593
|
-
}
|
|
594
|
-
else {
|
|
595
|
-
const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
|
|
596
|
-
const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
|
|
597
|
-
headerCheckbox.checked = allSelected;
|
|
598
|
-
headerCheckbox.indeterminate = someSelected;
|
|
599
|
-
}
|
|
548
|
+
const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
|
|
549
|
+
const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
|
|
550
|
+
headerCheckbox.checked = allSelected;
|
|
551
|
+
headerCheckbox.indeterminate = someSelected;
|
|
600
552
|
}
|
|
601
553
|
}, 0);
|
|
602
554
|
}
|
|
@@ -697,31 +649,30 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
697
649
|
});
|
|
698
650
|
}
|
|
699
651
|
async updateTableView() {
|
|
700
|
-
if (this.serverSidePagination) {
|
|
701
|
-
this.selectAll = false;
|
|
702
|
-
}
|
|
703
652
|
if (this.serverSidePagination && this.serverPageChangeHandler) {
|
|
704
653
|
const { rows, total } = await this.serverPageChangeHandler({
|
|
705
654
|
page: this.currentPage,
|
|
706
655
|
pageSize: this.paginationPageSize,
|
|
707
656
|
});
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
657
|
+
if (this.enableSelection) {
|
|
658
|
+
rows.forEach((row, index) => {
|
|
659
|
+
var _a;
|
|
660
|
+
if (!row.__rowId) {
|
|
661
|
+
row.__rowId = `row_${(this.currentPage - 1) * this.paginationPageSize + index}_${Date.now()}`;
|
|
662
|
+
}
|
|
663
|
+
row.__checkbox = {
|
|
664
|
+
disabled: false,
|
|
665
|
+
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
|
|
666
|
+
size: 's',
|
|
667
|
+
indeterminate: false,
|
|
668
|
+
error: false,
|
|
669
|
+
};
|
|
670
|
+
});
|
|
671
|
+
}
|
|
720
672
|
this.rowData = rows;
|
|
721
673
|
this.matchingResultsCount = total;
|
|
722
674
|
if (this.gridApi) {
|
|
723
675
|
this.gridApi.setGridOption('rowData', rows);
|
|
724
|
-
this.updateHeaderCheckboxState();
|
|
725
676
|
}
|
|
726
677
|
const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
|
|
727
678
|
if (paginationElement) {
|
|
@@ -754,7 +705,6 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
754
705
|
if (this.gridApi) {
|
|
755
706
|
this.gridApi.setGridOption('rowData', this.rowData);
|
|
756
707
|
}
|
|
757
|
-
this.updateHeaderCheckboxState();
|
|
758
708
|
}
|
|
759
709
|
}
|
|
760
710
|
clearAllFilters() {
|
|
@@ -912,32 +862,15 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
912
862
|
}
|
|
913
863
|
async handlePageChange(event) {
|
|
914
864
|
this.currentPage = event.detail.currentPage;
|
|
915
|
-
if (this.serverSidePagination) {
|
|
916
|
-
this.selectAll = false;
|
|
917
|
-
}
|
|
918
865
|
if (this.serverSidePagination && this.serverPageChangeHandler) {
|
|
919
866
|
const { rows, total } = await this.serverPageChangeHandler({
|
|
920
867
|
page: this.currentPage,
|
|
921
868
|
pageSize: this.paginationPageSize,
|
|
922
869
|
});
|
|
923
|
-
// Add checkbox properties to rows
|
|
924
|
-
rows.forEach((row, index) => {
|
|
925
|
-
var _a;
|
|
926
|
-
const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
|
|
927
|
-
row.__rowId = rowId;
|
|
928
|
-
row.__checkbox = {
|
|
929
|
-
disabled: false,
|
|
930
|
-
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
|
|
931
|
-
size: 's',
|
|
932
|
-
indeterminate: false,
|
|
933
|
-
error: false,
|
|
934
|
-
};
|
|
935
|
-
});
|
|
936
870
|
this.rowData = rows;
|
|
937
871
|
this.matchingResultsCount = total;
|
|
938
872
|
if (this.gridApi) {
|
|
939
873
|
this.gridApi.setGridOption('rowData', this.rowData);
|
|
940
|
-
this.updateHeaderCheckboxState();
|
|
941
874
|
}
|
|
942
875
|
const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
|
|
943
876
|
if (paginationElement) {
|
|
@@ -948,27 +881,8 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
948
881
|
const startIndex = (this.currentPage - 1) * this.paginationPageSize;
|
|
949
882
|
const endIndex = startIndex + this.paginationPageSize;
|
|
950
883
|
const visibleRowData = this.allRowData.slice(startIndex, endIndex);
|
|
951
|
-
if (this.enableSelection) {
|
|
952
|
-
visibleRowData.forEach(row => {
|
|
953
|
-
var _a, _b;
|
|
954
|
-
if (!row.__checkbox) {
|
|
955
|
-
row.__checkbox = {
|
|
956
|
-
disabled: false,
|
|
957
|
-
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
|
|
958
|
-
size: 's',
|
|
959
|
-
indeterminate: false,
|
|
960
|
-
error: false,
|
|
961
|
-
};
|
|
962
|
-
}
|
|
963
|
-
else {
|
|
964
|
-
row.__checkbox.checked = ((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.has(row.__rowId)) || false;
|
|
965
|
-
}
|
|
966
|
-
});
|
|
967
|
-
}
|
|
968
|
-
this.rowData = visibleRowData;
|
|
969
884
|
if (this.gridApi) {
|
|
970
885
|
this.gridApi.setGridOption('rowData', visibleRowData);
|
|
971
|
-
this.updateHeaderCheckboxState();
|
|
972
886
|
}
|
|
973
887
|
}
|
|
974
888
|
}
|
|
@@ -1018,9 +932,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
1018
932
|
return rows.slice(0, this.paginationPageSize);
|
|
1019
933
|
}
|
|
1020
934
|
updateCheckboxStates() {
|
|
1021
|
-
|
|
1022
|
-
const dataToUpdate = this.rowData;
|
|
1023
|
-
dataToUpdate.forEach(row => {
|
|
935
|
+
this.allRowData.forEach(row => {
|
|
1024
936
|
if (row.__checkbox) {
|
|
1025
937
|
row.__checkbox.checked = this.selectedRows.has(row.__rowId);
|
|
1026
938
|
}
|
|
@@ -1033,21 +945,20 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
1033
945
|
}
|
|
1034
946
|
}
|
|
1035
947
|
emitSelectionChange() {
|
|
1036
|
-
const
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
}
|
|
948
|
+
const selectedRowsData = Array.from(this.selectedRows)
|
|
949
|
+
.map(rowId => {
|
|
950
|
+
const row = this.allRowData.find(r => r.__rowId === rowId);
|
|
951
|
+
if (!row)
|
|
952
|
+
return null;
|
|
953
|
+
const rowData = __rest(row, ["__checkbox", "__rowId"]);
|
|
954
|
+
return rowData;
|
|
955
|
+
})
|
|
956
|
+
.filter(row => row !== null);
|
|
1046
957
|
this.host.dispatchEvent(new CustomEvent('ifxSelectionChange', {
|
|
1047
958
|
detail: {
|
|
1048
|
-
selectedRows:
|
|
1049
|
-
selectedCount:
|
|
1050
|
-
isSelectAll:
|
|
959
|
+
selectedRows: selectedRowsData,
|
|
960
|
+
selectedCount: selectedRowsData.length,
|
|
961
|
+
isSelectAll: this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0,
|
|
1051
962
|
},
|
|
1052
963
|
bubbles: true,
|
|
1053
964
|
}));
|
|
@@ -1171,12 +1082,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
1171
1082
|
};
|
|
1172
1083
|
}
|
|
1173
1084
|
const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';
|
|
1174
|
-
return (h(Host, { key: '
|
|
1085
|
+
return (h(Host, { key: '66b9e97b36c201f86732fbd1452819419d739fd3' }, h("div", { key: 'a5c54e731669b840a732b9cf4de334a09c37ccb0', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '786e0cdf15170384f5dfb34995db3f5ca3c419d4', class: "sidebar-btn" }, h("ifx-button", { key: '7097db9958849a342a4918dc96441ba4275539b1', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '8005336599ce5aa87ddc1973f8005d8bd7a03551', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '875c2049c9d4745ec5a40f14fab62d4394b8f63a', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'c87a5a9a5bb27915e6170ebe139bced53164136f', class: "sidebar-container" }, h("div", { key: '14420330d730046eda3e9049bd6df5fd66222693', class: "filters-title-container" }, h("span", { key: 'a8f006c463b5858daf5f9ff191287a1dc7be24ef', class: "filters-title" }, "Filters")), h("div", { key: '201324d69551491db05dae532a080460527e8a79', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '3a3be2bc00d1148fa21cf692a077f85625cafdec', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '3d20934e66c39335c8966599b13be1acc48338b2', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: 'b45be18917095b816833ac7ac30260d51a29eb5c', name: "topbar-filter" }))), h("div", { key: '490b41840efb18253618d0a838d7a31ebaac6001', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: '51a213af18af7b58e36551239eba437bce8a2b51', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
|
|
1175
1086
|
const filter = this.currentFilters[name];
|
|
1176
1087
|
const filterValues = filter.filterValues;
|
|
1177
1088
|
const isMultiSelect = filter.type !== 'text';
|
|
1178
1089
|
return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? 'multi' : 'single', readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
|
|
1179
|
-
}))), h("div", { key: '
|
|
1090
|
+
}))), h("div", { key: '4cda426751074f84547a5f6870308ab48dfdab03', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: 'c538c15f038caf9a0ba2c56a2d3e114c40112b01', class: "matching-results-container" }, h("span", { key: '9c263730471d93cfe519e4d2b68c5fbc13f612d1', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: '34d9334bce111c93e6e813916a06282f11071fab', class: "matching-results-text" }, this.headline))), h("div", { key: '031ef0ce92afc9ad6fbc2c4c1b8849fcefdf7213', class: "inner-buttons-wrapper" }, h("slot", { key: '4e77698e25702ee13640fac3e24558ce5e5518b7', name: "inner-button" }))), h("div", { key: '36f1cdcd7c9560c3f3f8fbaad2d37b27e99483f5', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '12284c6b014a6fd63b20c8ccb95c0f181ef7557e', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: '5a768d894603d010c52deb2867a8bcfd953ddaac', class: "pagination-wrapper" }, this.pagination ? (h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
|
|
1180
1091
|
}
|
|
1181
1092
|
hasButtonCol() {
|
|
1182
1093
|
return this.getColData().some(column => column.field === 'button');
|
|
@@ -1234,7 +1145,6 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
|
|
|
1234
1145
|
"matchingResultsCount": [32],
|
|
1235
1146
|
"selectedRows": [32],
|
|
1236
1147
|
"selectAll": [32],
|
|
1237
|
-
"selectedRowsData": [32],
|
|
1238
1148
|
"onBtShowLoading": [64]
|
|
1239
1149
|
}, [[0, "ifxItemsPerPageChange", "handleResultsPerPageChange"], [0, "ifxChange", "handleChipChange"]], {
|
|
1240
1150
|
"rows": ["rowsChanged"],
|