@qualcomm-ui/angular 1.15.1 → 1.16.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.
@@ -1,13 +1,13 @@
1
1
  import * as _qualcomm_ui_qds_core_checkbox from '@qualcomm-ui/qds-core/checkbox';
2
2
  import { QdsCheckboxApi, QdsCheckboxApiProps, QdsCheckboxSize } from '@qualcomm-ui/qds-core/checkbox';
3
- import { CoreCheckboxControlDirective, CoreCheckboxErrorTextDirective, CoreCheckboxHiddenInputDirective, CoreCheckboxIndicatorDirective, CoreCheckboxLabelDirective, CoreCheckboxRootDirective } from '@qualcomm-ui/angular-core/checkbox';
3
+ import { CoreCheckboxControlDirective, CoreCheckboxErrorTextDirective, CoreCheckboxHintDirective, CoreCheckboxHiddenInputDirective, CoreCheckboxIndicatorDirective, CoreCheckboxLabelDirective, CoreCheckboxRootDirective } from '@qualcomm-ui/angular-core/checkbox';
4
4
  import * as i0 from '@angular/core';
5
5
  import { LucideIconOrString } from '@qualcomm-ui/angular-core/lucide';
6
6
  import { SignalifyInput } from '@qualcomm-ui/angular-core/signals';
7
7
  import * as _qualcomm_ui_angular_core_machine from '@qualcomm-ui/angular-core/machine';
8
8
  import { BaseApiContextService } from '@qualcomm-ui/angular-core/machine';
9
- import * as i9 from '@qualcomm-ui/angular/icon';
10
- import * as i10 from '@qualcomm-ui/angular/checkmark';
9
+ import * as i10 from '@qualcomm-ui/angular/icon';
10
+ import * as i11 from '@qualcomm-ui/angular/checkmark';
11
11
 
12
12
  /**
13
13
  * Visual control that wraps the checkbox indicator.
@@ -35,6 +35,16 @@ declare class CheckboxErrorTextComponent extends CoreCheckboxErrorTextDirective
35
35
  static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxErrorTextComponent, "[q-checkbox-error-text]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
36
36
  }
37
37
 
38
+ /**
39
+ * Hint text displayed below the checkbox.
40
+ */
41
+ declare class CheckboxHintDirective extends CoreCheckboxHintDirective {
42
+ protected readonly qdsCheckboxContext: () => _qualcomm_ui_qds_core_checkbox.QdsCheckboxApi;
43
+ constructor();
44
+ static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxHintDirective, never>;
45
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxHintDirective, "[q-checkbox-hint]", never, {}, {}, never, never, false, never>;
46
+ }
47
+
38
48
  /**
39
49
  * Hidden input element used for accessibility and form submissions. Note: do not
40
50
  * apply form control bindings like `ngModel` or `formControl` to this element.
@@ -107,6 +117,20 @@ declare class CheckboxComponent extends CheckboxRootDirective {
107
117
  * ```
108
118
  */
109
119
  readonly errorText: i0.InputSignal<string | undefined>;
120
+ /**
121
+ * Optional hint text displayed below the checkbox. Hints are hidden when the
122
+ * checkbox is invalid.
123
+ *
124
+ * @remarks
125
+ * To customize the element, provide it using the directive instead:
126
+ *
127
+ * ```angular-html
128
+ * <label q-checkbox>
129
+ * <div q-checkbox-hint>...</div>
130
+ * </label>
131
+ * ```
132
+ */
133
+ readonly hint: i0.InputSignal<string | undefined>;
110
134
  /**
111
135
  * Optional label describing the checkbox. This element is automatically
112
136
  * associated with the checkbox for accessibility. If omitted, you should provide
@@ -124,14 +148,14 @@ declare class CheckboxComponent extends CheckboxRootDirective {
124
148
  */
125
149
  readonly label: i0.InputSignal<string | undefined>;
