@qualcomm-ui/angular 1.19.0 → 2.0.0

package/fesm2022/qualcomm-ui-angular-slider.mjs

@@ -11,10 +11,10 @@ import { CommonModule } from '@angular/common';
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class QdsSliderContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsSliderContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsSliderContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSliderContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSliderContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsSliderContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSliderContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_SLIDER_CONTEXT, useQdsSliderContext, provideQdsSliderContext,] = createApiContext("QdsSliderContext", QdsSliderContextService);
@@ -27,10 +27,10 @@ class SliderControlDirective extends CoreSliderControlDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getControlBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderControlDirective, isStandalone: false, selector: "[q-slider-control]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderControlDirective, isStandalone: false, selector: "[q-slider-control]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-control]",
@@ -46,19 +46,19 @@ class SliderErrorTextDirective extends CoreSliderErrorTextDirective {
      *
      * @default CircleAlert
      */
-    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     qdsSliderContext = useQdsSliderContext();
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getErrorTextBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: SliderErrorTextDirective, isStandalone: false, selector: "[q-slider-error-text]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: SliderErrorTextDirective, isStandalone: false, selector: "[q-slider-error-text]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <svg [qIcon]="icon()!" />
     <ng-content />
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderErrorTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderErrorTextDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-slider-error-text]",
@@ -78,10 +78,10 @@ class SliderHiddenInputDirective extends CoreSliderHiddenInputDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getHiddenInputBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderHiddenInputDirective, isStandalone: false, selector: "[q-slider-hidden-input]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderHiddenInputDirective, isStandalone: false, selector: "[q-slider-hidden-input]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderHiddenInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderHiddenInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-hidden-input]",
@@ -97,10 +97,10 @@ class SliderHintDirective extends CoreSliderHintDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getHintBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderHintDirective, isStandalone: false, selector: "[q-slider-hint]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderHintDirective, isStandalone: false, selector: "[q-slider-hint]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderHintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderHintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-hint]",
@@ -116,10 +116,10 @@ class SliderLabelDirective extends CoreSliderLabelDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getLabelBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderLabelDirective, isStandalone: false, selector: "[q-slider-label]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderLabelDirective, isStandalone: false, selector: "[q-slider-label]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-label]",
@@ -135,10 +135,10 @@ class SliderMarkerGroupDirective extends CoreSliderMarkerGroupDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getMarkerGroupBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkerGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderMarkerGroupDirective, isStandalone: false, selector: "[q-slider-marker-group]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkerGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderMarkerGroupDirective, isStandalone: false, selector: "[q-slider-marker-group]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkerGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkerGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-marker-group]",
@@ -154,10 +154,10 @@ class SliderMarkerDirective extends CoreSliderMarkerDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getMarkerBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderMarkerDirective, isStandalone: false, selector: "[q-slider-marker]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderMarkerDirective, isStandalone: false, selector: "[q-slider-marker]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-marker]",
@@ -173,36 +173,32 @@ class SliderMarkersComponent {
      * provided, the component will generate 11 evenly spaced markers based on
      * the `min` and `max` slider values.
      */
-    marks = input([], ...(ngDevMode ? [{ debugName: "marks" }] : []));
+    marks = input([], ...(ngDevMode ? [{ debugName: "marks" }] : /* istanbul ignore next */ []));
     sliderContext = useSliderContext();
     markerValues = computed(() => {
         const marks = this.marks();
         return Array.isArray(marks) && marks.length > 0
             ? marks
             : this.sliderContext().getDefaultMarks();
-    }, ...(ngDevMode ? [{ debugName: "markerValues" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SliderMarkersComponent, isStandalone: false, selector: "q-slider-markers", inputs: { marks: { classPropertyName: "marks", publicName: "marks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "markerValues" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: SliderMarkersComponent, isStandalone: false, selector: "q-slider-markers", inputs: { marks: { classPropertyName: "marks", publicName: "marks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div q-slider-marker-group>
       @for (mark of markerValues(); track mark) {
         <span q-slider-marker [value]="mark">{{ mark }}</span>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: SliderMarkerGroupDirective, selector: "[q-slider-marker-group]" }, { kind: "directive", type: SliderMarkerDirective, selector: "[q-slider-marker]" }] });
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: SliderMarkerGroupDirective, selector: "[q-slider-marker-group]" }, { kind: "directive", type: SliderMarkerDirective, selector: "[q-slider-marker]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMarkersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMarkersComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "q-slider-markers",
-                    standalone: false,
-                    template: `
+            args: [{ selector: "q-slider-markers", standalone: false, template: `
     <div q-slider-marker-group>
       @for (mark of markerValues(); track mark) {
         <span q-slider-marker [value]="mark">{{ mark }}</span>
       }
     </div>
-  `,
-                }]
+  `, styles: [":host{display:contents}\n"] }]
         }], propDecorators: { marks: [{ type: i0.Input, args: [{ isSignal: true, alias: "marks", required: false }] }] } });
 
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
@@ -213,10 +209,10 @@ class SliderMaxDirective extends CoreSliderMaxDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getMinMaxMarkerBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMaxDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SliderMaxDirective, isStandalone: false, selector: "[q-slider-max]", usesInheritance: true, ngImport: i0, template: "{{ this.sliderContext().max }}", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMaxDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: SliderMaxDirective, isStandalone: false, selector: "[q-slider-max]", usesInheritance: true, ngImport: i0, template: "{{ this.sliderContext().max }}", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMaxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMaxDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-slider-max]",
@@ -233,10 +229,10 @@ class SliderMinDirective extends CoreSliderMinDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getMinMaxMarkerBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMinDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SliderMinDirective, isStandalone: false, selector: "[q-slider-min]", usesInheritance: true, ngImport: i0, template: "{{ this.sliderContext().min }}", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMinDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: SliderMinDirective, isStandalone: false, selector: "[q-slider-min]", usesInheritance: true, ngImport: i0, template: "{{ this.sliderContext().min }}", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderMinDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderMinDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-slider-min]",
@@ -253,10 +249,10 @@ class SliderRangeDirective extends CoreSliderRangeDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getRangeBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderRangeDirective, isStandalone: false, selector: "[q-slider-range]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderRangeDirective, isStandalone: false, selector: "[q-slider-range]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderRangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-range]",
@@ -270,21 +266,21 @@ class SliderRootDirective extends CoreSliderRootDirective {
     /**
      * The size of the slider.
      */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     /**
      * The variant of the slider.
      */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
     qdsSliderService = inject(QdsSliderContextService);
     ngOnInit() {
         super.ngOnInit();
         this.qdsSliderService.init(computed(() => createQdsSliderApi({ size: this.size(), variant: this.variant() }, normalizeProps)));
         this.trackBindings.extendWith(computed(() => this.qdsSliderService.context().getRootBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: SliderRootDirective, isStandalone: false, selector: "[q-slider-root]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSliderContext(), provideQdsSliderContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: SliderRootDirective, isStandalone: false, selector: "[q-slider-root]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSliderContext(), provideQdsSliderContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderRootDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideSliderContext(), provideQdsSliderContext()],
@@ -302,20 +298,20 @@ class SliderThumbIndicatorDirective extends CoreSliderThumbIndicatorDirective {
      *
      * @default ' - '
      */
-    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : []));
+    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : /* istanbul ignore next */ []));
     valueText = computed(() => {
         const display = this.display();
         return typeof display === "function" ? display(this.value()) : this.value();
-    }, ...(ngDevMode ? [{ debugName: "valueText" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
     qdsSliderContext = useQdsSliderContext();
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getThumbIndicatorBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: SliderThumbIndicatorDirective, isStandalone: false, selector: "[q-slider-thumb-indicator]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{valueText()}}", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: SliderThumbIndicatorDirective, isStandalone: false, selector: "[q-slider-thumb-indicator]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{valueText()}}", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbIndicatorDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-slider-thumb-indicator]",
@@ -332,10 +328,10 @@ class SliderThumbDirective extends CoreSliderThumbDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getThumbBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderThumbDirective, isStandalone: false, selector: "[q-slider-thumb]", providers: [provideSliderThumbContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderThumbDirective, isStandalone: false, selector: "[q-slider-thumb]", providers: [provideSliderThumbContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideSliderThumbContext()],
@@ -350,13 +346,11 @@ class SliderThumbsComponent {
     /**
      * Whether to display the thumb value as a tooltip.
      */
-    tooltip = input(undefined, ...(ngDevMode ? [{ debugName: "tooltip", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    tooltip = input(undefined, { ...(ngDevMode ? { debugName: "tooltip" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     sliderContext = useSliderContext();
-    thumbs = computed(() => this.sliderContext().value.map((_, idx) => idx), ...(ngDevMode ? [{ debugName: "thumbs" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SliderThumbsComponent, isStandalone: false, selector: "q-slider-thumbs", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    thumbs = computed(() => this.sliderContext().value.map((_, idx) => idx), ...(ngDevMode ? [{ debugName: "thumbs" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: SliderThumbsComponent, isStandalone: false, selector: "q-slider-thumbs", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @for (idx of thumbs(); track idx) {
       <div q-slider-thumb [index]="idx">
         <input q-slider-hidden-input />
@@ -365,14 +359,11 @@ class SliderThumbsComponent {
         }
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: SliderThumbDirective, selector: "[q-slider-thumb]" }, { kind: "directive", type: SliderHiddenInputDirective, selector: "[q-slider-hidden-input]" }, { kind: "component", type: SliderThumbIndicatorDirective, selector: "[q-slider-thumb-indicator]", inputs: ["display"] }] });
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: SliderThumbDirective, selector: "[q-slider-thumb]" }, { kind: "directive", type: SliderHiddenInputDirective, selector: "[q-slider-hidden-input]" }, { kind: "component", type: SliderThumbIndicatorDirective, selector: "[q-slider-thumb-indicator]", inputs: ["display"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderThumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderThumbsComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "q-slider-thumbs",
-                    standalone: false,
-                    template: `
+            args: [{ selector: "q-slider-thumbs", standalone: false, template: `
     @for (idx of thumbs(); track idx) {
       <div q-slider-thumb [index]="idx">
         <input q-slider-hidden-input />
@@ -381,8 +372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }
       </div>
     }
-  `,
-                }]
+  `, styles: [":host{display:contents}\n"] }]
         }], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] } });
 
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
@@ -393,10 +383,10 @@ class SliderTrackDirective extends CoreSliderTrackDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getTrackBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderTrackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SliderTrackDirective, isStandalone: false, selector: "[q-slider-track]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderTrackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SliderTrackDirective, isStandalone: false, selector: "[q-slider-track]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderTrackDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderTrackDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-slider-track]",
@@ -413,7 +403,7 @@ class SliderValueTextDirective extends CoreSliderValueTextDirective {
      *
      * @default ' - '
      */
-    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : []));
+    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : /* istanbul ignore next */ []));
     valueText = computed(() => {
         const value = this.sliderContext().value;
         const display = this.display();
@@ -424,16 +414,16 @@ class SliderValueTextDirective extends CoreSliderValueTextDirective {
             return value.join(display);
         }
         return value.join(" - ");
-    }, ...(ngDevMode ? [{ debugName: "valueText" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
     qdsSliderContext = useQdsSliderContext();
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsSliderContext().getValueTextBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderValueTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: SliderValueTextDirective, isStandalone: false, selector: "[q-slider-value-text]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{valueText()}}", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderValueTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: SliderValueTextDirective, isStandalone: false, selector: "[q-slider-value-text]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{valueText()}}", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderValueTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderValueTextDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-slider-value-text]",
@@ -448,41 +438,37 @@ class SliderComponent extends SliderRootDirective {
     /**
      * The label text for the slider.
      */
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
     /**
      * Optional hint text to display below the slider.
      */
-    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
     /**
      * The error message to display when the slider value is invalid.
      */
-    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
+    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : /* istanbul ignore next */ []));
     /**
      * Whether to display markers on the sides of the slider.
      */
-    sideMarkers = input(undefined, ...(ngDevMode ? [{ debugName: "sideMarkers", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    sideMarkers = input(undefined, { ...(ngDevMode ? { debugName: "sideMarkers" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The list of marks to display along the slider track.
      */
-    marks = input([], ...(ngDevMode ? [{ debugName: "marks" }] : []));
+    marks = input([], ...(ngDevMode ? [{ debugName: "marks" }] : /* istanbul ignore next */ []));
     /**
      * Whether to display the thumb value as a tooltip.
      */
-    tooltip = input(undefined, ...(ngDevMode ? [{ debugName: "tooltip", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    tooltip = input(undefined, { ...(ngDevMode ? { debugName: "tooltip" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * How to display range values: a separator string or a function that receives the
      * value array and returns a string.
      *
      * @default '—'
      */
-    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : []));
+    display = input(...(ngDevMode ? [undefined, { debugName: "display" }] : /* istanbul ignore next */ []));
     sliderContext = useSliderContext();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SliderComponent, isStandalone: false, selector: "q-slider", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, sideMarkers: { classPropertyName: "sideMarkers", publicName: "sideMarkers", isSignal: true, isRequired: false, transformFunction: null }, marks: { classPropertyName: "marks", publicName: "marks", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSliderContext(), provideQdsSliderContext()], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: SliderComponent, isStandalone: false, selector: "q-slider", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, sideMarkers: { classPropertyName: "sideMarkers", publicName: "sideMarkers", isSignal: true, isRequired: false, transformFunction: null }, marks: { classPropertyName: "marks", publicName: "marks", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSliderContext(), provideQdsSliderContext()], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="[q-slider-label]">
       @if (label()) {
         <label q-slider-label>
@@ -534,7 +520,7 @@ class SliderComponent extends SliderRootDirective {
     </ng-content>
   `, isInline: true, dependencies: [{ kind: "directive", type: SliderLabelDirective, selector: "[q-slider-label]" }, { kind: "component", type: SliderValueTextDirective, selector: "[q-slider-value-text]", inputs: ["display"] }, { kind: "directive", type: SliderControlDirective, selector: "[q-slider-control]" }, { kind: "directive", type: SliderTrackDirective, selector: "[q-slider-track]" }, { kind: "directive", type: SliderRangeDirective, selector: "[q-slider-range]" }, { kind: "directive", type: SliderHintDirective, selector: "[q-slider-hint]" }, { kind: "component", type: SliderErrorTextDirective, selector: "[q-slider-error-text]", inputs: ["icon"] }, { kind: "component", type: SliderMinDirective, selector: "[q-slider-min]" }, { kind: "component", type: SliderMaxDirective, selector: "[q-slider-max]" }, { kind: "component", type: SliderThumbsComponent, selector: "q-slider-thumbs", inputs: ["tooltip"] }, { kind: "component", type: SliderMarkersComponent, selector: "q-slider-markers", inputs: ["marks"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [provideSliderContext(), provideQdsSliderContext()],
@@ -597,8 +583,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class SliderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SliderModule, declarations: [SliderRootDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: SliderModule, declarations: [SliderRootDirective,
             SliderLabelDirective,
             SliderValueTextDirective,
             SliderControlDirective,
@@ -633,9 +619,9 @@ class SliderModule {
             SliderThumbIndicatorDirective,
             SliderThumbsComponent,
             SliderMarkersComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SliderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [