@sixbell-telco/sdk/fesm2022/sixbell-telco-sdk-components-forms-checkbox.mjs.map

A collection of reusable components designed for use in Sixbell Telco Angular projects

{"version":3,"file":"sixbell-telco-sdk-components-forms-checkbox.mjs","sources":["../../../projects/sdk/components/forms/checkbox/src/checkbox.component.ts","../../../projects/sdk/components/forms/checkbox/src/checkbox.component.html","../../../projects/sdk/components/forms/checkbox/sixbell-telco-sdk-components-forms-checkbox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ChangeDetectionStrategy, Component, computed, input, model, output } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cn } from '@sixbell-telco/sdk/utils/cn';\nimport { cva } from 'class-variance-authority';\n\n/**\n * @internal\n * Generates base checkbox classes with style variants\n */\nconst checkboxComponent = cva(['checkbox', 'font-body'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary: ['checkbox-primary'],\n\t\t\tsecondary: ['checkbox-secondary'],\n\t\t\ttertiary: ['checkbox-tertiary'],\n\t\t\taccent: ['checkbox-accent'],\n\t\t\tsuccess: ['checkbox-success'],\n\t\t\twarning: ['checkbox-warning'],\n\t\t\tinfo: ['checkbox-info'],\n\t\t\terror: ['checkbox-error'],\n\t\t},\n\t\tsize: {\n\t\t\txs: ['checkbox-xs'],\n\t\t\tsm: ['checkbox-sm'],\n\t\t\tmd: ['checkbox-md'],\n\t\t\tlg: ['checkbox-lg'],\n\t\t\txl: ['checkbox-xl'],\n\t\t},\n\t},\n\tcompoundVariants: [],\n\tdefaultVariants: {\n\t\tvariant: 'primary',\n\t\tsize: 'md',\n\t},\n});\n\n/** Possible checkbox color variants */\nexport type CheckboxVariantProps = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | null | undefined;\n\n/** Possible checkbox size variants */\nexport type CheckboxSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null | undefined;\n\n/** Configuration object for checkbox styling */\nexport type CheckboxProps = {\n\tvariant?: CheckboxVariantProps;\n\tsize?: CheckboxSizeProps;\n};\n\n/**\n * A customizable checkbox component with various styling options\n *\n * @remarks\n * Implements ControlValueAccessor for seamless integration with Angular forms.\n * Supports both standalone usage and form integration with reactive/template-driven forms.\n *\n * @example\n * ```html\n * <!-- Basic usage -->\n * <st-checkbox [(value)]=\"isChecked\"></st-checkbox>\n * ```\n *\n * @example\n * ```html\n * <!-- With label and custom styling -->\n * <st-checkbox\n *   variant=\"success\"\n *   size=\"lg\"\n *   label=\"Accept terms\"\n *   [(value)]=\"termsAccepted\"\n * ></st-checkbox>\n * ```\n */\n@Component({\n\tselector: 'st-checkbox',\n\timports: [FormsModule],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: CheckboxComponent,\n\t\t\tmulti: true,\n\t\t},\n\t],\n\ttemplateUrl: './checkbox.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxComponent implements ControlValueAccessor {\n\t/**\n\t * Checkbox color variant\n\t * @defaultValue 'primary'\n\t */\n\tvariant = input<CheckboxVariantProps>('primary');\n\n\t/**\n\t * Checkbox size variant\n\t * @defaultValue 'md'\n\t */\n\tsize = input<CheckboxSizeProps>('md');\n\n\t/**\n\t * Label text displayed next to the checkbox\n\t */\n\tlabel = input<string>('');\n\n\t/**\n\t * HTML name attribute for the checkbox\n\t */\n\tname = input<string | null>(null);\n\n\t/**\n\t * Two-way bindable checkbox state\n\t */\n\tvalue = model<boolean>(false);\n\n\t/**\n\t * Event emitted when checkbox state changes\n\t */\n\tvalueUpdated = output<boolean>();\n\n\t// ControlValueAccessor implementation\n\tprivate onControlChange: any = () => {};\n\tprivate onControlTouch: any = () => {};\n\n\t/**\n\t * Whether the checkbox is disabled\n\t * @defaultValue false\n\t */\n\tdisabled = model<boolean>(false);\n\n\t/**\n\t * @internal\n\t * Computed class string for the checkbox\n\t */\n\tcomponentClass = computed(() => {\n\t\treturn cn(\n\t\t\tcheckboxComponent({\n\t\t\t\tvariant: this.variant(),\n\t\t\t\tsize: this.size(),\n\t\t\t}),\n\t\t);\n\t});\n\n\t// ControlValueAccessor methods\n\twriteValue(obj: any): void {\n\t\tthis.value.set(obj);\n\t}\n\n\tregisterOnChange(fn: any): void {\n\t\tthis.onControlChange = fn;\n\t}\n\n\tregisterOnTouched(fn: any): void {\n\t\tthis.onControlTouch = fn;\n\t}\n\n\tsetDisabledState(isDisabled: boolean): void {\n\t\tthis.disabled.set(isDisabled);\n\t}\n\n\t/**\n\t * @internal\n\t * Handles checkbox state changes\n\t */\n\thandleChange(): void {\n\t\tthis.onControlChange(this.value());\n\t\tthis.valueUpdated.emit(this.value());\n\t}\n\n\t/**\n\t * @internal\n\t * Handles blur event\n\t */\n\thandleBlur() {\n\t\tthis.onControlTouch();\n\t}\n}\n","<label class=\"fieldset-label text-base-content font-body\">\n\t<input\n\t\ttype=\"checkbox\"\n\t\t[class]=\"componentClass()\"\n\t\t[(ngModel)]=\"value\"\n\t\t[disabled]=\"disabled()\"\n\t\t[attr.name]=\"name()\"\n\t\t(change)=\"handleChange()\"\n\t\t(blur)=\"handleBlur()\"\n\t/>\n\t{{ label() }}\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;AAMA;;;AAGG;AACH,MAAM,iBAAiB,GAAG,GAAG,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE;AACxD,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;YACR,OAAO,EAAE,CAAC,kBAAkB,CAAC;YAC7B,SAAS,EAAE,CAAC,oBAAoB,CAAC;YACjC,QAAQ,EAAE,CAAC,mBAAmB,CAAC;YAC/B,MAAM,EAAE,CAAC,iBAAiB,CAAC;YAC3B,OAAO,EAAE,CAAC,kBAAkB,CAAC;YAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;YAC7B,IAAI,EAAE,CAAC,eAAe,CAAC;YACvB,KAAK,EAAE,CAAC,gBAAgB,CAAC;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;YACL,EAAE,EAAE,CAAC,aAAa,CAAC;YACnB,EAAE,EAAE,CAAC,aAAa,CAAC;YACnB,EAAE,EAAE,CAAC,aAAa,CAAC;YACnB,EAAE,EAAE,CAAC,aAAa,CAAC;YACnB,EAAE,EAAE,CAAC,aAAa,CAAC;AACnB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,eAAe,EAAE;AAChB,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,IAAI;AACV,KAAA;AACD,CAAA,CAAC;AAcF;;;;;;;;;;;;;;;;;;;;;;;AAuBG;MAcU,iBAAiB,CAAA;AAC7B;;;AAGG;AACH,IAAA,OAAO,GAAG,KAAK,CAAuB,SAAS,CAAC;AAEhD;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK,CAAoB,IAAI,CAAC;AAErC;;AAEG;AACH,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,CAAC;AAEzB;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,CAAC;AAEjC;;AAEG;AACH,IAAA,KAAK,GAAG,KAAK,CAAU,KAAK,CAAC;AAE7B;;AAEG;IACH,YAAY,GAAG,MAAM,EAAW;;AAGxB,IAAA,eAAe,GAAQ,MAAK,GAAG;AAC/B,IAAA,cAAc,GAAQ,MAAK,GAAG;AAEtC;;;AAGG;AACH,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC;AAEhC;;;AAGG;AACH,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QAC9B,OAAO,EAAE,CACR,iBAAiB,CAAC;AACjB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,SAAA,CAAC,CACF;AACF,KAAC,CAAC;;AAGF,IAAA,UAAU,CAAC,GAAQ,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;;AAGpB,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE;;AAG1B,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACxB,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;;AAGzB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;;AAG9B;;;AAGG;IACH,YAAY,GAAA;QACX,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;AAGrC;;;AAGG;IACH,UAAU,GAAA;QACT,IAAI,CAAC,cAAc,EAAE;;uGAvFV,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAVlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,iBAAiB;AAC9B,gBAAA,KAAK,EAAE,IAAI;AACX,aAAA;SACD,EClFF,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wTAYA,2CD+DW,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAWT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EACd,OAAA,EAAA,CAAC,WAAW,CAAC,EACX,SAAA,EAAA;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAmB,iBAAA;AAC9B,4BAAA,KAAK,EAAE,IAAI;AACX,yBAAA;qBACD,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wTAAA,EAAA;;;AEpFhD;;AAEG;;;;"}