@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 6.22 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-checkbox-group.mjs","sources":["../../components/checkbox-group/checkbox-group.component.ts","../../components/checkbox-group/synergy-design-system-angular-components-checkbox-group.ts"],"sourcesContent":["// ---------------------------------------------------------------------\n// 🔒 AUTOGENERATED @synergy-design-system/angular wrappers for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\nimport {\n Component,\n ElementRef,\n NgZone,\n Input,\n Output,\n EventEmitter,\n AfterContentInit,\n} from '@angular/core';\nimport type SynCheckboxGroup from '@synergy-design-system/components/components/checkbox-group/checkbox-group.component.js';\n\nimport '@synergy-design-system/components/components/checkbox-group/checkbox-group.js';\n\n/**\n * @summary Checkbox groups are used to group multiple checkboxes together.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-checkbox-group--docs\n * @status stable\n * @since 3.18.0\n *\n * @slot - The default slot where `<syn-checkbox>` and `<syn-switch>` elements are placed.\n * @slot label - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label`\n * attribute.\n * @slot help-text - Text that describes how to use the checkbox group. Alternatively, you can use the `help-text` attribute.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n */\n@Component({\n selector: 'syn-checkbox-group',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynCheckboxGroupComponent {\n public nativeElement: SynCheckboxGroup;\n private _ngZone: NgZone;\n\n constructor(e: ElementRef, ngZone: NgZone) {\n this.nativeElement = e.nativeElement;\n this._ngZone = ngZone;\n }\n\n /**\n* The checkbox group's label.\n* Required for proper accessibility.\nIf you need to display HTML, use the `label` slot instead.\n */\n @Input()\n set label(v: SynCheckboxGroup['label']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.label = v));\n }\n get label(): SynCheckboxGroup['label'] {\n return this.nativeElement.label;\n }\n\n /**\n * The checkbox groups's help text.\n * If you need to display HTML, use the `help-text` slot instead.\n */\n @Input()\n set helpText(v: SynCheckboxGroup['helpText']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.helpText = v));\n }\n get helpText(): SynCheckboxGroup['helpText'] {\n return this.nativeElement.helpText;\n }\n\n /**\n * The checkbox group's size.\n * This size will be applied to all child checkboxes.\n */\n @Input()\n set size(v: SynCheckboxGroup['size']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.size = v));\n }\n get size(): SynCheckboxGroup['size'] {\n return this.nativeElement.size;\n }\n\n /**\n* The layout of the checkbox group.\n* This determines how the checkboxes are displayed.\n\n- `horizontal`: Checkboxes are displayed in a row.\n- `vertical`: Checkboxes are displayed in a column.\n */\n @Input()\n set layout(v: SynCheckboxGroup['layout']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.layout = v));\n }\n get layout(): SynCheckboxGroup['layout'] {\n return this.nativeElement.layout;\n }\n\n /**\n* By default, form controls are associated with the nearest containing `<form>` element.\nThis property allows you to specify the `id` of a `<form>` element to associate all of the slotted checkboxes and radios with.\n\nPlease note that this property does not associate the checkbox group itself with a form, only the slotted checkboxes and radios.\n */\n @Input()\n set form(v: SynCheckboxGroup['form']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.form = v));\n }\n get form(): SynCheckboxGroup['form'] {\n return this.nativeElement.form;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './checkbox-group.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAcA;;;;;;;;;;;;;;;AAeG;MAMU,yBAAyB,CAAA;AAC7B,IAAA,aAAa;AACZ,IAAA,OAAO;IAEf,WAAA,CAAY,CAAa,EAAE,MAAc,EAAA;AACvC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,aAAa;AACpC,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM;IACvB;AAEA;;;;AAIC;IACD,IACI,KAAK,CAAC,CAA4B,EAAA;AACpC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACtE;AACA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK;IACjC;AAEA;;;AAGG;IACH,IACI,QAAQ,CAAC,CAA+B,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;IACzE;AACA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ;IACpC;AAEA;;;AAGG;IACH,IACI,IAAI,CAAC,CAA2B,EAAA;AAClC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACrE;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI;IAChC;AAEA;;;;;;AAMC;IACD,IACI,MAAM,CAAC,CAA6B,EAAA;AACtC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvE;AACA,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM;IAClC;AAEA;;;;;AAKC;IACD,IACI,IAAI,CAAC,CAA2B,EAAA;AAClC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACrE;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI;IAChC;uGAzEW,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,8KAF1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAE1B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACtC,iBAAA;;sBAeE;;sBAYA;;sBAYA;;sBAeA;;sBAcA;;;AC1GH;;AAEG;;;;"}