126
150
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
127
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "[q-checkbox]", never, { "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["[q-checkbox-hidden-input]", "[q-checkbox-control]", "[q-checkbox-label]", "[q-checkbox-error-text]"], false, never>;
151
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "[q-checkbox]", never, { "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["[q-checkbox-hidden-input]", "[q-checkbox-control]", "[q-checkbox-label]", "[q-checkbox-error-text]", "[q-checkbox-hint]"], false, never>;
128
152
  }
129
153
 
130
154
  declare class CheckboxModule {
131
155
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxModule, never>;
132
- static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, [typeof CheckboxComponent, typeof CheckboxRootDirective, typeof CheckboxControlComponent, typeof CheckboxLabelDirective, typeof CheckboxHiddenInputDirective, typeof CheckboxIndicatorComponent, typeof CheckboxErrorTextComponent], [typeof _qualcomm_ui_angular_core_machine.QBindDirective, typeof i9.IconDirective, typeof i10.CheckmarkIconComponent], [typeof CheckboxComponent, typeof CheckboxRootDirective, typeof CheckboxControlComponent, typeof CheckboxLabelDirective, typeof CheckboxHiddenInputDirective, typeof CheckboxIndicatorComponent, typeof CheckboxErrorTextComponent]>;
156
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, [typeof CheckboxComponent, typeof CheckboxRootDirective, typeof CheckboxControlComponent, typeof CheckboxLabelDirective, typeof CheckboxHiddenInputDirective, typeof CheckboxHintDirective, typeof CheckboxIndicatorComponent, typeof CheckboxErrorTextComponent], [typeof _qualcomm_ui_angular_core_machine.QBindDirective, typeof i10.IconDirective, typeof i11.CheckmarkIconComponent], [typeof CheckboxComponent, typeof CheckboxRootDirective, typeof CheckboxControlComponent, typeof CheckboxLabelDirective, typeof CheckboxHiddenInputDirective, typeof CheckboxHintDirective, typeof CheckboxIndicatorComponent, typeof CheckboxErrorTextComponent]>;
133
157
  static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxModule>;
134
158
  }
135
159
 
136
- export { CheckboxComponent, CheckboxControlComponent, CheckboxErrorTextComponent, CheckboxHiddenInputDirective, CheckboxIndicatorComponent, CheckboxLabelDirective, CheckboxModule, CheckboxRootDirective, QDS_CHECKBOX_CONTEXT, QdsCheckboxContextService, provideQdsCheckboxContext, useQdsCheckboxContext };
160
+ export { CheckboxComponent, CheckboxControlComponent, CheckboxErrorTextComponent, CheckboxHiddenInputDirective, CheckboxHintDirective, CheckboxIndicatorComponent, CheckboxLabelDirective, CheckboxModule, CheckboxRootDirective, QDS_CHECKBOX_CONTEXT, QdsCheckboxContextService, provideQdsCheckboxContext, useQdsCheckboxContext };
137
161
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../../src/checkbox/checkbox-control.component.ts","../../src/checkbox/checkbox-error-text.component.ts","../../src/checkbox/checkbox-hidden-input.directive.ts","../../src/checkbox/checkbox-indicator.component.ts","../../src/checkbox/checkbox-label.directive.ts","../../src/checkbox/qds-checkbox-context.service.ts","../../src/checkbox/checkbox-root.directive.ts","../../src/checkbox/checkbox.component.ts","../../src/checkbox/checkbox.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["_angular_core"],"mappings":";;;;;;;;;;;AASA;;AAEG;AACH,cAAA,wBAAA,SAAA,4BAAA;AAUE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACnBD;;AAEG;AACH,cAAA,0BAAA,SAAA,8BAAA;AASE;;;;AAIG;mBACUA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEb,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;AC5BD;;;;AAIG;AACH,cAAA,4BAAA,SAAA,gCAAA;AAKE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAWtC;;ACtBD;;;AAGG;AACH,cAAA,0BAAA,SAAA,8BAAA;AAaE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACzBD;;AAEG;AACH,cAAA,sBAAA,SAAA,0BAAA;AAKE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACbD,cAAA,yBAAA,SAAA,qBAAA,CAAA,cAAA;;;AACuF;AAEvF,cAAA,oBAAA,EACsBA,EAAA,CAAA,cAAA,OAAA,cAAA;AAAA,cACpB,iEAAqB,iCAAA,CAAA,cAAA,0DAAA,cAAA,iBAAA,cAAA;AAAA,cACrB;;ACIF;;AAEG;AACH,cAAA,qBAAA,SAAA,yBAAA,YAAA,cAAA,CAAA,mBAAA;AASE;;;;AAIG;mBACUA,EAAA,CAAA,WAAA,CAAA,eAAA;;;;;AAed;;AC5CD,cAAA,iBAAA,SAAA,qBAAA;AA+BE;;;;;;;;;;;;AAYG;wBACeA,EAAA,CAAA,WAAA;AAElB;;;;;;;;;;;;;;AAcG;oBACWA,EAAA,CAAA,WAAA;;;AACf;;ACvDD,cAAA,cAAA;;;;AAqB8B;;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../../src/checkbox/checkbox-control.component.ts","../../src/checkbox/checkbox-error-text.component.ts","../../src/checkbox/checkbox-hint.directive.ts","../../src/checkbox/checkbox-hidden-input.directive.ts","../../src/checkbox/checkbox-indicator.component.ts","../../src/checkbox/checkbox-label.directive.ts","../../src/checkbox/qds-checkbox-context.service.ts","../../src/checkbox/checkbox-root.directive.ts","../../src/checkbox/checkbox.component.ts","../../src/checkbox/checkbox.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["_angular_core"],"mappings":";;;;;;;;;;;AASA;;AAEG;AACH,cAAA,wBAAA,SAAA,4BAAA;AAUE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACnBD;;AAEG;AACH,cAAA,0BAAA,SAAA,8BAAA;AASE;;;;AAIG;mBACUA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEb,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;AC7BD;;AAEG;AACH,cAAA,qBAAA,SAAA,yBAAA;AAKE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACfD;;;;AAIG;AACH,cAAA,4BAAA,SAAA,gCAAA;AAKE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAWtC;;ACtBD;;;AAGG;AACH,cAAA,0BAAA,SAAA,8BAAA;AAaE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACzBD;;AAEG;AACH,cAAA,sBAAA,SAAA,0BAAA;AAKE,iDAAqC,8BAAA,CAAA,cAAA;;;;AAQtC;;ACbD,cAAA,yBAAA,SAAA,qBAAA,CAAA,cAAA;;;AACuF;AAEvF,cAAA,oBAAA,EACsBA,EAAA,CAAA,cAAA,OAAA,cAAA;AAAA,cACpB,iEAAqB,iCAAA,CAAA,cAAA,0DAAA,cAAA,iBAAA,cAAA;AAAA,cACrB;;ACIF;;AAEG;AACH,cAAA,qBAAA,SAAA,yBAAA,YAAA,cAAA,CAAA,mBAAA;AASE;;;;AAIG;mBACUA,EAAA,CAAA,WAAA,CAAA,eAAA;;;;;AAed;;AC5CD,cAAA,iBAAA,SAAA,qBAAA;AAsCE;;;;;;;;;;;;AAYG;wBACeA,EAAA,CAAA,WAAA;AAElB;;;;;;;;;;;;AAYG;mBACUA,EAAA,CAAA,WAAA;AAEb;;;;;;;;;;;;;;AAcG;oBACWA,EAAA,CAAA,WAAA;;;AACf;;AC5ED,cAAA,cAAA;;;;AAuB8B;;;;"}
@@ -1,6 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Injectable, computed, Component, input, Directive, inject, NgModule } from '@angular/core';
3
- import { CoreCheckboxIndicatorDirective, CoreCheckboxControlDirective, CoreCheckboxErrorTextDirective, CoreCheckboxHiddenInputDirective, CoreCheckboxLabelDirective, CoreCheckboxRootDirective, provideCheckboxContext } from '@qualcomm-ui/angular-core/checkbox';
3
+ import { CoreCheckboxIndicatorDirective, CoreCheckboxControlDirective, CoreCheckboxErrorTextDirective, CoreCheckboxHintDirective, CoreCheckboxHiddenInputDirective, CoreCheckboxLabelDirective, CoreCheckboxRootDirective, provideCheckboxContext } from '@qualcomm-ui/angular-core/checkbox';
4
4
  import { BaseApiContextService, createApiContext, normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
5
5
  import * as i1 from '@qualcomm-ui/angular/checkmark';
6
6
  import { CheckmarkIconComponent } from '@qualcomm-ui/angular/checkmark';
@@ -125,6 +125,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
125
125
  }]
126
126
  }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
127
127
 
128
+ // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
129
+ // SPDX-License-Identifier: BSD-3-Clause-Clear
130
+ /**
131
+ * Hint text displayed below the checkbox.
132
+ */
133
+ class CheckboxHintDirective extends CoreCheckboxHintDirective {
134
+ qdsCheckboxContext = useQdsCheckboxContext();
135
+ constructor() {
136
+ super();
137
+ this.trackBindings.extendWith(computed(() => this.qdsCheckboxContext().getHintBindings()));
138
+ }
139
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
140
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CheckboxHintDirective, isStandalone: false, selector: "[q-checkbox-hint]", usesInheritance: true, ngImport: i0 });
141
+ }
142
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxHintDirective, decorators: [{
143
+ type: Directive,
144
+ args: [{
145
+ selector: "[q-checkbox-hint]",
146
+ standalone: false,
147
+ }]
148
+ }], ctorParameters: () => [] });
149
+
128
150
  // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
129
151
  // SPDX-License-Identifier: BSD-3-Clause-Clear
130
152
  /**
@@ -221,6 +243,20 @@ class CheckboxComponent extends CheckboxRootDirective {
221
243
  * ```
222
244
  */
223
245
  errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
246
+ /**
247
+ * Optional hint text displayed below the checkbox. Hints are hidden when the
248
+ * checkbox is invalid.
249
+ *
250
+ * @remarks
251
+ * To customize the element, provide it using the directive instead:
252
+ *
253
+ * ```angular-html
254
+ * <label q-checkbox>
255
+ * <div q-checkbox-hint>...</div>
256
+ * </label>
257
+ * ```
258
+ */
259
+ hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
224
260
  /**
225
261
  * Optional label describing the checkbox. This element is automatically
226
262
  * associated with the checkbox for accessibility. If omitted, you should provide
@@ -238,7 +274,7 @@ class CheckboxComponent extends CheckboxRootDirective {
238
274
  */
239
275
  label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
240
276
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
241
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CheckboxComponent, isStandalone: false, selector: "[q-checkbox]", inputs: { errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideCheckboxContext(), provideQdsCheckboxContext()], usesInheritance: true, ngImport: i0, template: `
277
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CheckboxComponent, isStandalone: false, selector: "[q-checkbox]", inputs: { errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideCheckboxContext(), provideQdsCheckboxContext()], usesInheritance: true, ngImport: i0, template: `
242
278
  <ng-content select="[q-checkbox-hidden-input]">
