@infineon/infineon-design-system-stencil 31.4.0--canary.1681.9592b12da32b64b6c8ace449f71e3399531ff0ae.0 → 31.4.0--canary.1722.4c36ad612a71a0b0b1ae7544eda5883b207d8359.0

package/dist/types/components/checkbox/checkbox.stories.d.ts

@@ -89,16 +89,6 @@ declare const _default: {
                 };
             };
         };
-        ifxError: {
-            action: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                    detail: string;
-                };
-            };
-        };
     };
 };
 export default _default;

package/dist/types/components/textarea/textarea.d.ts

@@ -3,6 +3,7 @@ export declare class TextArea {
     private inputId;
     internals: ElementInternals;
     ifxInput: EventEmitter<String>;
+    el: any;
     caption: string;
     cols: number;
     disabled: boolean;
@@ -16,7 +17,10 @@ export declare class TextArea {
     rows: number;
     value: string;
     wrap: 'hard' | 'soft' | 'off';
+    fullWidth: string;
     reset(): Promise<void>;
+    handleComponentWidth(): void;
+    componentDidRender(): void;
     formResetCallback(): void;
     handleOnInput(e: InputEvent): void;
     resetTextarea(): void;

package/dist/types/components/textarea/textarea.stories.d.ts

@@ -129,6 +129,16 @@ declare const _default: {
                 };
             };
         };
