npm - @wawjs/ngx-prime - Versions diffs - 22.0.4 → 22.0.6 - Mend

@wawjs/ngx-prime 22.0.4 → 22.0.6

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.

Files changed (375) hide show

package/fesm2022/wawjs-ngx-prime-chip.mjs CHANGED Viewed

@@ -33,10 +33,10 @@ class ChipStyle extends BaseStyle {
     style = style;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -196,6 +196,12 @@ class Chip extends BaseComponent {
         if (event.key === 'Enter' || event.key === 'Backspace') {
             this.close(event);
         }
+        else if (event.key === ' ' || event.key === 'Spacebar') {
+            // role="button" is exposed on a non-native element, so Space must be handled
+            // explicitly (and its default scroll behavior suppressed) to match native button semantics.
+            event.preventDefault();
+            this.close(event);
+        }
     }
     imageError(event) {
         this.onImageError.emit(event);
@@ -205,8 +211,8 @@ class Chip extends BaseComponent {
             removable: this.resolvedRemovable()
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Chip, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Chip, isStandalone: true, selector: "p-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, chipProps: { classPropertyName: "chipProps", publicName: "chipProps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), resolvedStyleClass())", "style": "sx('root')", "attr.aria-label": "resolvedLabel()", "attr.data-p": "dataP" } }, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], queries: [{ propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"] }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Chip, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: Chip, isStandalone: true, selector: "p-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, chipProps: { classPropertyName: "chipProps", publicName: "chipProps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), resolvedStyleClass())", "style": "sx('root')", "attr.aria-label": "resolvedLabel()", "attr.data-p": "dataP" } }, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], queries: [{ propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"] }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <ng-content></ng-content>
         @if (resolvedImage()) {
             <img [pBind]="ptm('image')" [class]="cx('image')" [src]="resolvedImage()" (error)="imageError($event)" [alt]="resolvedAlt()" />
@@ -253,7 +259,7 @@ class Chip extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Chip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Chip, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-chip',
@@ -321,11 +327,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: ['removeicon', { descendants: false }]
             }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
 class ChipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Chip, SharedModule],