243
279
  <input q-checkbox-hidden-input />
244
280
  </ng-content>
@@ -262,7 +298,14 @@ class CheckboxComponent extends CheckboxRootDirective {
262
298
  </div>
263
299
  }
264
300
  </ng-content>
265
- `, isInline: true, dependencies: [{ kind: "component", type: CheckboxControlComponent, selector: "[q-checkbox-control]" }, { kind: "directive", type: CheckboxLabelDirective, selector: "[q-checkbox-label]" }, { kind: "directive", type: CheckboxHiddenInputDirective, selector: "input[q-checkbox-hidden-input]" }, { kind: "component", type: CheckboxIndicatorComponent, selector: "[q-checkbox-indicator]" }, { kind: "component", type: CheckboxErrorTextComponent, selector: "[q-checkbox-error-text]", inputs: ["icon"] }] });
301
+ <ng-content select="[q-checkbox-hint]">
302
+ @if (hint()) {
303
+ <div q-checkbox-hint>
304
+ {{ hint() }}
305
+ </div>
306
+ }
307
+ </ng-content>
308
+ `, isInline: true, dependencies: [{ kind: "component", type: CheckboxControlComponent, selector: "[q-checkbox-control]" }, { kind: "directive", type: CheckboxLabelDirective, selector: "[q-checkbox-label]" }, { kind: "directive", type: CheckboxHiddenInputDirective, selector: "input[q-checkbox-hidden-input]" }, { kind: "directive", type: CheckboxHintDirective, selector: "[q-checkbox-hint]" }, { kind: "component", type: CheckboxIndicatorComponent, selector: "[q-checkbox-indicator]" }, { kind: "component", type: CheckboxErrorTextComponent, selector: "[q-checkbox-error-text]", inputs: ["icon"] }] });
266
309
  }