+        fullWidth: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         ifxInput: {
             description: string;
             table: {

package/dist/types/components.d.ts

@@ -92,16 +92,6 @@ export namespace Components {
         "toggleCheckedState": (newVal: boolean) => Promise<void>;
         "value": string;
     }
-    interface IfxCheckboxGroup {
-        "alignment": 'horizontal' | 'vertical';
-        "captionText": string;
-        "groupLabelText": string;
-        "setGroupError": (error: boolean) => Promise<void>;
-        "showCaption": boolean;
-        "showCaptionIcon": boolean;
-        "showGroupLabel": boolean;
-        "size": string;
-    }
     interface IfxChip {
         "AriaLabel": string;
         "placeholder": string;
@@ -545,6 +535,7 @@ export namespace Components {
         "cols": number;
         "disabled": boolean;
         "error": boolean;
+        "fullWidth": string;
         "label": string;
         "maxlength": number;
         "name": string;
@@ -862,7 +853,6 @@ declare global {
     };
     interface HTMLIfxCheckboxElementEventMap {
         "ifxChange": any;
-        "ifxError": any;
     }
     interface HTMLIfxCheckboxElement extends Components.IfxCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIfxCheckboxElementEventMap>(type: K, listener: (this: HTMLIfxCheckboxElement, ev: IfxCheckboxCustomEvent<HTMLIfxCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -878,12 +868,6 @@ declare global {
         prototype: HTMLIfxCheckboxElement;
         new (): HTMLIfxCheckboxElement;
     };
-    interface HTMLIfxCheckboxGroupElement extends Components.IfxCheckboxGroup, HTMLStencilElement {
-    }
-    var HTMLIfxCheckboxGroupElement: {
-        prototype: HTMLIfxCheckboxGroupElement;
-        new (): HTMLIfxCheckboxGroupElement;
-    };
     interface HTMLIfxChipElementEventMap {
         "ifxChange": { previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string };
     }
@@ -1656,7 +1640,6 @@ declare global {
         "ifx-card-overline": HTMLIfxCardOverlineElement;
         "ifx-card-text": HTMLIfxCardTextElement;
         "ifx-checkbox": HTMLIfxCheckboxElement;
-        "ifx-checkbox-group": HTMLIfxCheckboxGroupElement;
         "ifx-chip": HTMLIfxChipElement;
         "ifx-chip-item": HTMLIfxChipItemElement;
         "ifx-content-switcher": HTMLIfxContentSwitcherElement;
@@ -1792,19 +1775,9 @@ declare namespace LocalJSX {
         "error"?: boolean;
         "indeterminate"?: boolean;
         "onIfxChange"?: (event: IfxCheckboxCustomEvent<any>) => void;
-        "onIfxError"?: (event: IfxCheckboxCustomEvent<any>) => void;
         "size"?: string;
         "value"?: string;
     }
-    interface IfxCheckboxGroup {
-        "alignment"?: 'horizontal' | 'vertical';
-        "captionText"?: string;
-        "groupLabelText"?: string;
-        "showCaption"?: boolean;
-        "showCaptionIcon"?: boolean;
-        "showGroupLabel"?: boolean;
-        "size"?: string;
-    }
     interface IfxChip {
         "AriaLabel"?: string;
         "onIfxChange"?: (event: IfxChipCustomEvent<{ previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string }>) => void;
@@ -2249,6 +2222,7 @@ declare namespace LocalJSX {
         "cols"?: number;
         "disabled"?: boolean;
         "error"?: boolean;
+        "fullWidth"?: string;
         "label"?: string;
         "maxlength"?: number;
         "name"?: string;
@@ -2284,7 +2258,6 @@ declare namespace LocalJSX {
         "ifx-card-overline": IfxCardOverline;
         "ifx-card-text": IfxCardText;
         "ifx-checkbox": IfxCheckbox;
-        "ifx-checkbox-group": IfxCheckboxGroup;
         "ifx-chip": IfxChip;
         "ifx-chip-item": IfxChipItem;
         "ifx-content-switcher": IfxContentSwitcher;
@@ -2367,7 +2340,6 @@ declare module "@stencil/core" {
             "ifx-card-overline": LocalJSX.IfxCardOverline & JSXBase.HTMLAttributes<HTMLIfxCardOverlineElement>;
             "ifx-card-text": LocalJSX.IfxCardText & JSXBase.HTMLAttributes<HTMLIfxCardTextElement>;
             "ifx-checkbox": LocalJSX.IfxCheckbox & JSXBase.HTMLAttributes<HTMLIfxCheckboxElement>;
-            "ifx-checkbox-group": LocalJSX.IfxCheckboxGroup & JSXBase.HTMLAttributes<HTMLIfxCheckboxGroupElement>;
             "ifx-chip": LocalJSX.IfxChip & JSXBase.HTMLAttributes<HTMLIfxChipElement>;
             "ifx-chip-item": LocalJSX.IfxChipItem & JSXBase.HTMLAttributes<HTMLIfxChipItemElement>;
             "ifx-content-switcher": LocalJSX.IfxContentSwitcher & JSXBase.HTMLAttributes<HTMLIfxContentSwitcherElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "31.4.0--canary.1681.9592b12da32b64b6c8ace449f71e3399531ff0ae.0",
+  "version": "31.4.0--canary.1722.4c36ad612a71a0b0b1ae7544eda5883b207d8359.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

package/dist/cjs/ifx-checkbox-group.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1ce5aae1.js');
-
-const checkboxGroupCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.checkbox-group-container{display:flex;flex-direction:column}.checkbox-group{display:flex;font-family:var(--ifx-font-family);gap:8px}.checkbox-group.horizontal{flex-direction:row;column-gap:12px}.checkbox-group.vertical{flex-direction:column;row-gap:12px}.group-label{font:400 0.75rem/1rem \"Source Sans 3\";margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between}.caption.default{color:#1D1D1D}.caption.error{color:#CD002F}.caption-text{font:400 0.75rem/1rem \"Source Sans 3\";flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{align-self:flex-start;display:block}";
-const IfxCheckboxGroupStyle0 = checkboxGroupCss;
-
-const CheckboxGroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorStates = new Map();
-        this.alignment = 'vertical';
-        this.groupLabelText = 'Group Label Text';
-        this.hasErrors = false;
-        this.handleSlotChange = () => {
-            this.initializeState();
-        };
-    }
-    handleCheckboxError(event) {
-        const checkbox = event.target;
-        if (checkbox.tagName === 'ifx-checkbox') {
-            this.errorStates.set(checkbox, event.detail);
-            this.updateHasErrors();
-        }
-    }
-    // Method to set the error state of all checkboxes in the group
-    async setGroupError(error) {
-        const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));
-        checkboxes.forEach((checkbox) => {
-            checkbox.error = error;
-        });
-    }
-    componentWillLoad() {
-        this.initializeState();
-    }
-    initializeState() {
-        this.errorStates.clear();
-        const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));
-        checkboxes.forEach((checkbox) => {
-            if (!this.errorStates.has(checkbox)) {
-                this.errorStates.set(checkbox, checkbox.error || false);
-            }
-        });
-        this.updateHasErrors();
-    }
-    updateHasErrors() {
-        this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
-    }
-    render() {
-        return (index.h("div", { key: '2f455a4fa40d089e1aafab0b669aa4f4ded80be0', class: 'checkbox-group-container' }, this.showGroupLabel ? index.h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', index.h("div", { key: 'eb6f16bf53e13620681c87eb7cb4062a37abd068', class: `checkbox-group ${this.alignment} ${this.size}` }, index.h("slot", { key: '00ec08507a2ef1ff8e893b6c8b9aa917a7735224', onSlotchange: this.handleSlotChange })), this.showCaption ? (index.h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? index.h("div", { class: 'caption-icon' }, index.h("ifx-icon", { icon: "c-info-16" })) : '', index.h("div", { class: 'caption-text' }, this.captionText))) : ''));
-    }
-    static get formAssociated() { return true; }
-    get el() { return index.getElement(this); }
-};
-CheckboxGroup.style = IfxCheckboxGroupStyle0;
-
-exports.ifx_checkbox_group = CheckboxGroup;
-
-//# sourceMappingURL=ifx-checkbox-group.cjs.entry.js.map

package/dist/cjs/ifx-checkbox-group.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"ifx-checkbox-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,+1BAA+1B,CAAC;AACz3B,+BAAe,gBAAgB;;MCQlB,aAAa;IAP1B;;QAQU,gBAAW,GAA8B,IAAI,GAAG,EAAE,CAAC;QAGnD,cAAS,GAA8B,UAAU,CAAC;QAGlD,mBAAc,GAAW,kBAAkB,CAAC;QAI3C,cAAS,GAAY,KAAK,CAAC;QAwBpC,qBAAgB,GAAG;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB,CAAC;KAiCH;IAxDC,mBAAmB,CAAC,KAAkB;QACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC7C,IAAI,QAAQ,CAAC,OAAO,KAAK,cAAc,EAAE;YACvC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC7C,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;;IAID,MAAM,aAAa,CAAC,KAAc;QAChC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;QACxE,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ;YACzB,QAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;SACjC,CAAC,CAAC;KACJ;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAMO,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;QACxE,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ;YAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;gBACnC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAG,QAAgB,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;aAClE;SACF,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAEO,eAAe;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;KAC/E;IAED,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,0BAA0B,IAClC,IAAI,CAAC,cAAc,GAAGA,iBAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,cAAc,OAAS,GAAG,EAAE,EAClFA,kEAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE,IACzDA,mEAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAC9C,EACL,IAAI,CAAC,WAAW,IACfA,iBAAK,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,EAAE,IAC1D,IAAI,CAAC,eAAe,GAAGA,iBAAK,KAAK,EAAC,cAAc,IAACA,sBAAU,IAAI,EAAC,WAAW,GACjE,CAAM,GAAG,EAAE,EACtBA,iBAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAO,CAC9C,IAAI,EAAE,CACV,EACN;KACH;;;;;;;;","names":["h"],"sources":["src/components/checkbox-group/checkbox-group.scss?tag=ifx-checkbox-group&encapsulation=shadow","src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.checkbox-group-container {\n    display: flex;\n    flex-direction: column;\n}\n\n.checkbox-group {\n    display: flex;\n    font-family: var(--ifx-font-family);\n    gap: tokens.$ifxSpace100;\n\n    &.horizontal {\n        flex-direction: row;\n        column-gap: tokens.$ifxSpace150;\n    }\n\n    &.vertical {\n        flex-direction: column;\n        row-gap: tokens.$ifxSpace150;\n    }\n}\n\n.group-label {\n    font: tokens.$ifxBodyBody05;\n    margin-bottom: tokens.$ifxSpace100;\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.caption {\n    margin-top: tokens.$ifxSpace100;\n    align-self: flex-start;\n    display: flex;\n    width: 100%;\n    column-gap: tokens.$ifxSpace100;\n    justify-content: space-between;\n\n    &.default {\n        color: tokens.$ifxColorBaseBlack;\n    }\n\n    &.error {\n        color: tokens.$ifxColorRed500;\n    }\n}\n\n.caption-text {\n    font: tokens.$ifxBodyBody05;\n    flex: 1;\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.caption-icon {\n    align-self: flex-start;\n    display: block;\n}","import { Component, State, Prop, h, Element, Listen, Method } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-checkbox-group',\n  styleUrl: 'checkbox-group.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class CheckboxGroup {\n  private errorStates: Map<HTMLElement, boolean> = new Map();\n\n  @Element() el: HTMLElement;\n  @Prop() alignment: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() size: string;\n  @Prop() showGroupLabel: boolean;\n  @Prop() groupLabelText: string = 'Group Label Text';\n  @Prop() showCaption: boolean;\n  @Prop() captionText: string;\n  @Prop() showCaptionIcon: boolean;\n  @State() hasErrors: boolean = false;\n\n  @Listen('ifxError')\n  handleCheckboxError(event: CustomEvent) {\n    const checkbox = event.target as HTMLElement;\n    if (checkbox.tagName === 'ifx-checkbox') {\n      this.errorStates.set(checkbox, event.detail);\n      this.updateHasErrors();\n    }\n  }\n\n  // Method to set the error state of all checkboxes in the group\n  @Method()\n  async setGroupError(error: boolean) {\n    const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\n    checkboxes.forEach((checkbox) => {\n      (checkbox as any).error = error;\n    });\n  }\n\n  componentWillLoad() {\n    this.initializeState();\n  }\n\n  handleSlotChange = () => {\n    this.initializeState();\n  };\n\n  private initializeState() {\n    this.errorStates.clear();\n    const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\n    checkboxes.forEach((checkbox) => {\n      if (!this.errorStates.has(checkbox)) {\n        this.errorStates.set(checkbox, (checkbox as any).error || false);\n      }\n    });\n    this.updateHasErrors();\n  }\n\n  private updateHasErrors() {\n    this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);\n  }\n\n  render() {\n    return (\n      <div class='checkbox-group-container'>\n        {this.showGroupLabel ? <div class='group-label'>{this.groupLabelText} *</div> : ''}\n        <div class={`checkbox-group ${this.alignment} ${this.size}`}>\n          <slot onSlotchange={this.handleSlotChange}></slot>\n        </div>\n        {this.showCaption ? (\n          <div class={`caption ${this.hasErrors ? 'error' : 'default'}`}>\n            {this.showCaptionIcon ? <div class='caption-icon'><ifx-icon icon=\"c-info-16\">\n            </ifx-icon></div> : ''}\n            <div class='caption-text'>{this.captionText}</div>\n          </div>) : ''}\n      </div>\n    );\n  }\n}"],"version":3}

package/dist/collection/components/checkbox-group/checkbox-group.css

@@ -1,59 +0,0 @@
-:root {
-  --ifx-font-family: "Source Sans 3";
-  font-family: var(--ifx-font-family, sans-serif);
-}
-
-.checkbox-group-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.checkbox-group {
-  display: flex;
-  font-family: var(--ifx-font-family);
-  gap: 8px;
-}
-.checkbox-group.horizontal {
-  flex-direction: row;
-  column-gap: 12px;
-}
-.checkbox-group.vertical {
-  flex-direction: column;
-  row-gap: 12px;
-}
-
-.group-label {
-  font: 400 0.75rem/1rem "Source Sans 3";
-  margin-bottom: 8px;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-}
-
-.caption {
-  margin-top: 8px;
-  align-self: flex-start;
-  display: flex;
-  width: 100%;
-  column-gap: 8px;
-  justify-content: space-between;
-}
-.caption.default {
-  color: #1D1D1D;
-}
-.caption.error {
-  color: #CD002F;
-}
-
-.caption-text {
-  font: 400 0.75rem/1rem "Source Sans 3";
-  flex: 1;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-}
-
-.caption-icon {
-  align-self: flex-start;
-  display: block;
-}

package/dist/collection/components/checkbox-group/checkbox-group.js

@@ -1,238 +0,0 @@
-import { h } from "@stencil/core";
-export class CheckboxGroup {
-    constructor() {
-        this.errorStates = new Map();
-        this.alignment = 'vertical';
-        this.groupLabelText = 'Group Label Text';
-        this.hasErrors = false;
-        this.handleSlotChange = () => {
-            this.initializeState();
-        };
-    }
-    handleCheckboxError(event) {
-        const checkbox = event.target;
-        if (checkbox.tagName === 'ifx-checkbox') {
-            this.errorStates.set(checkbox, event.detail);
-            this.updateHasErrors();
-        }
-    }
-    // Method to set the error state of all checkboxes in the group
-    async setGroupError(error) {
-        const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));
-        checkboxes.forEach((checkbox) => {
-            checkbox.error = error;
-        });
-    }
-    componentWillLoad() {
-        this.initializeState();
-    }
-    initializeState() {
-        this.errorStates.clear();
-        const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));
-        checkboxes.forEach((checkbox) => {
-            if (!this.errorStates.has(checkbox)) {
-                this.errorStates.set(checkbox, checkbox.error || false);
-            }
-        });
-        this.updateHasErrors();
-    }
-    updateHasErrors() {
-        this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
-    }
-    render() {
-        return (h("div", { key: '2f455a4fa40d089e1aafab0b669aa4f4ded80be0', class: 'checkbox-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: 'eb6f16bf53e13620681c87eb7cb4062a37abd068', class: `checkbox-group ${this.alignment} ${this.size}` }, h("slot", { key: '00ec08507a2ef1ff8e893b6c8b9aa917a7735224', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
-    }
-    static get is() { return "ifx-checkbox-group"; }
-    static get encapsulation() { return "shadow"; }
-    static get formAssociated() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["checkbox-group.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["checkbox-group.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "alignment": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'horizontal' | 'vertical'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "alignment",
-                "reflect": false,
-                "defaultValue": "'vertical'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "size",
-                "reflect": false
-            },
-            "showGroupLabel": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-group-label",
-                "reflect": false
-            },
-            "groupLabelText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "group-label-text",
-                "reflect": false,
-                "defaultValue": "'Group Label Text'"
-            },
-            "showCaption": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-caption",
-                "reflect": false
-            },
-            "captionText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "caption-text",
-                "reflect": false
-            },
-            "showCaptionIcon": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-caption-icon",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "hasErrors": {}
-        };
-    }
-    static get methods() {
-        return {
-            "setGroupError": {
-                "complexType": {
-                    "signature": "(error: boolean) => Promise<void>",
-                    "parameters": [{
-                            "name": "error",
-                            "type": "boolean",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get listeners() {
-        return [{
-                "name": "ifxError",
-                "method": "handleCheckboxError",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=checkbox-group.js.map

package/dist/collection/components/checkbox-group/checkbox-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, State, Prop, h, Element, Listen, Method } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-checkbox-group',\n  styleUrl: 'checkbox-group.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class CheckboxGroup {\n  private errorStates: Map<HTMLElement, boolean> = new Map();\n\n  @Element() el: HTMLElement;\n  @Prop() alignment: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() size: string;\n  @Prop() showGroupLabel: boolean;\n  @Prop() groupLabelText: string = 'Group Label Text';\n  @Prop() showCaption: boolean;\n  @Prop() captionText: string;\n  @Prop() showCaptionIcon: boolean;\n  @State() hasErrors: boolean = false;\n\n  @Listen('ifxError')\n  handleCheckboxError(event: CustomEvent) {\n    const checkbox = event.target as HTMLElement;\n    if (checkbox.tagName === 'ifx-checkbox') {\n      this.errorStates.set(checkbox, event.detail);\n      this.updateHasErrors();\n    }\n  }\n\n  // Method to set the error state of all checkboxes in the group\n  @Method()\n  async setGroupError(error: boolean) {\n    const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\n    checkboxes.forEach((checkbox) => {\n      (checkbox as any).error = error;\n    });\n  }\n\n  componentWillLoad() {\n    this.initializeState();\n  }\n\n  handleSlotChange = () => {\n    this.initializeState();\n  };\n\n  private initializeState() {\n    this.errorStates.clear();\n    const checkboxes = Array.from(this.el.querySelectorAll('ifx-checkbox'));\n    checkboxes.forEach((checkbox) => {\n      if (!this.errorStates.has(checkbox)) {\n        this.errorStates.set(checkbox, (checkbox as any).error || false);\n      }\n    });\n    this.updateHasErrors();\n  }\n\n  private updateHasErrors() {\n    this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);\n  }\n\n  render() {\n    return (\n      <div class='checkbox-group-container'>\n        {this.showGroupLabel ? <div class='group-label'>{this.groupLabelText} *</div> : ''}\n        <div class={`checkbox-group ${this.alignment} ${this.size}`}>\n          <slot onSlotchange={this.handleSlotChange}></slot>\n        </div>\n        {this.showCaption ? (\n          <div class={`caption ${this.hasErrors ? 'error' : 'default'}`}>\n            {this.showCaptionIcon ? <div class='caption-icon'><ifx-icon icon=\"c-info-16\">\n            </ifx-icon></div> : ''}\n            <div class='caption-text'>{this.captionText}</div>\n          </div>) : ''}\n      </div>\n    );\n  }\n}"]}