@wirekyt/angular 0.0.17 → 0.0.18

package/dist/fesm2022/wirekyt-angular-color-picker.mjs

@@ -61,7 +61,7 @@ class ColorPickerArea {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerArea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerArea, isStandalone: true, selector: "[colorPickerArea]", inputs: { xChannel: { classPropertyName: "xChannel", publicName: "xChannel", isSignal: true, isRequired: false, transformFunction: null }, yChannel: { classPropertyName: "yChannel", publicName: "yChannel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerArea, isStandalone: true, selector: "[color-picker-area]", inputs: { xChannel: { classPropertyName: "xChannel", publicName: "xChannel", isSignal: true, isRequired: false, transformFunction: null }, yChannel: { classPropertyName: "yChannel", publicName: "yChannel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: COLOR_PICKER_AREA_PROPS,
                 useFactory: (area) => area.areaProps,
@@ -72,7 +72,7 @@ class ColorPickerArea {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerArea, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerArea]",
+                    selector: "[color-picker-area]",
                     standalone: true,
                     exportAs: "colorPickerArea",
                     providers: [
@@ -97,12 +97,12 @@ class ColorPickerAreaBackground {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerAreaBackground, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerAreaBackground, isStandalone: true, selector: "[colorPickerAreaBackground]", exportAs: ["colorPickerAreaBackground"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerAreaBackground, isStandalone: true, selector: "[color-picker-area-background]", exportAs: ["colorPickerAreaBackground"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerAreaBackground, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerAreaBackground]",
+                    selector: "[color-picker-area-background]",
                     standalone: true,
                     exportAs: "colorPickerAreaBackground",
                 }]
@@ -120,12 +120,12 @@ class ColorPickerAreaThumb {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerAreaThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerAreaThumb, isStandalone: true, selector: "[colorPickerAreaThumb]", exportAs: ["colorPickerAreaThumb"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerAreaThumb, isStandalone: true, selector: "[color-picker-area-thumb]", exportAs: ["colorPickerAreaThumb"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerAreaThumb, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerAreaThumb]",
+                    selector: "[color-picker-area-thumb]",
                     standalone: true,
                     exportAs: "colorPickerAreaThumb",
                 }]
@@ -148,12 +148,12 @@ class ColorPickerChannelInput {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerChannelInput, isStandalone: true, selector: "input[colorPickerChannelInput]", inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerChannelInput"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerChannelInput, isStandalone: true, selector: "input[color-picker-channel-input]", inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerChannelInput"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: "input[colorPickerChannelInput]",
+                    selector: "input[color-picker-channel-input]",
                     standalone: true,
                     exportAs: "colorPickerChannelInput",
                 }]
@@ -185,7 +185,7 @@ class ColorPickerChannelSlider {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerChannelSlider, isStandalone: true, selector: "[colorPickerChannelSlider]", inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerChannelSlider, isStandalone: true, selector: "[color-picker-channel-slider]", inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: COLOR_PICKER_CHANNEL_PROPS,
                 useFactory: (slider) => slider.channelProps,
@@ -196,7 +196,7 @@ class ColorPickerChannelSlider {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSlider, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerChannelSlider]",
+                    selector: "[color-picker-channel-slider]",
                     standalone: true,
                     exportAs: "colorPickerChannelSlider",
                     providers: [
@@ -232,12 +232,12 @@ class ColorPickerChannelSliderLabel {
         this.ownsTextContent.set(this.elementRef.nativeElement.childNodes.length === 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderLabel, isStandalone: true, selector: "[colorPickerChannelSliderLabel]", exportAs: ["colorPickerChannelSliderLabel"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderLabel, isStandalone: true, selector: "[color-picker-channel-slider-label]", exportAs: ["colorPickerChannelSliderLabel"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderLabel, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerChannelSliderLabel]",
+                    selector: "[color-picker-channel-slider-label]",
                     standalone: true,
                     exportAs: "colorPickerChannelSliderLabel",
                 }]
@@ -255,12 +255,12 @@ class ColorPickerChannelSliderThumb {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderThumb, isStandalone: true, selector: "[colorPickerChannelSliderThumb]", exportAs: ["colorPickerChannelSliderThumb"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderThumb, isStandalone: true, selector: "[color-picker-channel-slider-thumb]", exportAs: ["colorPickerChannelSliderThumb"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderThumb, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerChannelSliderThumb]",
+                    selector: "[color-picker-channel-slider-thumb]",
                     standalone: true,
                     exportAs: "colorPickerChannelSliderThumb",
                 }]
@@ -278,12 +278,12 @@ class ColorPickerChannelSliderTrack {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderTrack, isStandalone: true, selector: "[colorPickerChannelSliderTrack]", exportAs: ["colorPickerChannelSliderTrack"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderTrack, isStandalone: true, selector: "[color-picker-channel-slider-track]", exportAs: ["colorPickerChannelSliderTrack"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderTrack, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerChannelSliderTrack]",
+                    selector: "[color-picker-channel-slider-track]",
                     standalone: true,
                     exportAs: "colorPickerChannelSliderTrack",
                 }]
@@ -314,12 +314,12 @@ class ColorPickerChannelSliderValueText {
         this.ownsTextContent.set(this.elementRef.nativeElement.childNodes.length === 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderValueText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderValueText, isStandalone: true, selector: "[colorPickerChannelSliderValueText]", exportAs: ["colorPickerChannelSliderValueText"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerChannelSliderValueText, isStandalone: true, selector: "[color-picker-channel-slider-value-text]", exportAs: ["colorPickerChannelSliderValueText"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerChannelSliderValueText, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerChannelSliderValueText]",
+                    selector: "[color-picker-channel-slider-value-text]",
                     standalone: true,
                     exportAs: "colorPickerChannelSliderValueText",
                 }]
@@ -361,12 +361,12 @@ class ColorPickerContent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerContent, isStandalone: true, selector: "[colorPickerContent]", exportAs: ["colorPickerContent"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerContent, isStandalone: true, selector: "[color-picker-content]", exportAs: ["colorPickerContent"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerContent, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerContent]",
+                    selector: "[color-picker-content]",
                     standalone: true,
                     exportAs: "colorPickerContent",
                 }]
@@ -391,12 +391,12 @@ class ColorPickerContext {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerContext, isStandalone: true, selector: "[colorPickerContext]", exportAs: ["colorPickerContext"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerContext, isStandalone: true, selector: "[color-picker-context]", exportAs: ["colorPickerContext"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerContext, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerContext]",
+                    selector: "[color-picker-context]",
                     standalone: true,
                     exportAs: "colorPickerContext",
                 }]
@@ -413,12 +413,12 @@ class ColorPickerControl {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerControl, isStandalone: true, selector: "[colorPickerControl]", exportAs: ["colorPickerControl"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerControl, isStandalone: true, selector: "[color-picker-control]", exportAs: ["colorPickerControl"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerControl, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerControl]",
+                    selector: "[color-picker-control]",
                     standalone: true,
                     exportAs: "colorPickerControl",
                 }]
@@ -435,12 +435,12 @@ class ColorPickerEyeDropperTrigger {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerEyeDropperTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerEyeDropperTrigger, isStandalone: true, selector: "button[colorPickerEyeDropperTrigger]", exportAs: ["colorPickerEyeDropperTrigger"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerEyeDropperTrigger, isStandalone: true, selector: "button[color-picker-eye-dropper-trigger]", exportAs: ["colorPickerEyeDropperTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerEyeDropperTrigger, decorators: [{
             type: Directive,
             args: [{
-                    selector: "button[colorPickerEyeDropperTrigger]",
+                    selector: "button[color-picker-eye-dropper-trigger]",
                     standalone: true,
                     exportAs: "colorPickerEyeDropperTrigger",
                 }]
@@ -457,12 +457,12 @@ class ColorPickerFormatSelect {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerFormatSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerFormatSelect, isStandalone: true, selector: "select[colorPickerFormatSelect]", exportAs: ["colorPickerFormatSelect"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerFormatSelect, isStandalone: true, selector: "select[color-picker-format-select]", exportAs: ["colorPickerFormatSelect"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerFormatSelect, decorators: [{
             type: Directive,
             args: [{
-                    selector: "select[colorPickerFormatSelect]",
+                    selector: "select[color-picker-format-select]",
                     standalone: true,
                     exportAs: "colorPickerFormatSelect",
                 }]
@@ -479,12 +479,12 @@ class ColorPickerFormatTrigger {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerFormatTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerFormatTrigger, isStandalone: true, selector: "button[colorPickerFormatTrigger]", exportAs: ["colorPickerFormatTrigger"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerFormatTrigger, isStandalone: true, selector: "button[color-picker-format-trigger]", exportAs: ["colorPickerFormatTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerFormatTrigger, decorators: [{
             type: Directive,
             args: [{
-                    selector: "button[colorPickerFormatTrigger]",
+                    selector: "button[color-picker-format-trigger]",
                     standalone: true,
                     exportAs: "colorPickerFormatTrigger",
                 }]
@@ -505,12 +505,12 @@ class ColorPickerHiddenInput {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerHiddenInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerHiddenInput, isStandalone: true, selector: "input[colorPickerHiddenInput]", exportAs: ["colorPickerHiddenInput"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerHiddenInput, isStandalone: true, selector: "input[color-picker-hidden-input]", exportAs: ["colorPickerHiddenInput"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerHiddenInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: "input[colorPickerHiddenInput]",
+                    selector: "input[color-picker-hidden-input]",
                     standalone: true,
                     exportAs: "colorPickerHiddenInput",
                 }]
@@ -527,12 +527,12 @@ class ColorPickerLabel {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerLabel, isStandalone: true, selector: "[colorPickerLabel]", exportAs: ["colorPickerLabel"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerLabel, isStandalone: true, selector: "[color-picker-label]", exportAs: ["colorPickerLabel"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerLabel, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerLabel]",
+                    selector: "[color-picker-label]",
                     standalone: true,
                     exportAs: "colorPickerLabel",
                 }]
@@ -573,12 +573,12 @@ class ColorPickerPositioner {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerPositioner, isStandalone: true, selector: "[colorPickerPositioner]", exportAs: ["colorPickerPositioner"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerPositioner, isStandalone: true, selector: "[color-picker-positioner]", exportAs: ["colorPickerPositioner"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerPositioner, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerPositioner]",
+                    selector: "[color-picker-positioner]",
                     standalone: true,
                     exportAs: "colorPickerPositioner",
                 }]
@@ -766,7 +766,7 @@ class ColorPickerRoot extends PresenceBase {
         this.cva.markTouched();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerRoot, isStandalone: true, selector: "[colorPickerRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, defaultFormat: { classPropertyName: "defaultFormat", publicName: "defaultFormat", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, openAutoFocus: { classPropertyName: "openAutoFocus", publicName: "openAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, initialFocusEl: { classPropertyName: "initialFocusEl", publicName: "initialFocusEl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", format: "formatChange", open: "openChange", valueChangeEnd: "valueChangeEnd", focusOutside: "focusOutside", pointerDownOutside: "pointerDownOutside", interactOutside: "interactOutside" }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerRoot, isStandalone: true, selector: "[color-picker-root]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, defaultFormat: { classPropertyName: "defaultFormat", publicName: "defaultFormat", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, openAutoFocus: { classPropertyName: "openAutoFocus", publicName: "openAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, initialFocusEl: { classPropertyName: "initialFocusEl", publicName: "initialFocusEl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", format: "formatChange", open: "openChange", valueChangeEnd: "valueChangeEnd", focusOutside: "focusOutside", pointerDownOutside: "pointerDownOutside", interactOutside: "interactOutside" }, providers: [
             {
                 provide: PRESENCE_CONTEXT,
                 useFactory: (root) => root.presence,
@@ -788,7 +788,7 @@ class ColorPickerRoot extends PresenceBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerRoot, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerRoot]",
+                    selector: "[color-picker-root]",
                     standalone: true,
                     exportAs: "colorPickerRoot",
                     providers: [
@@ -858,7 +858,7 @@ class ColorPickerRootProvider extends PresenceBase {
         return this.contextCarrier;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerRootProvider, isStandalone: true, selector: "[colorPickerRootProvider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerRootProvider, isStandalone: true, selector: "[color-picker-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             {
                 provide: PRESENCE_CONTEXT,
                 useFactory: (provider) => provider.presence,
@@ -875,7 +875,7 @@ class ColorPickerRootProvider extends PresenceBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerRootProvider, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerRootProvider]",
+                    selector: "[color-picker-root-provider]",
                     standalone: true,
                     exportAs: "colorPickerRootProvider",
                     providers: [
@@ -913,7 +913,7 @@ class ColorPickerSwatch {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerSwatch, isStandalone: true, selector: "[colorPickerSwatch]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, respectAlpha: { classPropertyName: "respectAlpha", publicName: "respectAlpha", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerSwatch, isStandalone: true, selector: "[color-picker-swatch]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, respectAlpha: { classPropertyName: "respectAlpha", publicName: "respectAlpha", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: COLOR_PICKER_SWATCH_PROPS,
                 useFactory: (swatch) => swatch.swatchProps,
@@ -924,7 +924,7 @@ class ColorPickerSwatch {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatch, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerSwatch]",
+                    selector: "[color-picker-swatch]",
                     standalone: true,
                     exportAs: "colorPickerSwatch",
                     providers: [
@@ -948,12 +948,12 @@ class ColorPickerSwatchGroup {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerSwatchGroup, isStandalone: true, selector: "[colorPickerSwatchGroup]", exportAs: ["colorPickerSwatchGroup"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerSwatchGroup, isStandalone: true, selector: "[color-picker-swatch-group]", exportAs: ["colorPickerSwatchGroup"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchGroup, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerSwatchGroup]",
+                    selector: "[color-picker-swatch-group]",
                     standalone: true,
                     exportAs: "colorPickerSwatchGroup",
                 }]
@@ -971,12 +971,12 @@ class ColorPickerSwatchIndicator {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerSwatchIndicator, isStandalone: true, selector: "[colorPickerSwatchIndicator]", exportAs: ["colorPickerSwatchIndicator"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerSwatchIndicator, isStandalone: true, selector: "[color-picker-swatch-indicator]", exportAs: ["colorPickerSwatchIndicator"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchIndicator, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerSwatchIndicator]",
+                    selector: "[color-picker-swatch-indicator]",
                     standalone: true,
                     exportAs: "colorPickerSwatchIndicator",
                 }]
@@ -996,12 +996,12 @@ class ColorPickerSwatchTrigger {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerSwatchTrigger, isStandalone: true, selector: "button[colorPickerSwatchTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerSwatchTrigger"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerSwatchTrigger, isStandalone: true, selector: "button[color-picker-swatch-trigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerSwatchTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerSwatchTrigger, decorators: [{
             type: Directive,
             args: [{
-                    selector: "button[colorPickerSwatchTrigger]",
+                    selector: "button[color-picker-swatch-trigger]",
                     standalone: true,
                     exportAs: "colorPickerSwatchTrigger",
                 }]
@@ -1020,12 +1020,12 @@ class ColorPickerTransparencyGrid {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerTransparencyGrid, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerTransparencyGrid, isStandalone: true, selector: "[colorPickerTransparencyGrid]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerTransparencyGrid"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerTransparencyGrid, isStandalone: true, selector: "[color-picker-transparency-grid]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerTransparencyGrid"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerTransparencyGrid, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerTransparencyGrid]",
+                    selector: "[color-picker-transparency-grid]",
                     standalone: true,
                     exportAs: "colorPickerTransparencyGrid",
                 }]
@@ -1042,12 +1042,12 @@ class ColorPickerTrigger {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerTrigger, isStandalone: true, selector: "button[colorPickerTrigger]", exportAs: ["colorPickerTrigger"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ColorPickerTrigger, isStandalone: true, selector: "button[color-picker-trigger]", exportAs: ["colorPickerTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerTrigger, decorators: [{
             type: Directive,
             args: [{
-                    selector: "button[colorPickerTrigger]",
+                    selector: "button[color-picker-trigger]",
                     standalone: true,
                     exportAs: "colorPickerTrigger",
                 }]
@@ -1070,7 +1070,7 @@ class ColorPickerValueSwatch {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerValueSwatch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerValueSwatch, isStandalone: true, selector: "[colorPickerValueSwatch]", inputs: { respectAlpha: { classPropertyName: "respectAlpha", publicName: "respectAlpha", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerValueSwatch, isStandalone: true, selector: "[color-picker-value-swatch]", inputs: { respectAlpha: { classPropertyName: "respectAlpha", publicName: "respectAlpha", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: COLOR_PICKER_SWATCH_PROPS,
                 useFactory: (swatch) => swatch.swatchProps,
@@ -1081,7 +1081,7 @@ class ColorPickerValueSwatch {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerValueSwatch, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerValueSwatch]",
+                    selector: "[color-picker-value-swatch]",
                     standalone: true,
                     exportAs: "colorPickerValueSwatch",
                     providers: [
@@ -1121,12 +1121,12 @@ class ColorPickerValueText {
         this.ownsTextContent.set(this.elementRef.nativeElement.childNodes.length === 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerValueText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerValueText, isStandalone: true, selector: "[colorPickerValueText]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerValueText"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerValueText, isStandalone: true, selector: "[color-picker-value-text]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["colorPickerValueText"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerValueText, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerValueText]",
+                    selector: "[color-picker-value-text]",
                     standalone: true,
                     exportAs: "colorPickerValueText",
                 }]
@@ -1154,7 +1154,7 @@ class ColorPickerView {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerView, isStandalone: true, selector: "[colorPickerView]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ColorPickerView, isStandalone: true, selector: "[color-picker-view]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             {
                 provide: COLOR_PICKER_FORMAT_PROPS,
                 useFactory: (view) => view.formatProps,
@@ -1165,7 +1165,7 @@ class ColorPickerView {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ColorPickerView, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[colorPickerView]",
+                    selector: "[color-picker-view]",
                     standalone: true,
                     exportAs: "colorPickerView",
                     providers: [