267
310
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxComponent, decorators: [{
268
311
  type: Component,
@@ -294,9 +337,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
294
337
  </div>
295
338
  }
296
339
  </ng-content>
340
+ <ng-content select="[q-checkbox-hint]">
341
+ @if (hint()) {
342
+ <div q-checkbox-hint>
343
+ {{ hint() }}
344
+ </div>
345
+ }
346
+ </ng-content>
297
347
  `,
298
348
  }]
299
- }], propDecorators: { errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
349
+ }], propDecorators: { errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
300
350
 
301
351
  // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
302
352
  // SPDX-License-Identifier: BSD-3-Clause-Clear
@@ -307,12 +357,14 @@ class CheckboxModule {
307
357
  CheckboxControlComponent,
308
358
  CheckboxLabelDirective,
309
359
  CheckboxHiddenInputDirective,
360
+ CheckboxHintDirective,
310
361
  CheckboxIndicatorComponent,
311
362
  CheckboxErrorTextComponent], imports: [QBindDirective, IconDirective, CheckmarkIconComponent], exports: [CheckboxComponent,
312
363
  CheckboxRootDirective,
313
364
  CheckboxControlComponent,
314
365
  CheckboxLabelDirective,
315
366
  CheckboxHiddenInputDirective,
367
+ CheckboxHintDirective,
316
368
  CheckboxIndicatorComponent,
317
369
  CheckboxErrorTextComponent] });
318
370
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxModule, imports: [CheckmarkIconComponent] });
@@ -326,6 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
326
378
  CheckboxControlComponent,
327
379
  CheckboxLabelDirective,
328
380
  CheckboxHiddenInputDirective,
381
+ CheckboxHintDirective,
329
382
  CheckboxIndicatorComponent,
330
383
  CheckboxErrorTextComponent,
331
384
  ],
@@ -335,6 +388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
335
388
  CheckboxControlComponent,
336
389
  CheckboxLabelDirective,
337
390
  CheckboxHiddenInputDirective,
391
+ CheckboxHintDirective,
338
392
  CheckboxIndicatorComponent,
339
393
  CheckboxErrorTextComponent,
340
394
  ],
@@ -346,5 +400,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
346
400
  * Generated bundle index. Do not edit.
347
401
  */
348
402
 
349
- export { CheckboxComponent, CheckboxControlComponent, CheckboxErrorTextComponent, CheckboxHiddenInputDirective, CheckboxIndicatorComponent, CheckboxLabelDirective, CheckboxModule, CheckboxRootDirective, QDS_CHECKBOX_CONTEXT, QdsCheckboxContextService, provideQdsCheckboxContext, useQdsCheckboxContext };
403
+ export { CheckboxComponent, CheckboxControlComponent, CheckboxErrorTextComponent, CheckboxHiddenInputDirective, CheckboxHintDirective, CheckboxIndicatorComponent, CheckboxLabelDirective, CheckboxModule, CheckboxRootDirective, QDS_CHECKBOX_CONTEXT, QdsCheckboxContextService, provideQdsCheckboxContext, useQdsCheckboxContext };
350
404
  //# sourceMappingURL=qualcomm-ui-angular-checkbox.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"qualcomm-ui-angular-checkbox.mjs","sources":["../../src/checkbox/qds-checkbox-context.service.ts","../../src/checkbox/checkbox-indicator.component.ts","../../src/checkbox/checkbox-control.component.ts","../../src/checkbox/checkbox-error-text.component.ts","../../src/checkbox/checkbox-hidden-input.directive.ts","../../src/checkbox/checkbox-label.directive.ts","../../src/checkbox/checkbox-root.directive.ts","../../src/checkbox/checkbox.component.ts","../../src/checkbox/checkbox.module.ts","../../src/checkbox/qualcomm-ui-angular-checkbox.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n type ApiContext,\n BaseApiContextService,\n createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsCheckboxApi} from \"@qualcomm-ui/qds-core/checkbox\"\n\n@Injectable()\nexport class QdsCheckboxContextService extends BaseApiContextService<QdsCheckboxApi> {}\n\nexport const [\n QDS_CHECKBOX_CONTEXT,\n useQdsCheckboxContext,\n provideQdsCheckboxContext,\n]: ApiContext<QdsCheckboxApi> = createApiContext<QdsCheckboxApi>(\n \"QdsCheckboxContext\",\n QdsCheckboxContextService,\n)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreCheckboxIndicatorDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Visual indicator rendered within the control that displays the checkbox state\n * (checked, indeterminate, or unchecked).\n */\n@Component({\n selector: \"[q-checkbox-indicator]\",\n standalone: false,\n template: `\n <ng-content>\n <q-checkmark-icon\n [indeterminate]=\"checkboxContext().indeterminate\"\n [size]=\"qdsCheckboxContext().size\"\n />\n </ng-content>\n `,\n})\nexport class CheckboxIndicatorComponent extends CoreCheckboxIndicatorDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getIndicatorBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreCheckboxControlDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Visual control that wraps the checkbox indicator.\n */\n@Component({\n selector: \"[q-checkbox-control]\",\n standalone: false,\n template: `\n <ng-content>\n <div q-checkbox-indicator></div>\n </ng-content>\n `,\n})\nexport class CheckboxControlComponent extends CoreCheckboxControlDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getControlBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input} from \"@angular/core\"\nimport {CircleAlert} from \"lucide-angular\"\n\nimport {CoreCheckboxErrorTextDirective} from \"@qualcomm-ui/angular-core/checkbox\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Error message displayed when the checkbox is invalid.\n */\n@Component({\n selector: \"[q-checkbox-error-text]\",\n standalone: false,\n template: `\n <svg [qIcon]=\"icon()!\" />\n <ng-content />\n `,\n})\nexport class CheckboxErrorTextComponent extends CoreCheckboxErrorTextDirective {\n /**\n * Error indicator icon.\n *\n * @default CircleAlert\n */\n readonly icon = input<LucideIconOrString>(CircleAlert)\n\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getErrorTextBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreCheckboxHiddenInputDirective} from \"@qualcomm-ui/angular-core/checkbox\"\nimport {useForbiddenFormControlWarning} from \"@qualcomm-ui/angular-core/forms\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Hidden input element used for accessibility and form submissions. Note: do not\n * apply form control bindings like `ngModel` or `formControl` to this element.\n * Apply them to the root element instead.\n */\n@Directive({\n selector: \"input[q-checkbox-hidden-input]\",\n standalone: false,\n})\nexport class CheckboxHiddenInputDirective extends CoreCheckboxHiddenInputDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n useForbiddenFormControlWarning({\n directive: \"q-checkbox-hidden-input\",\n })\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getHiddenInputBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreCheckboxLabelDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * An accessible label that is automatically associated with the checkbox.\n */\n@Directive({\n selector: \"[q-checkbox-label]\",\n standalone: false,\n})\nexport class CheckboxLabelDirective extends CoreCheckboxLabelDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getLabelBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input} from \"@angular/core\"\n\nimport {\n CoreCheckboxRootDirective,\n provideCheckboxContext,\n} from \"@qualcomm-ui/angular-core/checkbox\"\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n createQdsCheckboxApi,\n type QdsCheckboxApiProps,\n type QdsCheckboxSize,\n} from \"@qualcomm-ui/qds-core/checkbox\"\n\nimport {\n provideQdsCheckboxContext,\n QdsCheckboxContextService,\n} from \"./qds-checkbox-context.service\"\n\n/**\n * Groups all parts of the checkbox.\n */\n@Directive({\n providers: [provideCheckboxContext(), provideQdsCheckboxContext()],\n selector: \"[q-checkbox-root]\",\n standalone: false,\n})\nexport class CheckboxRootDirective\n extends CoreCheckboxRootDirective\n implements SignalifyInput<QdsCheckboxApiProps>\n{\n /**\n * The size of the checkbox and its elements. Governs properties like label font\n * size, control size, and indicator size.\n * @default 'md'\n */\n readonly size = input<QdsCheckboxSize | undefined>()\n\n readonly qdsCheckboxService = inject(QdsCheckboxContextService)\n\n override ngOnInit() {\n super.ngOnInit()\n\n this.qdsCheckboxService.init(\n computed(() => createQdsCheckboxApi({size: this.size()}, normalizeProps)),\n )\n\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxService.context().getRootBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input} from \"@angular/core\"\n\nimport {provideCheckboxContext} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {CheckboxRootDirective} from \"./checkbox-root.directive\"\nimport {provideQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n@Component({\n providers: [provideCheckboxContext(), provideQdsCheckboxContext()],\n selector: \"[q-checkbox]\",\n standalone: false,\n template: `\n <ng-content select=\"[q-checkbox-hidden-input]\">\n <input q-checkbox-hidden-input />\n </ng-content>\n\n <ng-content select=\"[q-checkbox-control]\">\n <div q-checkbox-control>\n <div q-checkbox-indicator></div>\n </div>\n </ng-content>\n <ng-content select=\"[q-checkbox-label]\">\n @if (label()) {\n <span q-checkbox-label>\n {{ label() }}\n </span>\n }\n </ng-content>\n <ng-content select=\"[q-checkbox-error-text]\">\n @if (errorText()) {\n <div q-checkbox-error-text>\n {{ errorText() }}\n </div>\n }\n </ng-content>\n `,\n})\nexport class CheckboxComponent extends CheckboxRootDirective {\n /**\n * Optional error that describes the checkbox when the field is invalid. This\n * element is automatically associated with the checkbox for accessibility.\n *\n * @remarks\n * To customize the element, provide it using the directive instead:\n *\n * ```angular-html\n * <label q-checkbox>\n * <div q-checkbox-error-text>...</div>\n * </label>\n * ```\n */\n readonly errorText = input<string>()\n\n /**\n * Optional label describing the checkbox. This element is automatically\n * associated with the checkbox for accessibility. If omitted, you should provide\n * an `aria-label` or `aria-labelledby` attribute on the `q-checkbox-hidden-input`\n * element.\n *\n * @remarks\n * To customize the element, provide it using the directive instead:\n *\n * ```angular-html\n * <label q-checkbox>\n * <div q-checkbox-label>...</div>\n * </label>\n * ```\n */\n readonly label = input<string | undefined>()\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {CheckmarkIconComponent} from \"@qualcomm-ui/angular/checkmark\"\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {CheckboxControlComponent} from \"./checkbox-control.component\"\nimport {CheckboxErrorTextComponent} from \"./checkbox-error-text.component\"\nimport {CheckboxHiddenInputDirective} from \"./checkbox-hidden-input.directive\"\nimport {CheckboxIndicatorComponent} from \"./checkbox-indicator.component\"\nimport {CheckboxLabelDirective} from \"./checkbox-label.directive\"\nimport {CheckboxRootDirective} from \"./checkbox-root.directive\"\nimport {CheckboxComponent} from \"./checkbox.component\"\n\n@NgModule({\n declarations: [\n CheckboxComponent,\n CheckboxRootDirective,\n CheckboxControlComponent,\n CheckboxLabelDirective,\n CheckboxHiddenInputDirective,\n CheckboxIndicatorComponent,\n CheckboxErrorTextComponent,\n ],\n exports: [\n CheckboxComponent,\n CheckboxRootDirective,\n CheckboxControlComponent,\n CheckboxLabelDirective,\n CheckboxHiddenInputDirective,\n CheckboxIndicatorComponent,\n CheckboxErrorTextComponent,\n ],\n imports: [QBindDirective, IconDirective, CheckmarkIconComponent],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.CheckboxIndicatorComponent","i1","i1.CheckboxControlComponent","i2.CheckboxLabelDirective","i3.CheckboxHiddenInputDirective","i4.CheckboxIndicatorComponent","i5.CheckboxErrorTextComponent"],"mappings":"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"}
