@infineon/infineon-design-system-stencil 39.3.1--canary.2120.1c467763c53a3cb468accc942e4e88953b0b9626.0 → 39.3.1--canary.2118.a60360f4f6d6f0d6b993cc68d1be10f2536c481f.0

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

@@ -0,0 +1,30 @@
+export class CheckboxHeaderRenderer {
+    init(params) {
+        this.params = params;
+        this.createHeader();
+    }
+    getGui() {
+        return this.eGui;
+    }
+    refresh(params) {
+        this.params = Object.assign(Object.assign({}, this.params), params);
+        return true;
+    }
+    createHeader() {
+        this.eGui = document.createElement('div');
+        this.eGui.style.display = 'flex';
+        this.eGui.style.alignItems = 'center';
+        this.eGui.style.justifyContent = 'center';
+        this.eCheckbox = document.createElement('ifx-checkbox');
+        this.eCheckbox.setAttribute('size', 's');
+        this.eCheckbox.setAttribute('checked', 'false');
+        this.eCheckbox.addEventListener('ifxChange', (event) => {
+            const checked = event.detail;
+            if (this.params.onSelectAll) {
+                this.params.onSelectAll(checked);
+            }
+        });
+        this.eGui.appendChild(this.eCheckbox);
+    }
+}
+//# sourceMappingURL=checkboxHeaderRenderer.js.map

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

@@ -0,0 +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';\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/interfaces.js

@@ -1,4 +1,5 @@
 export const ButtonKeys = ['disabled', 'variant', 'size', 'target', 'href', 'theme', 'type', 'fullWidth', 'text'];
 export const IconButtonKeys = ['disabled', 'variant', 'size', 'target', 'href', 'shape', 'icon'];
 export const StatusKeys = ['color', 'label', 'border'];
+export const CheckboxKeys = ['disabled', 'error', 'size', 'checked', 'indeterminate'];
 //# sourceMappingURL=interfaces.js.map

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":"AAwCA,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","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 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\n\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/table.css

@@ -8704,6 +8704,10 @@ input[class^=ag-][type=range]:disabled {
   width: 100%;
 }
 
+.ag-horizontal-left-spacer {
+  display: none;
+}
+
 .table-wrapper .ag-root-wrapper-body {
   height: auto !important;
   min-height: 100px !important;
@@ -8785,6 +8789,32 @@ input[class^=ag-][type=range]:disabled {
   background-color: #BFBBBB;
 }
 
+.ag-pinned-left-header {
+  background-color: #EEEDED;
+  min-width: 50px !important;
+  max-width: 50px !important;
+  width: 50px !important;
+}
+.ag-pinned-left-header::before {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: calc(50% - 12px);
+  height: 24px;
+  width: 1px;
+  background-color: #BFBBBB;
+}
+
+.ag-header-row {
+  width: 50px !important;
+}
+
+.ag-pinned-left-cols-container {
+  width: 50px !important;
+  max-width: 50px !important;
+  min-width: 50px !important;
+}
+
 .ag-overlay-loading-center {
   border: none;
   background: none;
@@ -8802,7 +8832,7 @@ input[class^=ag-][type=range]:disabled {
 }
 .ag-header.ag-header-active {
   outline: none !important;
-  border-color: #0A8276 !important;
+  border-color: #0a8276 !important;
 }
 
 .ag-header-cell {
@@ -8827,12 +8857,10 @@ input[class^=ag-][type=range]:disabled {
 
 .ag-row-focus {
   background-color: inherit !important;
-  /* Reset the hover color to the row's original color */
 }
 
 .ag-row-hover {
   background-color: #FFFFFF !important;
-  /* Reset the hover color to the row's original color */
 }
 
 .ag-cell-focus {
@@ -8903,18 +8931,22 @@ input[class^=ag-][type=range]:disabled {
   font-weight: 400;
 }
 
+.ag-body-horizontal-scroll {
+  display: none;
+}
+
 @media (max-width: 768px) {
   .table-wrapper,
   #table-wrapper {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
-  .ifx-ag-grid {
-    min-width: 600px;
-  }
   .ag-root-wrapper {
     min-width: 100%;
   }
+  .ag-body-horizontal-scroll {
+    display: block;
+  }
   .ag-header-cell,
   .ag-cell {
     min-width: 100px;