@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
|
@@ -4,7 +4,7 @@ var index = require('./index-Dc5gCGlQ.js');
|
|
|
4
4
|
var frameworkDetection = require('./framework-detection-C_6nNXcS.js');
|
|
5
5
|
var domUtils = require('./dom-utils-dykhxr-_.js');
|
|
6
6
|
|
|
7
|
-
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:
|
|
7
|
+
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}";
|
|
8
8
|
|
|
9
9
|
const Status = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ifx-status.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,i8FAAi8F;;MCWt8F,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAK,CAAA,KAAA,GAAW,YAAY;AAoBrC;AAlBC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,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,QACEC,kEAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,cAAc,EAAA,EACtCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,EAAS,CAAA,EAC7CA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5B;;;;;;;;","names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"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.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,i8FAAi8F;;MCWt8F,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAK,CAAA,KAAA,GAAW,YAAY;AAoBrC;AAlBC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,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,QACEC,kEAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,cAAc,EAAA,EACtCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,EAAS,CAAA,EAC7CA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5B;;;;;;;;","names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ifx-status.entry.cjs.js","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
|
+
{"version":3,"file":"ifx-status.entry.cjs.js","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}"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,i8FAAi8F;;MCWt8F,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAK,CAAA,KAAA,GAAW,YAAY;AAoBrC;AAlBC,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,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,QACEC,kEAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,cAAc,EAAA,EACtCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,EAAS,CAAA,EAC7CA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5B;;;;;;;;"}
|
|
@@ -386,7 +386,6 @@ const Table = class {
|
|
|
386
386
|
this.enableSelection = false;
|
|
387
387
|
this.selectedRows = new Set();
|
|
388
388
|
this.selectAll = false;
|
|
389
|
-
this.selectedRowsData = new Map();
|
|
390
389
|
this.showLoading = false;
|
|
391
390
|
this.originalRowData = [];
|
|
392
391
|
this.internalItemsPerPage = JSON.stringify([
|
|
@@ -396,45 +395,12 @@ const Table = class {
|
|
|
396
395
|
]);
|
|
397
396
|
this.handleSelectAll = (checked) => {
|
|
398
397
|
this.selectAll = checked;
|
|
399
|
-
const newSelectedRows = new Set(this.selectedRows);
|
|
400
|
-
const newSelectedRowsData = new Map(this.selectedRowsData);
|
|
401
398
|
if (checked) {
|
|
402
|
-
|
|
403
|
-
// Server-side: select only current page rows
|
|
404
|
-
this.rowData.forEach(row => {
|
|
405
|
-
const rowId = row.__rowId;
|
|
406
|
-
newSelectedRows.add(rowId);
|
|
407
|
-
const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
|
|
408
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
409
|
-
});
|
|
410
|
-
}
|
|
411
|
-
else {
|
|
412
|
-
// Client-side: select ALL rows across ALL pages
|
|
413
|
-
this.allRowData.forEach(row => {
|
|
414
|
-
const rowId = row.__rowId;
|
|
415
|
-
newSelectedRows.add(rowId);
|
|
416
|
-
const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
|
|
417
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
418
|
-
});
|
|
419
|
-
}
|
|
399
|
+
this.selectedRows = new Set(this.allRowData.map(row => row.__rowId));
|
|
420
400
|
}
|
|
421
401
|
else {
|
|
422
|
-
|
|
423
|
-
// Server-side: remove only current page rows
|
|
424
|
-
this.rowData.forEach(row => {
|
|
425
|
-
const rowId = row.__rowId;
|
|
426
|
-
newSelectedRows.delete(rowId);
|
|
427
|
-
newSelectedRowsData.delete(rowId);
|
|
428
|
-
});
|
|
429
|
-
}
|
|
430
|
-
else {
|
|
431
|
-
// Client-side: remove ALL rows (clear entire selection)
|
|
432
|
-
newSelectedRows.clear();
|
|
433
|
-
newSelectedRowsData.clear();
|
|
434
|
-
}
|
|
402
|
+
this.selectedRows = new Set();
|
|
435
403
|
}
|
|
436
|
-
this.selectedRows = newSelectedRows;
|
|
437
|
-
this.selectedRowsData = newSelectedRowsData;
|
|
438
404
|
this.updateCheckboxStates();
|
|
439
405
|
this.updateHeaderCheckboxState();
|
|
440
406
|
this.emitSelectionChange();
|
|
@@ -443,19 +409,14 @@ const Table = class {
|
|
|
443
409
|
const clickedRowData = params.data;
|
|
444
410
|
const rowId = clickedRowData.__rowId;
|
|
445
411
|
const newSelectedRows = new Set(this.selectedRows);
|
|
446
|
-
const newSelectedRowsData = new Map(this.selectedRowsData);
|
|
447
412
|
if (newSelectedRows.has(rowId)) {
|
|
448
413
|
newSelectedRows.delete(rowId);
|
|
449
|
-
newSelectedRowsData.delete(rowId);
|
|
450
414
|
}
|
|
451
415
|
else {
|
|
452
416
|
newSelectedRows.add(rowId);
|
|
453
|
-
const cleanRow = __rest(clickedRowData, ["__checkbox", "__rowId"]);
|
|
454
|
-
newSelectedRowsData.set(rowId, cleanRow);
|
|
455
417
|
}
|
|
456
418
|
this.selectedRows = newSelectedRows;
|
|
457
|
-
this.
|
|
458
|
-
this.selectAll = newSelectedRows.size === this.rowData.length && this.rowData.length > 0;
|
|
419
|
+
this.selectAll = newSelectedRows.size === this.allRowData.length;
|
|
459
420
|
this.updateCheckboxStates();
|
|
460
421
|
this.updateHeaderCheckboxState();
|
|
461
422
|
this.emitSelectionChange();
|
|
@@ -577,19 +538,10 @@ const Table = class {
|
|
|
577
538
|
var _a;
|
|
578
539
|
const headerCheckbox = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('.ag-header-cell[col-id="__checkbox"] ifx-checkbox');
|
|
579
540
|
if (headerCheckbox) {
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
headerCheckbox.checked = allOnPageSelected;
|
|
585
|
-
headerCheckbox.indeterminate = someOnPageSelected;
|
|
586
|
-
}
|
|
587
|
-
else {
|
|
588
|
-
const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
|
|
589
|
-
const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
|
|
590
|
-
headerCheckbox.checked = allSelected;
|
|
591
|
-
headerCheckbox.indeterminate = someSelected;
|
|
592
|
-
}
|
|
541
|
+
const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
|
|
542
|
+
const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
|
|
543
|
+
headerCheckbox.checked = allSelected;
|
|
544
|
+
headerCheckbox.indeterminate = someSelected;
|
|
593
545
|
}
|
|
594
546
|
}, 0);
|
|
595
547
|
}
|
|
@@ -690,31 +642,30 @@ const Table = class {
|
|
|
690
642
|
});
|
|
691
643
|
}
|
|
692
644
|
async updateTableView() {
|
|
693
|
-
if (this.serverSidePagination) {
|
|
694
|
-
this.selectAll = false;
|
|
695
|
-
}
|
|
696
645
|
if (this.serverSidePagination && this.serverPageChangeHandler) {
|
|
697
646
|
const { rows, total } = await this.serverPageChangeHandler({
|
|
698
647
|
page: this.currentPage,
|
|
699
648
|
pageSize: this.paginationPageSize,
|
|
700
649
|
});
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
650
|
+
if (this.enableSelection) {
|
|
651
|
+
rows.forEach((row, index) => {
|
|
652
|
+
var _a;
|
|
653
|
+
if (!row.__rowId) {
|
|
654
|
+
row.__rowId = `row_${(this.currentPage - 1) * this.paginationPageSize + index}_${Date.now()}`;
|
|
655
|
+
}
|
|
656
|
+
row.__checkbox = {
|
|
657
|
+
disabled: false,
|
|
658
|
+
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
|
|
659
|
+
size: 's',
|
|
660
|
+
indeterminate: false,
|
|
661
|
+
error: false,
|
|
662
|
+
};
|
|
663
|
+
});
|
|
664
|
+
}
|
|
713
665
|
this.rowData = rows;
|
|
714
666
|
this.matchingResultsCount = total;
|
|
715
667
|
if (this.gridApi) {
|
|
716
668
|
this.gridApi.setGridOption('rowData', rows);
|
|
717
|
-
this.updateHeaderCheckboxState();
|
|
718
669
|
}
|
|
719
670
|
const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
|
|
720
671
|
if (paginationElement) {
|
|
@@ -747,7 +698,6 @@ const Table = class {
|
|
|
747
698
|
if (this.gridApi) {
|
|
748
699
|
this.gridApi.setGridOption('rowData', this.rowData);
|
|
749
700
|
}
|
|
750
|
-
this.updateHeaderCheckboxState();
|
|
751
701
|
}
|
|
752
702
|
}
|
|
753
703
|
clearAllFilters() {
|
|
@@ -905,32 +855,15 @@ const Table = class {
|
|
|
905
855
|
}
|
|
906
856
|
async handlePageChange(event) {
|
|
907
857
|
this.currentPage = event.detail.currentPage;
|
|
908
|
-
if (this.serverSidePagination) {
|
|
909
|
-
this.selectAll = false;
|
|
910
|
-
}
|
|
911
858
|
if (this.serverSidePagination && this.serverPageChangeHandler) {
|
|
912
859
|
const { rows, total } = await this.serverPageChangeHandler({
|
|
913
860
|
page: this.currentPage,
|
|
914
861
|
pageSize: this.paginationPageSize,
|
|
915
862
|
});
|
|
916
|
-
// Add checkbox properties to rows
|
|
917
|
-
rows.forEach((row, index) => {
|
|
918
|
-
var _a;
|
|
919
|
-
const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
|
|
920
|
-
row.__rowId = rowId;
|
|
921
|
-
row.__checkbox = {
|
|
922
|
-
disabled: false,
|
|
923
|
-
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
|
|
924
|
-
size: 's',
|
|
925
|
-
indeterminate: false,
|
|
926
|
-
error: false,
|
|
927
|
-
};
|
|
928
|
-
});
|
|
929
863
|
this.rowData = rows;
|
|
930
864
|
this.matchingResultsCount = total;
|
|
931
865
|
if (this.gridApi) {
|
|
932
866
|
this.gridApi.setGridOption('rowData', this.rowData);
|
|
933
|
-
this.updateHeaderCheckboxState();
|
|
934
867
|
}
|
|
935
868
|
const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
|
|
936
869
|
if (paginationElement) {
|
|
@@ -941,27 +874,8 @@ const Table = class {
|
|
|
941
874
|
const startIndex = (this.currentPage - 1) * this.paginationPageSize;
|
|
942
875
|
const endIndex = startIndex + this.paginationPageSize;
|
|
943
876
|
const visibleRowData = this.allRowData.slice(startIndex, endIndex);
|
|
944
|
-
if (this.enableSelection) {
|
|
945
|
-
visibleRowData.forEach(row => {
|
|
946
|
-
var _a, _b;
|
|
947
|
-
if (!row.__checkbox) {
|
|
948
|
-
row.__checkbox = {
|
|
949
|
-
disabled: false,
|
|
950
|
-
checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
|
|
951
|
-
size: 's',
|
|
952
|
-
indeterminate: false,
|
|
953
|
-
error: false,
|
|
954
|
-
};
|
|
955
|
-
}
|
|
956
|
-
else {
|
|
957
|
-
row.__checkbox.checked = ((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.has(row.__rowId)) || false;
|
|
958
|
-
}
|
|
959
|
-
});
|
|
960
|
-
}
|
|
961
|
-
this.rowData = visibleRowData;
|
|
962
877
|
if (this.gridApi) {
|
|
963
878
|
this.gridApi.setGridOption('rowData', visibleRowData);
|
|
964
|
-
this.updateHeaderCheckboxState();
|
|
965
879
|
}
|
|
966
880
|
}
|
|
967
881
|
}
|
|
@@ -1011,9 +925,7 @@ const Table = class {
|
|
|
1011
925
|
return rows.slice(0, this.paginationPageSize);
|
|
1012
926
|
}
|
|
1013
927
|
updateCheckboxStates() {
|
|
1014
|
-
|
|
1015
|
-
const dataToUpdate = this.rowData;
|
|
1016
|
-
dataToUpdate.forEach(row => {
|
|
928
|
+
this.allRowData.forEach(row => {
|
|
1017
929
|
if (row.__checkbox) {
|
|
1018
930
|
row.__checkbox.checked = this.selectedRows.has(row.__rowId);
|
|
1019
931
|
}
|
|
@@ -1026,21 +938,20 @@ const Table = class {
|
|
|
1026
938
|
}
|
|
1027
939
|
}
|
|
1028
940
|
emitSelectionChange() {
|
|
1029
|
-
const
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
}
|
|
941
|
+
const selectedRowsData = Array.from(this.selectedRows)
|
|
942
|
+
.map(rowId => {
|
|
943
|
+
const row = this.allRowData.find(r => r.__rowId === rowId);
|
|
944
|
+
if (!row)
|
|
945
|
+
return null;
|
|
946
|
+
const rowData = __rest(row, ["__checkbox", "__rowId"]);
|
|
947
|
+
return rowData;
|
|
948
|
+
})
|
|
949
|
+
.filter(row => row !== null);
|
|
1039
950
|
this.host.dispatchEvent(new CustomEvent('ifxSelectionChange', {
|
|
1040
951
|
detail: {
|
|
1041
|
-
selectedRows:
|
|
1042
|
-
selectedCount:
|
|
1043
|
-
isSelectAll:
|
|
952
|
+
selectedRows: selectedRowsData,
|
|
953
|
+
selectedCount: selectedRowsData.length,
|
|
954
|
+
isSelectAll: this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0,
|
|
1044
955
|
},
|
|
1045
956
|
bubbles: true,
|
|
1046
957
|
}));
|
|
@@ -1164,12 +1075,12 @@ const Table = class {
|
|
|
1164
1075
|
};
|
|
1165
1076
|
}
|
|
1166
1077
|
const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';
|
|
1167
|
-
return (index.h(index.Host, { key: '
|
|
1078
|
+
return (index.h(index.Host, { key: '66b9e97b36c201f86732fbd1452819419d739fd3' }, index.h("div", { key: 'a5c54e731669b840a732b9cf4de334a09c37ccb0', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: '786e0cdf15170384f5dfb34995db3f5ca3c419d4', class: "sidebar-btn" }, index.h("ifx-button", { key: '7097db9958849a342a4918dc96441ba4275539b1', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: '8005336599ce5aa87ddc1973f8005d8bd7a03551', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: '875c2049c9d4745ec5a40f14fab62d4394b8f63a', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: 'c87a5a9a5bb27915e6170ebe139bced53164136f', class: "sidebar-container" }, index.h("div", { key: '14420330d730046eda3e9049bd6df5fd66222693', class: "filters-title-container" }, index.h("span", { key: 'a8f006c463b5858daf5f9ff191287a1dc7be24ef', class: "filters-title" }, "Filters")), index.h("div", { key: '201324d69551491db05dae532a080460527e8a79', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && index.h("slot", { key: '3a3be2bc00d1148fa21cf692a077f85625cafdec', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: '3d20934e66c39335c8966599b13be1acc48338b2', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && index.h("slot", { key: 'b45be18917095b816833ac7ac30260d51a29eb5c', name: "topbar-filter" }))), index.h("div", { key: '490b41840efb18253618d0a838d7a31ebaac6001', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (index.h("div", { key: '51a213af18af7b58e36551239eba437bce8a2b51', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
|
|
1168
1079
|
const filter = this.currentFilters[name];
|
|
1169
1080
|
const filterValues = filter.filterValues;
|
|
1170
1081
|
const isMultiSelect = filter.type !== 'text';
|
|
1171
1082
|
return filterValues.length > 0 ? (index.h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? 'multi' : 'single', readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (index.h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
|
|
1172
|
-
}))), index.h("div", { key: '
|
|
1083
|
+
}))), index.h("div", { key: '4cda426751074f84547a5f6870308ab48dfdab03', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (index.h("div", { key: 'c538c15f038caf9a0ba2c56a2d3e114c40112b01', class: "matching-results-container" }, index.h("span", { key: '9c263730471d93cfe519e4d2b68c5fbc13f612d1', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), index.h("span", { key: '34d9334bce111c93e6e813916a06282f11071fab', class: "matching-results-text" }, this.headline))), index.h("div", { key: '031ef0ce92afc9ad6fbc2c4c1b8849fcefdf7213', class: "inner-buttons-wrapper" }, index.h("slot", { key: '4e77698e25702ee13640fac3e24558ce5e5518b7', name: "inner-button" }))), index.h("div", { key: '36f1cdcd7c9560c3f3f8fbaad2d37b27e99483f5', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: '12284c6b014a6fd63b20c8ccb95c0f181ef7557e', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), index.h("div", { key: '5a768d894603d010c52deb2867a8bcfd953ddaac', class: "pagination-wrapper" }, this.pagination ? (index.h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
|
|
1173
1084
|
}
|
|
1174
1085
|
hasButtonCol() {
|
|
1175
1086
|
return this.getColData().some(column => column.field === 'button');
|