1
+ {"version":3,"file":"qualcomm-ui-angular-checkbox.mjs","sources":["../../src/checkbox/qds-checkbox-context.service.ts","../../src/checkbox/checkbox-indicator.component.ts","../../src/checkbox/checkbox-control.component.ts","../../src/checkbox/checkbox-error-text.component.ts","../../src/checkbox/checkbox-hint.directive.ts","../../src/checkbox/checkbox-hidden-input.directive.ts","../../src/checkbox/checkbox-label.directive.ts","../../src/checkbox/checkbox-root.directive.ts","../../src/checkbox/checkbox.component.ts","../../src/checkbox/checkbox.module.ts","../../src/checkbox/qualcomm-ui-angular-checkbox.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n type ApiContext,\n BaseApiContextService,\n createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsCheckboxApi} from \"@qualcomm-ui/qds-core/checkbox\"\n\n@Injectable()\nexport class QdsCheckboxContextService extends BaseApiContextService<QdsCheckboxApi> {}\n\nexport const [\n QDS_CHECKBOX_CONTEXT,\n useQdsCheckboxContext,\n provideQdsCheckboxContext,\n]: ApiContext<QdsCheckboxApi> = createApiContext<QdsCheckboxApi>(\n \"QdsCheckboxContext\",\n QdsCheckboxContextService,\n)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreCheckboxIndicatorDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Visual indicator rendered within the control that displays the checkbox state\n * (checked, indeterminate, or unchecked).\n */\n@Component({\n selector: \"[q-checkbox-indicator]\",\n standalone: false,\n template: `\n <ng-content>\n <q-checkmark-icon\n [indeterminate]=\"checkboxContext().indeterminate\"\n [size]=\"qdsCheckboxContext().size\"\n />\n </ng-content>\n `,\n})\nexport class CheckboxIndicatorComponent extends CoreCheckboxIndicatorDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getIndicatorBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreCheckboxControlDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Visual control that wraps the checkbox indicator.\n */\n@Component({\n selector: \"[q-checkbox-control]\",\n standalone: false,\n template: `\n <ng-content>\n <div q-checkbox-indicator></div>\n </ng-content>\n `,\n})\nexport class CheckboxControlComponent extends CoreCheckboxControlDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getControlBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input} from \"@angular/core\"\nimport {CircleAlert} from \"lucide-angular\"\n\nimport {CoreCheckboxErrorTextDirective} from \"@qualcomm-ui/angular-core/checkbox\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Error message displayed when the checkbox is invalid.\n */\n@Component({\n selector: \"[q-checkbox-error-text]\",\n standalone: false,\n template: `\n <svg [qIcon]=\"icon()!\" />\n <ng-content />\n `,\n})\nexport class CheckboxErrorTextComponent extends CoreCheckboxErrorTextDirective {\n /**\n * Error indicator icon.\n *\n * @default CircleAlert\n */\n readonly icon = input<LucideIconOrString>(CircleAlert)\n\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getErrorTextBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreCheckboxHintDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Hint text displayed below the checkbox.\n */\n@Directive({\n selector: \"[q-checkbox-hint]\",\n standalone: false,\n})\nexport class CheckboxHintDirective extends CoreCheckboxHintDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getHintBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreCheckboxHiddenInputDirective} from \"@qualcomm-ui/angular-core/checkbox\"\nimport {useForbiddenFormControlWarning} from \"@qualcomm-ui/angular-core/forms\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * Hidden input element used for accessibility and form submissions. Note: do not\n * apply form control bindings like `ngModel` or `formControl` to this element.\n * Apply them to the root element instead.\n */\n@Directive({\n selector: \"input[q-checkbox-hidden-input]\",\n standalone: false,\n})\nexport class CheckboxHiddenInputDirective extends CoreCheckboxHiddenInputDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n useForbiddenFormControlWarning({\n directive: \"q-checkbox-hidden-input\",\n })\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getHiddenInputBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreCheckboxLabelDirective} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {useQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n/**\n * An accessible label that is automatically associated with the checkbox.\n */\n@Directive({\n selector: \"[q-checkbox-label]\",\n standalone: false,\n})\nexport class CheckboxLabelDirective extends CoreCheckboxLabelDirective {\n protected readonly qdsCheckboxContext = useQdsCheckboxContext()\n\n constructor() {\n super()\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxContext().getLabelBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input} from \"@angular/core\"\n\nimport {\n CoreCheckboxRootDirective,\n provideCheckboxContext,\n} from \"@qualcomm-ui/angular-core/checkbox\"\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n createQdsCheckboxApi,\n type QdsCheckboxApiProps,\n type QdsCheckboxSize,\n} from \"@qualcomm-ui/qds-core/checkbox\"\n\nimport {\n provideQdsCheckboxContext,\n QdsCheckboxContextService,\n} from \"./qds-checkbox-context.service\"\n\n/**\n * Groups all parts of the checkbox.\n */\n@Directive({\n providers: [provideCheckboxContext(), provideQdsCheckboxContext()],\n selector: \"[q-checkbox-root]\",\n standalone: false,\n})\nexport class CheckboxRootDirective\n extends CoreCheckboxRootDirective\n implements SignalifyInput<QdsCheckboxApiProps>\n{\n /**\n * The size of the checkbox and its elements. Governs properties like label font\n * size, control size, and indicator size.\n * @default 'md'\n */\n readonly size = input<QdsCheckboxSize | undefined>()\n\n readonly qdsCheckboxService = inject(QdsCheckboxContextService)\n\n override ngOnInit() {\n super.ngOnInit()\n\n this.qdsCheckboxService.init(\n computed(() => createQdsCheckboxApi({size: this.size()}, normalizeProps)),\n )\n\n this.trackBindings.extendWith(\n computed(() => this.qdsCheckboxService.context().getRootBindings()),\n )\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input} from \"@angular/core\"\n\nimport {provideCheckboxContext} from \"@qualcomm-ui/angular-core/checkbox\"\n\nimport {CheckboxRootDirective} from \"./checkbox-root.directive\"\nimport {provideQdsCheckboxContext} from \"./qds-checkbox-context.service\"\n\n@Component({\n providers: [provideCheckboxContext(), provideQdsCheckboxContext()],\n selector: \"[q-checkbox]\",\n standalone: false,\n template: `\n <ng-content select=\"[q-checkbox-hidden-input]\">\n <input q-checkbox-hidden-input />\n </ng-content>\n\n <ng-content select=\"[q-checkbox-control]\">\n <div q-checkbox-control>\n <div q-checkbox-indicator></div>\n </div>\n </ng-content>\n <ng-content select=\"[q-checkbox-label]\">\n @if (label()) {\n <span q-checkbox-label>\n {{ label() }}\n </span>\n }\n </ng-content>\n <ng-content select=\"[q-checkbox-error-text]\">\n @if (errorText()) {\n <div q-checkbox-error-text>\n {{ errorText() }}\n </div>\n }\n </ng-content>\n <ng-content select=\"[q-checkbox-hint]\">\n @if (hint()) {\n <div q-checkbox-hint>\n {{ hint() }}\n </div>\n }\n </ng-content>\n `,\n})\nexport class CheckboxComponent extends CheckboxRootDirective {\n /**\n * Optional error that describes the checkbox when the field is invalid. This\n * element is automatically associated with the checkbox for accessibility.\n *\n * @remarks\n * To customize the element, provide it using the directive instead:\n *\n * ```angular-html\n * <label q-checkbox>\n * <div q-checkbox-error-text>...</div>\n * </label>\n * ```\n */\n readonly errorText = input<string>()\n\n /**\n * Optional hint text displayed below the checkbox. Hints are hidden when the\n * checkbox is invalid.\n *\n * @remarks\n * To customize the element, provide it using the directive instead:\n *\n * ```angular-html\n * <label q-checkbox>\n * <div q-checkbox-hint>...</div>\n * </label>\n * ```\n */\n readonly hint = input<string>()\n\n /**\n * Optional label describing the checkbox. This element is automatically\n * associated with the checkbox for accessibility. If omitted, you should provide\n * an `aria-label` or `aria-labelledby` attribute on the `q-checkbox-hidden-input`\n * element.\n *\n * @remarks\n * To customize the element, provide it using the directive instead:\n *\n * ```angular-html\n * <label q-checkbox>\n * <div q-checkbox-label>...</div>\n * </label>\n * ```\n */\n readonly label = input<string | undefined>()\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {CheckmarkIconComponent} from \"@qualcomm-ui/angular/checkmark\"\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {CheckboxControlComponent} from \"./checkbox-control.component\"\nimport {CheckboxErrorTextComponent} from \"./checkbox-error-text.component\"\nimport {CheckboxHiddenInputDirective} from \"./checkbox-hidden-input.directive\"\nimport {CheckboxHintDirective} from \"./checkbox-hint.directive\"\nimport {CheckboxIndicatorComponent} from \"./checkbox-indicator.component\"\nimport {CheckboxLabelDirective} from \"./checkbox-label.directive\"\nimport {CheckboxRootDirective} from \"./checkbox-root.directive\"\nimport {CheckboxComponent} from \"./checkbox.component\"\n\n@NgModule({\n declarations: [\n CheckboxComponent,\n CheckboxRootDirective,\n CheckboxControlComponent,\n CheckboxLabelDirective,\n CheckboxHiddenInputDirective,\n CheckboxHintDirective,\n CheckboxIndicatorComponent,\n CheckboxErrorTextComponent,\n ],\n exports: [\n CheckboxComponent,\n CheckboxRootDirective,\n CheckboxControlComponent,\n CheckboxLabelDirective,\n CheckboxHiddenInputDirective,\n CheckboxHintDirective,\n CheckboxIndicatorComponent,\n CheckboxErrorTextComponent,\n ],\n imports: [QBindDirective, IconDirective, CheckmarkIconComponent],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.CheckboxIndicatorComponent","i1","i1.CheckboxControlComponent","i2.CheckboxLabelDirective","i3.CheckboxHiddenInputDirective","i4.CheckboxHintDirective","i5.CheckboxIndicatorComponent","i6.CheckboxErrorTextComponent"],"mappings":";;;;;;;;;;;;AAAA;AACA;AAYM,MAAO,yBAA0B,SAAQ,qBAAqC,CAAA;wGAAvE,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAAzB,yBAAyB,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBADrC;;AAGM,MAAM,CACX,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EAC1B,GAA+B,gBAAgB,CAC9C,oBAAoB,EACpB,yBAAyB;;ACrB3B;AACA;AAQA;;;AAGG;AAaG,MAAO,0BAA2B,SAAQ,8BAA8B,CAAA;IACzD,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACjE;IACH;wGARW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT3B;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAZtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;;;;;AAOT,EAAA,CAAA;AACF,iBAAA;;;ACxBD;AACA;AAQA;;AAEG;AAUG,MAAO,wBAAyB,SAAQ,4BAA4B,CAAA;IACrD,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAC/D;IACH;wGARW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANzB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,0BAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,CAAA;;4FAEU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACF,iBAAA;;;ACpBD;AACA;AAUA;;AAEG;AASG,MAAO,0BAA2B,SAAQ,8BAA8B,CAAA;AAC5E;;;;AAIG;AACM,IAAA,IAAI,GAAG,KAAK,CAAqB,WAAW,gDAAC;IAEnC,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACjE;IACH;wGAfW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,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,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAL3B;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;AAGT,EAAA,CAAA;AACF,iBAAA;;;ACrBD;AACA;AAQA;;AAEG;AAKG,MAAO,qBAAsB,SAAQ,yBAAyB,CAAA;IAC/C,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,eAAe,EAAE,CAAC,CAC5D;IACH;wGARW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;ACfD;AACA;AASA;;;;AAIG;AAKG,MAAO,4BAA6B,SAAQ,gCAAgC,CAAA;IAC7D,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,8BAA8B,CAAC;AAC7B,YAAA,SAAS,EAAE,yBAAyB;AACrC,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,sBAAsB,EAAE,CAAC,CACnE;IACH;wGAXW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA5B,4BAA4B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;AClBD;AACA;AAQA;;AAEG;AAKG,MAAO,sBAAuB,SAAQ,0BAA0B,CAAA;IACjD,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAC7D;IACH;wGARW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;ACfD;AACA;AAqBA;;AAEG;AAMG,MAAO,qBACX,SAAQ,yBAAyB,CAAA;AAGjC;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA+B;AAE3C,IAAA,kBAAkB,GAAG,MAAM,CAAC,yBAAyB,CAAC;IAEtD,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE;QAEhB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAC1B,QAAQ,CAAC,MAAM,oBAAoB,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAC,EAAE,cAAc,CAAC,CAAC,CAC1E;QAED,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC,CACpE;IACH;wGAvBW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,kMAJrB,CAAC,sBAAsB,EAAE,EAAE,yBAAyB,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAIvD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,yBAAyB,EAAE,CAAC;AAClE,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;AC7BD;AACA;AA8CM,MAAO,iBAAkB,SAAQ,qBAAqB,CAAA;AAC1D;;;;;;;;;;;;AAYG;IACM,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEpC;;;;;;;;;;;;AAYG;IACM,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B;;;;;;;;;;;;;;AAcG;IACM,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAsB;wGA9CjC,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjB,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,EAAA,SAAA,EApCjB,CAAC,sBAAsB,EAAE,EAAE,yBAAyB,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,wBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,4BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,0BAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,0BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBArC7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,yBAAyB,EAAE,CAAC;AAClE,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BT,EAAA,CAAA;AACF,iBAAA;;;AC9CD;AACA;MAwCa,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBArBvB,iBAAiB;YACjB,qBAAqB;YACrB,wBAAwB;YACxB,sBAAsB;YACtB,4BAA4B;YAC5B,qBAAqB;YACrB,0BAA0B;AAC1B,YAAA,0BAA0B,aAYlB,cAAc,EAAE,aAAa,EAAE,sBAAsB,aAT7D,iBAAiB;YACjB,qBAAqB;YACrB,wBAAwB;YACxB,sBAAsB;YACtB,4BAA4B;YAC5B,qBAAqB;YACrB,0BAA0B;YAC1B,0BAA0B,CAAA,EAAA,CAAA;AAIjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAFgB,sBAAsB,CAAA,EAAA,CAAA;;4FAEpD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAvB1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,qBAAqB;wBACrB,wBAAwB;wBACxB,sBAAsB;wBACtB,4BAA4B;wBAC5B,qBAAqB;wBACrB,0BAA0B;wBAC1B,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB,wBAAwB;wBACxB,sBAAsB;wBACtB,4BAA4B;wBAC5B,qBAAqB;wBACrB,0BAA0B;wBAC1B,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,sBAAsB,CAAC;AACjE,iBAAA;;;ACxCD;;AAEG;;;;"}
@@ -1,9 +1,9 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Injectable, computed, Component, input, Directive, inject, NgModule } from '@angular/core';
3
- import { CoreNumberInputDecrementTriggerDirective, CoreNumberInputIncrementTriggerDirective, CoreNumberInputControlDirective, CoreNumberInputErrorIndicatorDirective, CoreNumberInputErrorTextDirective, CoreNumberInputHintDirective, CoreNumberInputInputGroupDirective, CoreNumberInputInputDirective, CoreNumberInputLabelDirective, CoreNumberInputRootDirective, provideNumberInputContext } from '@qualcomm-ui/angular-core/number-input';
3
+ import { CoreNumberInputDecrementTriggerDirective, CoreNumberInputIncrementTriggerDirective, CoreNumberInputControlDirective, CoreNumberInputErrorIndicatorDirective, CoreNumberInputErrorTextDirective, CoreNumberInputHintDirective, CoreNumberInputInputGroupDirective, CoreNumberInputInputDirective, CoreNumberInputLabelDirective, CoreNumberInputRootDirective, provideNumberInputContext, useNumberInputContext } from '@qualcomm-ui/angular-core/number-input';
4
4
  import * as i2 from '@qualcomm-ui/angular-core/machine';