package/fesm2022/wawjs-ngx-prime-chip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wawjs-ngx-prime-chip.mjs","sources":["../../src/chip/style/chipstyle.ts","../../src/chip/chip.ts","../../src/chip/wawjs-ngx-prime-chip.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@wawjs/css-prime-styles/chip';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst inlineStyles = {\n root: ({ instance }) => ({\n display: !instance.visible && 'none'\n })\n};\n\nconst classes = {\n root: ({ instance }) => [\n 'p-chip p-component',\n {\n 'p-disabled': instance.disabled()\n }\n ],\n image: 'p-chip-image',\n icon: 'p-chip-icon',\n label: 'p-chip-label',\n removeIcon: 'p-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n name = 'chip';\n\n style = style;\n\n classes = classes;\n\n inlineStyles = inlineStyles;\n}\n\n/*\n \n * Chip represents people using icons, labels and images.\n \n [Live Demo](https://www.ngx-prime.org/chip)\n \n @module chipstyle\n \n /\nexport enum ChipClasses {\n /*\n Class name of the root element\n /\n root = 'p-chip',\n /\n Class name of the image element\n /\n image = 'p-chip-image',\n /\n Class name of the icon element\n /\n icon = 'p-chip-icon',\n /\n Class name of the label element\n /\n label = 'p-chip-label',\n /\n Class name of the remove icon element\n /\n removeIcon = 'p-chip-remove-icon'\n}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, ContentChild, inject, InjectionToken, input, NgModule, output, TemplateRef, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { PrimeTemplate, SharedModule, TranslationKeys } from '@wawjs/ngx-prime/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';\nimport { Bind } from '@wawjs/ngx-prime/bind';\nimport { TimesCircleIcon } from '@wawjs/ngx-prime/icons';\nimport { ChipProps, ChipPassThrough } from '@wawjs/ngx-prime/types/chip';\nimport { ChipStyle } from './style/chipstyle';\n\nconst CHIP_INSTANCE = new InjectionToken<Chip>('CHIP_INSTANCE');\n\n/\n Chip represents people using icons, labels and images.\n * @group Components\n /\n@Component({\n selector: 'p-chip',\n standalone: true,\n imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],\n template: `\n <ng-content></ng-content>\n @if (resolvedImage()) {\n <img [pBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"resolvedImage()\" (error)=\"imageError($event)\" [alt]=\"resolvedAlt()\" />\n } @else {\n @if (resolvedIcon()) {\n <span [pBind]=\"ptm('icon')\" [class]=\"resolvedIcon()\" [ngClass]=\"cx('icon')\"></span>\n }\n }\n @if (resolvedLabel()) {\n <div [pBind]=\"ptm('label')\" [class]=\"cx('label')\">{{ resolvedLabel() }}</div>\n }\n @if (resolvedRemovable()) {\n @if (!removeIconTemplate && !_removeIconTemplate) {\n @if (resolvedRemoveIcon()) {\n <span\n [pBind]=\"ptm('removeIcon')\"\n [class]=\"resolvedRemoveIcon()\"\n [ngClass]=\"cx('removeIcon')\"\n (click)=\"close($event)\"\n (keydown)=\"onKeydown($event)\"\n [attr.tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-label]=\"removeAriaLabel\"\n role=\"button\"\n ></span>\n }\n @if (!resolvedRemoveIcon()) {\n <svg\n [pBind]=\"ptm('removeIcon')\"\n data-p-icon=\"times-circle\"\n [class]=\"cx('removeIcon')\"\n (click)=\"close($event)\"\n (keydown)=\"onKeydown($event)\"\n [attr.tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-label]=\"removeAriaLabel\"\n role=\"button\"\n />\n }\n }\n @if (removeIconTemplate \|\| _removeIconTemplate) {\n <span [pBind]=\"ptm('removeIcon')\" [attr.tabindex]=\"disabled() ? -1 : 0\" [class]=\"cx('removeIcon')\" (click)=\"close($event)\" (keydown)=\"onKeydown($event)\" [attr.aria-label]=\"removeAriaLabel\" role=\"button\">\n <ng-template ngTemplateOutlet=\"removeIconTemplate \|\| _removeIconTemplate\"></ng-template>\n </span>\n }\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],\n host: {\n '[class]': \"cn(cx('root'), resolvedStyleClass())\",\n '[style]': \"sx('root')\",\n '[attr.aria-label]': 'resolvedLabel()',\n '[attr.data-p]': 'dataP'\n },\n hostDirectives: [Bind]\n})\nexport class Chip extends BaseComponent<ChipPassThrough> {\n componentName = 'Chip';\n\n $pcChip: Chip \| undefined = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n bindDirectiveInstance = inject(Bind, { self: true });\n\n onAfterViewChecked(): void {\n this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n }\n /*\n Defines the text to display.\n * @group Props\n /\n label = input<string>();\n /\n Defines the icon to display.\n * @group Props\n /\n icon = input<string>();\n /\n Defines the image to display.\n * @group Props\n /\n image = input<string>();\n /\n Alt attribute of the image.\n * @group Props\n /\n alt = input<string>();\n /\n Class of the element.\n * @deprecated since v20.0.0, use `class` instead.\n * @group Props\n /\n styleClass = input<string>();\n /\n When present, it specifies that the element should be disabled.\n * @group Props\n /\n disabled = input(false, { transform: booleanAttribute });\n /\n Whether to display a remove icon.\n * @group Props\n /\n removable = input<boolean, unknown>(false, { transform: booleanAttribute });\n /\n Icon of the remove element.\n * @group Props\n /\n removeIcon = input<string>();\n /\n Callback to invoke when a chip is removed.\n * @param {MouseEvent} event - Mouse event.\n * @group Emits\n /\n onRemove = output<MouseEvent>();\n /\n This event is triggered if an error occurs while loading an image file.\n * @param {Event} event - Browser event.\n * @group Emits\n /\n onImageError = output<Event>();\n\n visible: boolean = true;\n\n get removeAriaLabel() {\n return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n }\n /\n Used to pass all properties of the chipProps to the Chip component.\n * @group Props\n /\n chipProps = input<ChipProps>();\n\n readonly resolvedLabel = computed(() => this.chipProps()?.label ?? this.label());\n\n readonly resolvedIcon = computed(() => this.chipProps()?.icon ?? this.icon());\n\n readonly resolvedImage = computed(() => this.chipProps()?.image ?? this.image());\n\n readonly resolvedAlt = computed(() => this.chipProps()?.alt ?? this.alt());\n\n readonly resolvedStyleClass = computed(() => this.chipProps()?.styleClass ?? this.styleClass());\n\n readonly resolvedRemovable = computed(() => this.chipProps()?.removable ?? this.removable());\n\n readonly resolvedRemoveIcon = computed(() => this.chipProps()?.removeIcon ?? this.removeIcon());\n\n _componentStyle = inject(ChipStyle);\n\n /\n Custom remove icon template.\n * @group Templates\n /\n @ContentChild('removeicon', { descendants: false }) removeIconTemplate: TemplateRef<void> \| undefined;\n\n readonly templates = contentChildren(PrimeTemplate);\n\n _removeIconTemplate: TemplateRef<void> \| undefined;\n\n onAfterContentInit() {\n this.templates().forEach((item) => {\n switch (item.getType()) {\n case 'removeicon':\n this._removeIconTemplate = item.template;\n break;\n\n default:\n this._removeIconTemplate = item.template;\n break;\n }\n });\n }\n\n close(event: MouseEvent) {\n this.visible = false;\n this.onRemove.emit(event);\n }\n\n onKeydown(event) {\n if (event.key === 'Enter' \|\| event.key === 'Backspace') {\n this.close(event);\n }\n }\n\n imageError(event: Event) {\n this.onImageError.emit(event);\n }\n\n get dataP() {\n return this.cn({\n removable: this.resolvedRemovable()\n });\n }\n}\n\n@NgModule({\n imports: [Chip, SharedModule],\n exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"wawjs-ngx-prime-chip.mjs","sources":["../../src/chip/style/chipstyle.ts","../../src/chip/chip.ts","../../src/chip/wawjs-ngx-prime-chip.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@wawjs/css-prime-styles/chip';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst inlineStyles = {\n root: ({ instance }) => ({\n display: !instance.visible && 'none'\n })\n};\n\nconst classes = {\n root: ({ instance }) => [\n 'p-chip p-component',\n {\n 'p-disabled': instance.disabled()\n }\n ],\n image: 'p-chip-image',\n icon: 'p-chip-icon',\n label: 'p-chip-label',\n removeIcon: 'p-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n name = 'chip';\n\n style = style;\n\n classes = classes;\n\n inlineStyles = inlineStyles;\n}\n\n/*\n \n * Chip represents people using icons, labels and images.\n \n [Live Demo](https://www.ngx-prime.org/chip)\n \n @module chipstyle\n \n /\nexport enum ChipClasses {\n /*\n Class name of the root element\n /\n root = 'p-chip',\n /\n Class name of the image element\n /\n image = 'p-chip-image',\n /\n Class name of the icon element\n /\n icon = 'p-chip-icon',\n /\n Class name of the label element\n /\n label = 'p-chip-label',\n /\n Class name of the remove icon element\n /\n removeIcon = 'p-chip-remove-icon'\n}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, ContentChild, inject, InjectionToken, input, NgModule, output, TemplateRef, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { PrimeTemplate, SharedModule, TranslationKeys } from '@wawjs/ngx-prime/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';\nimport { Bind } from '@wawjs/ngx-prime/bind';\nimport { TimesCircleIcon } from '@wawjs/ngx-prime/icons';\nimport { ChipProps, ChipPassThrough } from '@wawjs/ngx-prime/types/chip';\nimport { ChipStyle } from './style/chipstyle';\n\nconst CHIP_INSTANCE = new InjectionToken<Chip>('CHIP_INSTANCE');\n\n/\n Chip represents people using icons, labels and images.\n * @group Components\n /\n@Component({\n selector: 'p-chip',\n standalone: true,\n imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],\n template: `\n <ng-content></ng-content>\n @if (resolvedImage()) {\n <img [pBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"resolvedImage()\" (error)=\"imageError($event)\" [alt]=\"resolvedAlt()\" />\n } @else {\n @if (resolvedIcon()) {\n <span [pBind]=\"ptm('icon')\" [class]=\"resolvedIcon()\" [ngClass]=\"cx('icon')\"></span>\n }\n }\n @if (resolvedLabel()) {\n <div [pBind]=\"ptm('label')\" [class]=\"cx('label')\">{{ resolvedLabel() }}</div>\n }\n @if (resolvedRemovable()) {\n @if (!removeIconTemplate && !_removeIconTemplate) {\n @if (resolvedRemoveIcon()) {\n <span\n [pBind]=\"ptm('removeIcon')\"\n [class]=\"resolvedRemoveIcon()\"\n [ngClass]=\"cx('removeIcon')\"\n (click)=\"close($event)\"\n (keydown)=\"onKeydown($event)\"\n [attr.tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-label]=\"removeAriaLabel\"\n role=\"button\"\n ></span>\n }\n @if (!resolvedRemoveIcon()) {\n <svg\n [pBind]=\"ptm('removeIcon')\"\n data-p-icon=\"times-circle\"\n [class]=\"cx('removeIcon')\"\n (click)=\"close($event)\"\n (keydown)=\"onKeydown($event)\"\n [attr.tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-label]=\"removeAriaLabel\"\n role=\"button\"\n />\n }\n }\n @if (removeIconTemplate \|\| _removeIconTemplate) {\n <span [pBind]=\"ptm('removeIcon')\" [attr.tabindex]=\"disabled() ? -1 : 0\" [class]=\"cx('removeIcon')\" (click)=\"close($event)\" (keydown)=\"onKeydown($event)\" [attr.aria-label]=\"removeAriaLabel\" role=\"button\">\n <ng-template ngTemplateOutlet=\"removeIconTemplate \|\| _removeIconTemplate\"></ng-template>\n </span>\n }\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],\n host: {\n '[class]': \"cn(cx('root'), resolvedStyleClass())\",\n '[style]': \"sx('root')\",\n '[attr.aria-label]': 'resolvedLabel()',\n '[attr.data-p]': 'dataP'\n },\n hostDirectives: [Bind]\n})\nexport class Chip extends BaseComponent<ChipPassThrough> {\n componentName = 'Chip';\n\n $pcChip: Chip \| undefined = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n bindDirectiveInstance = inject(Bind, { self: true });\n\n onAfterViewChecked(): void {\n this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n }\n /*\n Defines the text to display.\n * @group Props\n /\n label = input<string>();\n /\n Defines the icon to display.\n * @group Props\n /\n icon = input<string>();\n /\n Defines the image to display.\n * @group Props\n /\n image = input<string>();\n /\n Alt attribute of the image.\n * @group Props\n /\n alt = input<string>();\n /\n Class of the element.\n * @deprecated since v20.0.0, use `class` instead.\n * @group Props\n /\n styleClass = input<string>();\n /\n When present, it specifies that the element should be disabled.\n * @group Props\n /\n disabled = input(false, { transform: booleanAttribute });\n /\n Whether to display a remove icon.\n * @group Props\n /\n removable = input<boolean, unknown>(false, { transform: booleanAttribute });\n /\n Icon of the remove element.\n * @group Props\n /\n removeIcon = input<string>();\n /\n Callback to invoke when a chip is removed.\n * @param {MouseEvent} event - Mouse event.\n * @group Emits\n /\n onRemove = output<MouseEvent>();\n /\n This event is triggered if an error occurs while loading an image file.\n * @param {Event} event - Browser event.\n * @group Emits\n /\n onImageError = output<Event>();\n\n visible: boolean = true;\n\n get removeAriaLabel() {\n return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n }\n /\n Used to pass all properties of the chipProps to the Chip component.\n * @group Props\n /\n chipProps = input<ChipProps>();\n\n readonly resolvedLabel = computed(() => this.chipProps()?.label ?? this.label());\n\n readonly resolvedIcon = computed(() => this.chipProps()?.icon ?? this.icon());\n\n readonly resolvedImage = computed(() => this.chipProps()?.image ?? this.image());\n\n readonly resolvedAlt = computed(() => this.chipProps()?.alt ?? this.alt());\n\n readonly resolvedStyleClass = computed(() => this.chipProps()?.styleClass ?? this.styleClass());\n\n readonly resolvedRemovable = computed(() => this.chipProps()?.removable ?? this.removable());\n\n readonly resolvedRemoveIcon = computed(() => this.chipProps()?.removeIcon ?? this.removeIcon());\n\n _componentStyle = inject(ChipStyle);\n\n /\n Custom remove icon template.\n * @group Templates\n /\n @ContentChild('removeicon', { descendants: false }) removeIconTemplate: TemplateRef<void> \| undefined;\n\n readonly templates = contentChildren(PrimeTemplate);\n\n _removeIconTemplate: TemplateRef<void> \| undefined;\n\n onAfterContentInit() {\n this.templates().forEach((item) => {\n switch (item.getType()) {\n case 'removeicon':\n this._removeIconTemplate = item.template;\n break;\n\n default:\n this._removeIconTemplate = item.template;\n break;\n }\n });\n }\n\n close(event: MouseEvent) {\n this.visible = false;\n this.onRemove.emit(event);\n }\n\n onKeydown(event: KeyboardEvent) {\n if (event.key === 'Enter' \|\| event.key === 'Backspace') {\n this.close(event as unknown as MouseEvent);\n } else if (event.key === ' ' \|\| event.key === 'Spacebar') {\n // role=\"button\" is exposed on a non-native element, so Space must be handled\n // explicitly (and its default scroll behavior suppressed) to match native button semantics.\n event.preventDefault();\n this.close(event as unknown as MouseEvent);\n }\n }\n\n imageError(event: Event) {\n this.onImageError.emit(event);\n }\n\n get dataP() {\n return this.cn({\n removable: this.resolvedRemovable()\n });\n }\n}\n\n@NgModule({\n imports: [Chip, SharedModule],\n exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/wawjs-ngx-prime-classnames.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ class ClassNames {
     classNames = input(undefined, { ...(ngDevMode ? { debugName: "classNames" } : /* istanbul ignore next */ {}), alias: 'pClass' });
     classes = computed(() => cn(this.classNames()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ClassNames, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ClassNames, isStandalone: true, selector: "[pClass]", inputs: { classNames: { classPropertyName: "classNames", publicName: "pClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ClassNames, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ClassNames, isStandalone: true, selector: "[pClass]", inputs: { classNames: { classPropertyName: "classNames", publicName: "pClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ClassNames, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ClassNames, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pClass]',
@@ -29,11 +29,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }], propDecorators: { classNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "pClass", required: false }] }] } });
 class ClassNamesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ClassNamesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ClassNamesModule, imports: [ClassNames], exports: [ClassNames] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ClassNamesModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ClassNamesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: ClassNamesModule, imports: [ClassNames], exports: [ClassNames] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ClassNamesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ClassNamesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ClassNamesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ClassNames],