5
5
  import { BaseApiContextService, createApiContext, normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
6
- import { Minus, Plus, CircleAlert, Asterisk } from 'lucide-angular';
6
+ import { Minus, Plus, CircleAlert, Asterisk, ChevronUp, ChevronDown } from 'lucide-angular';
7
7
  import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
8
8
  import * as i1 from '@qualcomm-ui/angular/transitions';
9
9
  import { QuiPreloadDirective } from '@qualcomm-ui/angular/transitions';
@@ -15,6 +15,13 @@ import * as i1$1 from '@qualcomm-ui/angular/input';
15
15
  import { useInputErrorIndicator, useQdsInputContext, useInputGroup, QdsInputContextService, provideQdsInputContext, InputStartIconComponent, InputEndIconComponent } from '@qualcomm-ui/angular/input';
16
16
  import { createQdsInputApi } from '@qualcomm-ui/qds-core/input';
17
17
  import { createQdsNumberInputApi } from '@qualcomm-ui/qds-core/number-input';
18
+ import * as i3$1 from '@qualcomm-ui/angular/menu';
19
+ import { QdsMenuContextService, provideQdsMenuContext, MenuModule } from '@qualcomm-ui/angular/menu';
20
+ import { CoreMenuRootDirective, useMenuContext, provideMenuContext, provideMenuTriggerContext, provideMenuMachineContext } from '@qualcomm-ui/angular-core/menu';
21
+ import { providePresenceContext } from '@qualcomm-ui/angular-core/presence';
22
+ import { createQdsMenuApi } from '@qualcomm-ui/qds-core/menu';
23
+ import * as i4 from '@qualcomm-ui/angular-core/portal';
24
+ import { PortalDirective } from '@qualcomm-ui/angular-core/portal';
18
25
 
19
26
  // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
20
27
  // SPDX-License-Identifier: BSD-3-Clause-Clear
@@ -243,6 +250,7 @@ class NumberInputInputGroupDirective extends CoreNumberInputInputGroupDirective
243
250
  }
244
251
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputInputGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
245
252
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: NumberInputInputGroupDirective, isStandalone: false, selector: "[q-number-input-input-group]", usesInheritance: true, ngImport: i0, template: `
253
+ <ng-content select="q-number-input-unit-select" />
246
254
  <ng-content select="[q-input-start-icon]">
247
255
  @if (inputGroupContext().startIcon) {
248
256
  <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
@@ -262,6 +270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
262
270
  selector: "[q-number-input-input-group]",
263
271
  standalone: false,
264
272
  template: `
273
+ <ng-content select="q-number-input-unit-select" />
265
274
  <ng-content select="[q-input-start-icon]">
266
275
  @if (inputGroupContext().startIcon) {
267
276
  <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
@@ -408,6 +417,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
408
417
  }]
409
418
  }], ctorParameters: () => [], propDecorators: { endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }] } });
410
419
 
420
+ // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
421
+ // SPDX-License-Identifier: BSD-3-Clause-Clear
422
+ class NumberInputUnitSelectComponent extends CoreMenuRootDirective {
423
+ numberInputContext = useNumberInputContext();
424
+ qdsNumberInputContext = useQdsNumberInputContext();
425
+ qdsMenuService = inject(QdsMenuContextService);
426
+ menuContext = useMenuContext();
427
+ unitSelectBindings = computed(() => ({
428
+ ...this.numberInputContext().getUnitSelectBindings(),
429
+ ...this.qdsNumberInputContext().getUnitSelectBindings(),
430
+ }), ...(ngDevMode ? [{ debugName: "unitSelectBindings" }] : []));
431
+ selectedLabel = computed(() => {
432
+ const currentValue = this.numberInputContext().unit;
433
+ const opts = this.numberInputContext().unitOptions;
434
+ const selected = opts?.find((opt) => opt.value === currentValue);
435
+ return selected?.label ?? "";
436
+ }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : []));
437
+ onUnitChange(value) {
438
+ if (value) {
439
+ this.numberInputContext().setUnit(value);
440
+ }
441
+ }
442
+ ngOnInit() {
443
+ super.ngOnInit();
444
+ const qdsMenuApi = computed(() => {
445
+ const inputSize = this.qdsNumberInputContext().size;
446
+ const menuSize = inputSize === "lg" ? "md" : inputSize;
447
+ return createQdsMenuApi({ size: menuSize }, normalizeProps);
448
+ }, ...(ngDevMode ? [{ debugName: "qdsMenuApi" }] : []));
449
+ this.qdsMenuService.init(qdsMenuApi);
450
+ }
451
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputUnitSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
452
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: NumberInputUnitSelectComponent, isStandalone: false, selector: "q-number-input-unit-select", providers: [
453
+ provideMenuContext(),
454
+ provideMenuTriggerContext(),
455
+ provideMenuMachineContext(),
456
+ providePresenceContext(),
457
+ provideQdsMenuContext(),
458
+ provideIcons({ ChevronDown, ChevronUp }),
459
+ ], usesInheritance: true, ngImport: i0, template: `
460
+ <button q-menu-trigger [q-bind]="unitSelectBindings()">
461
+ <span>{{ selectedLabel() }}</span>
462
+ <svg
463
+ data-part="chevron"
464
+ size="sm"
465
+ [qIcon]="menuContext().open ? 'ChevronUp' : 'ChevronDown'"
466
+ ></svg>
467
+ </button>
468
+ <ng-template qPortal>
469
+ <div q-menu-positioner>
470
+ <div q-menu-content>
471
+ <div
472
+ q-menu-radio-item-group
473
+ [value]="numberInputContext().unit"
474
+ (valueChange)="onUnitChange($event)"
475
+ >
476
+ @for (
477
+ option of numberInputContext().unitOptions ?? [];
478
+ track option.value
479
+ ) {
480
+ <button q-menu-radio-item [value]="option.value">
481
+ <span q-menu-item-label>
482
+ {{ option.displayText ?? option.label }}
483
+ </span>
484
+ <span q-menu-item-indicator></span>
485
+ </button>
486
+ }
487
+ </div>
488
+ </div>
489
+ </div>
490
+ </ng-template>
491
+ `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i3.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i3$1.MenuContentDirective, selector: "[q-menu-content]" }, { kind: "component", type: i3$1.MenuPositionerComponent, selector: "[q-menu-positioner]" }, { kind: "directive", type: i3$1.MenuTriggerDirective, selector: "[q-menu-trigger]" }, { kind: "directive", type: i3$1.MenuRadioItemDirective, selector: "[q-menu-radio-item]" }, { kind: "component", type: i3$1.MenuItemIndicatorComponent, selector: "[q-menu-item-indicator]" }, { kind: "directive", type: i3$1.MenuRadioItemGroupDirective, selector: "[q-menu-radio-item-group]" }, { kind: "directive", type: i3$1.MenuItemLabelDirective, selector: "[q-menu-item-label]" }, { kind: "directive", type: i4.PortalDirective, selector: "[qPortal]", inputs: ["disabled", "container"] }] });
492
+ }
493
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputUnitSelectComponent, decorators: [{
494
+ type: Component,
495
+ args: [{ providers: [
496
+ provideMenuContext(),
497
+ provideMenuTriggerContext(),
498
+ provideMenuMachineContext(),
499
+ providePresenceContext(),
500
+ provideQdsMenuContext(),
501
+ provideIcons({ ChevronDown, ChevronUp }),
502
+ ], selector: "q-number-input-unit-select", standalone: false, template: `
503
+ <button q-menu-trigger [q-bind]="unitSelectBindings()">
504
+ <span>{{ selectedLabel() }}</span>
505
+ <svg
506
+ data-part="chevron"
507
+ size="sm"
508
+ [qIcon]="menuContext().open ? 'ChevronUp' : 'ChevronDown'"
509
+ ></svg>
510
+ </button>
511
+ <ng-template qPortal>
512
+ <div q-menu-positioner>
513
+ <div q-menu-content>
514
+ <div
515
+ q-menu-radio-item-group
516
+ [value]="numberInputContext().unit"
517
+ (valueChange)="onUnitChange($event)"
518
+ >
519
+ @for (
520
+ option of numberInputContext().unitOptions ?? [];
521
+ track option.value
522
+ ) {
523
+ <button q-menu-radio-item [value]="option.value">
524
+ <span q-menu-item-label>
525
+ {{ option.displayText ?? option.label }}
526
+ </span>
527
+ <span q-menu-item-indicator></span>
528
+ </button>
529
+ }
530
+ </div>
531
+ </div>
532
+ </div>
533
+ </ng-template>
534
+ `, styles: [":host{display:contents}\n"] }]
535
+ }] });
536
+
411
537
  // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