package/fesm2022/wawjs-ngx-prime-classnames.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wawjs-ngx-prime-classnames.mjs","sources":["../../src/classnames/classnames.ts","../../src/classnames/wawjs-ngx-prime-classnames.ts"],"sourcesContent":["import { Directive, NgModule, computed, input } from '@angular/core';\nimport { cn } from '@wawjs/css-prime-utils';\n/*\n Represents the suitable value types of pClass directive.\n * @group Types\n /\nexport type PClassValue = string \| number \| boolean \| undefined \| null \| { [key: string]: boolean \| undefined \| null } \| any;\n\n/\n PClass directive provides extends class binding functionality.\n * Supports strings, arrays, objects, and mixed combinations.\n * @group Components\n /\n@Directive({\n selector: '[pClass]',\n standalone: true,\n host: {\n '[class]': 'classes()'\n }\n})\nexport class ClassNames {\n /\n Class value(s) to be applied. Can be a string, array, object, or combination.\n * @group Props\n /\n classNames = input<PClassValue>(undefined, { alias: 'pClass' });\n\n classes = computed(() => cn(this.classNames()));\n}\n\n@NgModule({\n imports: [ClassNames],\n exports: [ClassNames]\n})\nexport class ClassNamesModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;AAQA;;;;AAIG;MAQU,UAAU,CAAA;AACnB;;;AAGG;IACH,UAAU,GAAG,KAAK,CAAc,SAAS,kFAAI,KAAK,EAAE,QAAQ,EAAA,CAAG;AAE/D,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gFAAC;uGAPtC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;MAeY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAdhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAcV,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACjCD;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"wawjs-ngx-prime-classnames.mjs","sources":["../../src/classnames/classnames.ts","../../src/classnames/wawjs-ngx-prime-classnames.ts"],"sourcesContent":["import { Directive, NgModule, computed, input } from '@angular/core';\nimport { cn } from '@wawjs/css-prime-utils';\n/*\n Represents the suitable value types of pClass directive.\n * @group Types\n /\nexport type PClassValue = string \| number \| boolean \| undefined \| null \| { [key: string]: boolean \| undefined \| null } \| any;\n\n/\n PClass directive provides extends class binding functionality.\n * Supports strings, arrays, objects, and mixed combinations.\n * @group Components\n /\n@Directive({\n selector: '[pClass]',\n standalone: true,\n host: {\n '[class]': 'classes()'\n }\n})\nexport class ClassNames {\n /\n Class value(s) to be applied. Can be a string, array, object, or combination.\n * @group Props\n /\n classNames = input<PClassValue>(undefined, { alias: 'pClass' });\n\n classes = computed(() => cn(this.classNames()));\n}\n\n@NgModule({\n imports: [ClassNames],\n exports: [ClassNames]\n})\nexport class ClassNamesModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;AAQA;;;;AAIG;MAQU,UAAU,CAAA;AACnB;;;AAGG;IACH,UAAU,GAAG,KAAK,CAAc,SAAS,kFAAI,KAAK,EAAE,QAAQ,EAAA,CAAG;AAE/D,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gFAAC;uGAPtC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;MAeY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAdhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAcV,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACjCD;;AAEG;;"}

package/fesm2022/wawjs-ngx-prime-colorpicker.mjs CHANGED Viewed

@@ -45,10 +45,10 @@ class ColorPickerStyle extends BaseStyle {
     name = 'colorpicker';
     style = `${style}\n${nativeStyle}`;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -141,10 +141,10 @@ class ColorPickerDirective {
         this.onClear.emit(value.toUpperCase());
         this.element.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ColorPickerDirective, isStandalone: true, selector: "input[type='color'][pColorPicker]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange", touch: "touch", onInputChange: "onInput", onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur", onClear: "onClear" }, host: { listeners: { "input": "onInput($event)", "change": "handleChange($event)", "focus": "onFocus.emit($event)", "blur": "onNativeBlur($event)" }, properties: { "class.p-invalid": "invalid()", "attr.data-pc-name": "'colorpicker'", "attr.data-pc-section": "'input'", "attr.data-pc-invalid": "invalid() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-describedby": "ariaDescribedBy() || null", "attr.id": "inputId() || null", "attr.name": "name() || null", "attr.tabindex": "tabindex() ?? null", "readOnly": "readonly()", "disabled": "disabled()", "required": "required()" }, classAttribute: "p-colorpicker-input p-component" }, exportAs: ["pColorPicker"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ColorPickerDirective, isStandalone: true, selector: "input[type='color'][pColorPicker]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange", touch: "touch", onInputChange: "onInput", onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur", onClear: "onClear" }, host: { listeners: { "input": "onInput($event)", "change": "handleChange($event)", "focus": "onFocus.emit($event)", "blur": "onNativeBlur($event)" }, properties: { "class.p-invalid": "invalid()", "attr.data-pc-name": "'colorpicker'", "attr.data-pc-section": "'input'", "attr.data-pc-invalid": "invalid() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-describedby": "ariaDescribedBy() || null", "attr.id": "inputId() || null", "attr.name": "name() || null", "attr.tabindex": "tabindex() ?? null", "readOnly": "readonly()", "disabled": "disabled()", "required": "required()" }, classAttribute: "p-colorpicker-input p-component" }, exportAs: ["pColorPicker"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "input[type='color'][pColorPicker]",
@@ -181,10 +181,10 @@ class ColorPickerClearDirective {
     clear() {
         this.picker().clear(this.value());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ColorPickerClearDirective, isStandalone: true, selector: "button[pColorPickerClear]", inputs: { picker: { classPropertyName: "picker", publicName: "pColorPickerClear", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "clear()" }, properties: { "attr.aria-label": "ariaLabel()", "disabled": "picker().disabled() || picker().readonly()" }, classAttribute: "p-colorpicker-clear" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ColorPickerClearDirective, isStandalone: true, selector: "button[pColorPickerClear]", inputs: { picker: { classPropertyName: "picker", publicName: "pColorPickerClear", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "clear()" }, properties: { "attr.aria-label": "ariaLabel()", "disabled": "picker().disabled() || picker().readonly()" }, classAttribute: "p-colorpicker-clear" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerClearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerClearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[pColorPickerClear]',
@@ -488,6 +488,71 @@ class ColorPicker extends BaseEditableHolder {
             this.updateColorSelector();
             this.updateUI();
             this.onShow.emit({});
+            // Move focus into the panel for keyboard users, per WAI-ARIA APG dialog dismissal/focus pattern.
+            setTimeout(() => this.colorSelectorViewChild?.nativeElement?.focus(), 0);
+        }
+    }
+    onColorSelectorKeydown(event) {
+        if (this.$disabled()) {
+            return;
+        }
+        const step = event.shiftKey ? 10 : 1;
+        let handled = true;
+        switch (event.key) {
+            case 'ArrowRight':
+                this.value = this.validateHSB({ h: this.value.h, s: this.value.s + step, b: this.value.b });
+                break;
+            case 'ArrowLeft':
+                this.value = this.validateHSB({ h: this.value.h, s: this.value.s - step, b: this.value.b });
+                break;
+            case 'ArrowUp':
+                this.value = this.validateHSB({ h: this.value.h, s: this.value.s, b: this.value.b + step });
+                break;
+            case 'ArrowDown':
+                this.value = this.validateHSB({ h: this.value.h, s: this.value.s, b: this.value.b - step });
+                break;
+            case 'Escape':
+                this.hide();
+                return;
+            default:
+                handled = false;
+                break;
+        }
+        if (handled) {
+            event.preventDefault();
+            this.updateUI();
+            this.updateModel();
+            this.onChange.emit({ originalEvent: event, value: this.getValueToUpdate() });
+        }
+    }
+    onHueKeydown(event) {
+        if (this.$disabled()) {
+            return;
+        }
+        const step = event.shiftKey ? 10 : 1;
+        let handled = true;
+        switch (event.key) {
+            case 'ArrowUp':
+            case 'ArrowRight':
+                this.value = this.validateHSB({ h: this.value.h + step, s: this.value.s, b: this.value.b });
+                break;
+            case 'ArrowDown':
+            case 'ArrowLeft':
+                this.value = this.validateHSB({ h: this.value.h - step, s: this.value.s, b: this.value.b });
+                break;
+            case 'Escape':
+                this.hide();
+                return;
+            default:
+                handled = false;
+                break;
+        }
+        if (handled) {
+            event.preventDefault();
+            this.updateColorSelector();
+            this.updateUI();
+            this.updateModel();
+            this.onChange.emit({ originalEvent: event, value: this.getValueToUpdate() });
         }
     }
     onOverlayAfterLeave() {
@@ -498,6 +563,10 @@ class ColorPicker extends BaseEditableHolder {
     hide() {
         this.overlayVisible = false;
         this.cd.markForCheck();
+        // Restore focus to the trigger so keyboard users aren't dropped after the panel closes.
+        if (!this.inline()) {
+            this.inputViewChild()?.nativeElement?.focus();
+        }
     }
     onInputClick() {
         this.togglePanel();
@@ -749,8 +818,8 @@ class ColorPicker extends BaseEditableHolder {
             ZIndexUtils.clear(overlayViewChild?.nativeElement);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ColorPicker, isStandalone: true, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, defaultColor: { classPropertyName: "defaultColor", publicName: "defaultColor", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onShow: "onShow", onHide: "onHide" }, host: { properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [COLORPICKER_VALUE_ACCESSOR, ColorPickerStyle, { provide: COLORPICKER_INSTANCE, useExisting: ColorPicker }, { provide: PARENT_INSTANCE, useExisting: ColorPicker }], viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }, { propertyName: "colorSelector", first: true, predicate: ["colorSelector"], descendants: true }, { propertyName: "colorHandle", first: true, predicate: ["colorHandle"], descendants: true }, { propertyName: "hue", first: true, predicate: ["hue"], descendants: true }, { propertyName: "hueHandle", first: true, predicate: ["hueHandle"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: ColorPicker, isStandalone: true, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, defaultColor: { classPropertyName: "defaultColor", publicName: "defaultColor", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onShow: "onShow", onHide: "onHide" }, host: { properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [COLORPICKER_VALUE_ACCESSOR, ColorPickerStyle, { provide: COLORPICKER_INSTANCE, useExisting: ColorPicker }, { provide: PARENT_INSTANCE, useExisting: ColorPicker }], viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }, { propertyName: "colorSelector", first: true, predicate: ["colorSelector"], descendants: true }, { propertyName: "colorHandle", first: true, predicate: ["colorHandle"], descendants: true }, { propertyName: "hue", first: true, predicate: ["hue"], descendants: true }, { propertyName: "hueHandle", first: true, predicate: ["hueHandle"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (!inline()) {
             <input
                 #input
@@ -788,12 +857,44 @@ class ColorPicker extends BaseEditableHolder {
             <ng-template #content>
                 <div [class]="cx('panel')" [pBind]="ptm('panel')">
                     <div [class]="cx('content')" [pBind]="ptm('content')">
-                        <div #colorSelector [class]="cx('colorSelector')" (touchstart)="onColorDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" (mousedown)="onColorMousedown($event)" [pBind]="ptm('colorSelector')">
+                        <div
+                            #colorSelector
+                            [class]="cx('colorSelector')"
+                            role="slider"
+                            tabindex="0"
+                            [attr.aria-label]="ariaLabel"
+                            aria-valuemin="0"
+                            aria-valuemax="100"
+                            [attr.aria-valuenow]="value.s"
+                            [attr.aria-valuetext]="'Saturation ' + value.s + '%, brightness ' + value.b + '%'"
+                            (touchstart)="onColorDragStart($event)"
+                            (touchmove)="onDrag($event)"
+                            (touchend)="onDragEnd()"
+                            (mousedown)="onColorMousedown($event)"
+                            (keydown)="onColorSelectorKeydown($event)"
+                            [pBind]="ptm('colorSelector')"
+                        >
                             <div [class]="cx('colorBackground')" [pBind]="ptm('colorBackground')">
                                 <div #colorHandle [class]="cx('colorHandle')" [pBind]="ptm('colorHandle')"></div>
                             </div>
                         </div>
-                        <div #hue [class]="cx('hue')" (mousedown)="onHueMousedown($event)" (touchstart)="onHueDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" [pBind]="ptm('hue')">
+                        <div
+                            #hue
+                            [class]="cx('hue')"
+                            role="slider"
+                            tabindex="0"
+                            aria-orientation="vertical"
+                            [attr.aria-label]="'Hue'"
+                            aria-valuemin="0"
+                            aria-valuemax="360"
+                            [attr.aria-valuenow]="value.h"
+                            (mousedown)="onHueMousedown($event)"
+                            (touchstart)="onHueDragStart($event)"
+                            (touchmove)="onDrag($event)"
+                            (touchend)="onDragEnd()"
+                            (keydown)="onHueKeydown($event)"
+                            [pBind]="ptm('hue')"
+                        >
                             <div #hueHandle [class]="cx('hueHandle')" [pBind]="ptm('hueHandle')"></div>
                         </div>
                     </div>
@@ -802,7 +903,7 @@ class ColorPicker extends BaseEditableHolder {
         </p-overlay>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: AutoFocusModule }, { kind: "directive", type: i2.AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "component", type: i3.Overlay, selector: "p-overlay", inputs: ["hostName", "visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options", "appendTo", "inline", "motionOptions", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-colorPicker, p-colorpicker, p-color-picker',
@@ -847,12 +948,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             <ng-template #content>
                 <div [class]="cx('panel')" [pBind]="ptm('panel')">
                     <div [class]="cx('content')" [pBind]="ptm('content')">
-                        <div #colorSelector [class]="cx('colorSelector')" (touchstart)="onColorDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" (mousedown)="onColorMousedown($event)" [pBind]="ptm('colorSelector')">
+                        <div
+                            #colorSelector
+                            [class]="cx('colorSelector')"
+                            role="slider"
+                            tabindex="0"
+                            [attr.aria-label]="ariaLabel"
+                            aria-valuemin="0"
+                            aria-valuemax="100"
+                            [attr.aria-valuenow]="value.s"
+                            [attr.aria-valuetext]="'Saturation ' + value.s + '%, brightness ' + value.b + '%'"
+                            (touchstart)="onColorDragStart($event)"
+                            (touchmove)="onDrag($event)"
+                            (touchend)="onDragEnd()"
+                            (mousedown)="onColorMousedown($event)"
+                            (keydown)="onColorSelectorKeydown($event)"
+                            [pBind]="ptm('colorSelector')"
+                        >
                             <div [class]="cx('colorBackground')" [pBind]="ptm('colorBackground')">
                                 <div #colorHandle [class]="cx('colorHandle')" [pBind]="ptm('colorHandle')"></div>
                             </div>
                         </div>
-                        <div #hue [class]="cx('hue')" (mousedown)="onHueMousedown($event)" (touchstart)="onHueDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" [pBind]="ptm('hue')">
+                        <div
+                            #hue
+                            [class]="cx('hue')"
+                            role="slider"
+                            tabindex="0"
+                            aria-orientation="vertical"
+                            [attr.aria-label]="'Hue'"
+                            aria-valuemin="0"
+                            aria-valuemax="360"
+                            [attr.aria-valuenow]="value.h"
+                            (mousedown)="onHueMousedown($event)"
+                            (touchstart)="onHueDragStart($event)"
+                            (touchmove)="onDrag($event)"
+                            (touchend)="onDragEnd()"
+                            (keydown)="onHueKeydown($event)"
+                            [pBind]="ptm('hue')"
+                        >
                             <div #hueHandle [class]="cx('hueHandle')" [pBind]="ptm('hueHandle')"></div>
                         </div>
                     </div>
@@ -881,11 +1014,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: ['hueHandle']
             }] } });
 class ColorPickerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerModule, imports: [ColorPicker, ColorPickerDirective, SharedModule], exports: [ColorPicker, ColorPickerDirective, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerModule, imports: [ColorPicker, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerModule, imports: [ColorPicker, ColorPickerDirective, SharedModule], exports: [ColorPicker, ColorPickerDirective, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerModule, imports: [ColorPicker, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColorPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ColorPicker, ColorPickerDirective, SharedModule],