412
538
  // SPDX-License-Identifier: BSD-3-Clause-Clear
413
539
  class NumberInputComponent extends NumberInputRootDirective {
@@ -467,6 +593,9 @@ class NumberInputComponent extends NumberInputRootDirective {
467
593
  }
468
594
  </ng-content>
469
595
  <div q-number-input-input-group>
596
+ @if (unitOptions()?.length) {
597
+ <q-number-input-unit-select />
598
+ }
470
599
  <input q-number-input-input [placeholder]="placeholder()" />
471
600
 
472
601
  <ng-content select="[q-number-input-control]">
@@ -492,7 +621,7 @@ class NumberInputComponent extends NumberInputRootDirective {
492
621
  </div>
493
622
  }
494
623
  </ng-content>
495
- `, isInline: true, dependencies: [{ kind: "component", type: NumberInputControlDirective, selector: "[q-number-input-control]" }, { kind: "directive", type: NumberInputErrorTextDirective, selector: "[q-number-input-error-text]" }, { kind: "directive", type: NumberInputHintDirective, selector: "[q-number-input-hint]" }, { kind: "directive", type: NumberInputInputDirective, selector: "input[q-number-input-input]" }, { kind: "component", type: NumberInputInputGroupDirective, selector: "[q-number-input-input-group]" }, { kind: "component", type: NumberInputLabelDirective, selector: "[q-number-input-label]" }, { kind: "component", type: NumberInputErrorIndicatorDirective, selector: "[q-number-input-error-indicator]", inputs: ["icon"] }] });
624
+ `, isInline: true, dependencies: [{ kind: "component", type: NumberInputControlDirective, selector: "[q-number-input-control]" }, { kind: "directive", type: NumberInputErrorTextDirective, selector: "[q-number-input-error-text]" }, { kind: "directive", type: NumberInputHintDirective, selector: "[q-number-input-hint]" }, { kind: "directive", type: NumberInputInputDirective, selector: "input[q-number-input-input]" }, { kind: "component", type: NumberInputInputGroupDirective, selector: "[q-number-input-input-group]" }, { kind: "component", type: NumberInputLabelDirective, selector: "[q-number-input-label]" }, { kind: "component", type: NumberInputErrorIndicatorDirective, selector: "[q-number-input-error-indicator]", inputs: ["icon"] }, { kind: "component", type: NumberInputUnitSelectComponent, selector: "q-number-input-unit-select" }] });
496
625
  }
497
626
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputComponent, decorators: [{
498
627
  type: Component,
@@ -511,6 +640,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
511
640
  }
512
641
  </ng-content>
513
642
  <div q-number-input-input-group>
643
+ @if (unitOptions()?.length) {
644
+ <q-number-input-unit-select />
645
+ }
514
646
  <input q-number-input-input [placeholder]="placeholder()" />
515
647
 
516
648
  <ng-content select="[q-number-input-control]">
@@ -554,10 +686,13 @@ class NumberInputModule {
554
686
  NumberInputRootDirective,
555
687
  NumberInputDecrementTriggerDirective,
556
688
  NumberInputIncrementTriggerDirective,
689
+ NumberInputUnitSelectComponent,
557
690
  NumberInputComponent], imports: [QBindDirective,
558
691
  IconDirective,
559
692
  InputStartIconComponent,
560
- InputEndIconComponent], exports: [NumberInputControlDirective,
693
+ InputEndIconComponent,
694
+ MenuModule,
695
+ PortalDirective], exports: [NumberInputControlDirective,
561
696
  NumberInputErrorTextDirective,
562
697
  NumberInputHintDirective,
563
698
  NumberInputInputDirective,
@@ -567,9 +702,11 @@ class NumberInputModule {
567
702
  NumberInputRootDirective,
568
703
  NumberInputDecrementTriggerDirective,
569
704
  NumberInputIncrementTriggerDirective,
705
+ NumberInputUnitSelectComponent,
570
706
  NumberInputComponent] });
571
707
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputModule, imports: [InputStartIconComponent,
572
- InputEndIconComponent] });
708
+ InputEndIconComponent,
709
+ MenuModule] });
573
710
  }
574
711
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NumberInputModule, decorators: [{
575
712
  type: NgModule,
@@ -585,6 +722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
585
722
  NumberInputRootDirective,
586
723
  NumberInputDecrementTriggerDirective,
587
724
  NumberInputIncrementTriggerDirective,
725
+ NumberInputUnitSelectComponent,
588
726
  NumberInputComponent,
589
727
  ],
590
728
  exports: [
@@ -598,6 +736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
598
736
  NumberInputRootDirective,
599
737
  NumberInputDecrementTriggerDirective,
600
738
  NumberInputIncrementTriggerDirective,
739
+ NumberInputUnitSelectComponent,
601
740
  NumberInputComponent,
602
741
  ],
603
742
  imports: [
@@ -605,6 +744,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
605
744
  IconDirective,
606
745
  InputStartIconComponent,
607
746
  InputEndIconComponent,
747
+ MenuModule,
748
+ PortalDirective,
608
749
  ],
609
750
  }]
610
751
  }] });
@@ -613,5 +754,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
613
754
  * Generated bundle index. Do not edit.
614
755
  */
615
756
 
616
- export { NumberInputComponent, NumberInputControlDirective, NumberInputDecrementTriggerDirective, NumberInputErrorIndicatorDirective, NumberInputErrorTextDirective, NumberInputHintDirective, NumberInputIncrementTriggerDirective, NumberInputInputDirective, NumberInputInputGroupDirective, NumberInputLabelDirective, NumberInputModule, NumberInputRootDirective, QDS_NUMBER_INPUT_CONTEXT, QdsNumberInputContextService, provideQdsNumberInputContext, useQdsNumberInputContext };
757
+ export { NumberInputComponent, NumberInputControlDirective, NumberInputDecrementTriggerDirective, NumberInputErrorIndicatorDirective, NumberInputErrorTextDirective, NumberInputHintDirective, NumberInputIncrementTriggerDirective, NumberInputInputDirective, NumberInputInputGroupDirective, NumberInputLabelDirective, NumberInputModule, NumberInputRootDirective, NumberInputUnitSelectComponent, QDS_NUMBER_INPUT_CONTEXT, QdsNumberInputContextService, provideQdsNumberInputContext, useQdsNumberInputContext };
617
758
  //# sourceMappingURL=qualcomm-ui-angular-number-input.mjs.map