@wawjs/ngx-prime 22.0.3 → 22.0.5

package/fesm2022/wawjs-ngx-prime-buttongroup.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Injectable, inject, input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
 import { style as style$1 } from '@wawjs/css-prime-styles/buttongroup';
 import { BaseStyle } from '@wawjs/ngx-prime/base';
@@ -39,10 +39,10 @@ class ButtonGroupStyle extends BaseStyle {
     name = 'buttongroup';
     style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -65,21 +65,33 @@ var ButtonGroupClasses;
 class ButtonGroup extends BaseComponent {
     componentName = 'ButtonGroup';
     _componentStyle = inject(ButtonGroupStyle);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: ButtonGroup, isStandalone: true, selector: "p-buttonGroup, p-buttongroup, p-button-group", providers: [ButtonGroupStyle], usesInheritance: true, ngImport: i0, template: `
-        <span class="p-buttongroup p-component" role="group">
+    /**
+     * Establishes a string value that labels the component.
+     * @group Props
+     */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ButtonGroup, isStandalone: true, selector: "p-buttonGroup, p-buttongroup, p-button-group", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ButtonGroupStyle], usesInheritance: true, ngImport: i0, template: `
+        <span class="p-buttongroup p-component" role="group" [attr.aria-label]="ariaLabel()" [attr.aria-labelledby]="ariaLabelledBy()">
             <ng-content></ng-content>
         </span>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-buttonGroup, p-buttongroup, p-button-group',
                     standalone: true,
                     imports: [],
                     template: `
-        <span class="p-buttongroup p-component" role="group">
+        <span class="p-buttongroup p-component" role="group" [attr.aria-label]="ariaLabel()" [attr.aria-labelledby]="ariaLabelledBy()">
             <ng-content></ng-content>
         </span>
     `,
@@ -87,13 +99,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     providers: [ButtonGroupStyle]
                 }]
-        }] });
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }] } });
 class ButtonGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupModule, imports: [ButtonGroup], exports: [ButtonGroup] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupModule, imports: [ButtonGroup], exports: [ButtonGroup] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ButtonGroup],

package/fesm2022/wawjs-ngx-prime-buttongroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wawjs-ngx-prime-buttongroup.mjs","sources":["../../src/buttongroup/style/buttongroupstyle.ts","../../src/buttongroup/buttongroup.ts","../../src/buttongroup/wawjs-ngx-prime-buttongroup.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style as buttongroup_style } from '@wawjs/css-prime-styles/buttongroup';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst style = /*css*/ `\n    ${buttongroup_style}\n\n    /* For ngx-prime */\n    .p-buttongroup p-button:focus .p-button {\n        position: relative;\n        z-index: 1;\n    }\n\n    .p-buttongroup p-button:not(:last-child) .p-button,\n    .p-buttongroup p-button:not(:last-child) .p-button:hover {\n        border-right: 0 none;\n    }\n\n    .p-buttongroup p-button:not(:first-of-type):not(:last-of-type) .p-button {\n        border-radius: 0;\n    }\n\n    .p-buttongroup p-button:first-of-type:not(:only-of-type) .p-button {\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n    }\n\n    .p-buttongroup p-button:last-of-type:not(:only-of-type) .p-button {\n        border-start-start-radius: 0;\n        border-end-start-radius: 0;\n    }\n`;\n\nconst classes = {\n    root: 'p-buttongroup p-component'\n};\n\n@Injectable()\nexport class ButtonGroupStyle extends BaseStyle {\n    name = 'buttongroup';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * A set of Buttons can be displayed together using the ButtonGroup component.\n *\n * [Live Demo](https://www.ngx-prime.org/button/)\n *\n * @module buttongroupstyle\n *\n */\nexport enum ButtonGroupClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-buttongroup'\n}\n","import { ChangeDetectionStrategy, Component, inject, NgModule, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent } from '@wawjs/ngx-prime/basecomponent';\nimport { ButtonGroupStyle } from './style/buttongroupstyle';\n\n@Component({\n    selector: 'p-buttonGroup, p-buttongroup, p-button-group',\n    standalone: true,\n    imports: [],\n    template: `\n        <span class=\"p-buttongroup p-component\" role=\"group\">\n            <ng-content></ng-content>\n        </span>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ButtonGroupStyle]\n})\nexport class ButtonGroup extends BaseComponent {\n    componentName = 'ButtonGroup';\n\n    _componentStyle = inject(ButtonGroupStyle);\n}\n\n@NgModule({\n    imports: [ButtonGroup],\n    exports: [ButtonGroup]\n})\nexport class ButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["buttongroup_style"],"mappings":";;;;;;AAIA,MAAM,KAAK,WAAW;MAChBA,OAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtB;AAED,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE;CACT;AAGK,MAAO,gBAAiB,SAAQ,SAAS,CAAA;IAC3C,IAAI,GAAG,aAAa;IAEpB,KAAK,GAAG,KAAK;IAEb,OAAO,GAAG,OAAO;uGALR,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAhB,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;AASD;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC1B;;AAEG;AACH,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,eAAsB;AAC1B,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;ACtCxB,MAAO,WAAY,SAAQ,aAAa,CAAA;IAC1C,aAAa,GAAG,aAAa;AAE7B,IAAA,eAAe,GAAG,MAAM,CAAC,gBAAgB,CAAC;uGAHjC,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,SAAA,EAFT,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPnB;;;;AAIT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAKQ,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,8CAA8C;AACxD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;AAIT,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,SAAS,EAAE,CAAC,gBAAgB;AAC/B,iBAAA;;MAWY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAjB,iBAAiB,EAAA,OAAA,EAAA,CAVjB,WAAW,CAAA,EAAA,OAAA,EAAA,CAAX,WAAW,CAAA,EAAA,CAAA;wGAUX,iBAAiB,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,WAAW,CAAC;oBACtB,OAAO,EAAE,CAAC,WAAW;AACxB,iBAAA;;;AC1BD;;AAEG;;;;"}
+{"version":3,"file":"wawjs-ngx-prime-buttongroup.mjs","sources":["../../src/buttongroup/style/buttongroupstyle.ts","../../src/buttongroup/buttongroup.ts","../../src/buttongroup/wawjs-ngx-prime-buttongroup.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style as buttongroup_style } from '@wawjs/css-prime-styles/buttongroup';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst style = /*css*/ `\n    ${buttongroup_style}\n\n    /* For ngx-prime */\n    .p-buttongroup p-button:focus .p-button {\n        position: relative;\n        z-index: 1;\n    }\n\n    .p-buttongroup p-button:not(:last-child) .p-button,\n    .p-buttongroup p-button:not(:last-child) .p-button:hover {\n        border-right: 0 none;\n    }\n\n    .p-buttongroup p-button:not(:first-of-type):not(:last-of-type) .p-button {\n        border-radius: 0;\n    }\n\n    .p-buttongroup p-button:first-of-type:not(:only-of-type) .p-button {\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n    }\n\n    .p-buttongroup p-button:last-of-type:not(:only-of-type) .p-button {\n        border-start-start-radius: 0;\n        border-end-start-radius: 0;\n    }\n`;\n\nconst classes = {\n    root: 'p-buttongroup p-component'\n};\n\n@Injectable()\nexport class ButtonGroupStyle extends BaseStyle {\n    name = 'buttongroup';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * A set of Buttons can be displayed together using the ButtonGroup component.\n *\n * [Live Demo](https://www.ngx-prime.org/button/)\n *\n * @module buttongroupstyle\n *\n */\nexport enum ButtonGroupClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-buttongroup'\n}\n","import { ChangeDetectionStrategy, Component, inject, input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent } from '@wawjs/ngx-prime/basecomponent';\nimport { ButtonGroupStyle } from './style/buttongroupstyle';\n\n@Component({\n    selector: 'p-buttonGroup, p-buttongroup, p-button-group',\n    standalone: true,\n    imports: [],\n    template: `\n        <span class=\"p-buttongroup p-component\" role=\"group\" [attr.aria-label]=\"ariaLabel()\" [attr.aria-labelledby]=\"ariaLabelledBy()\">\n            <ng-content></ng-content>\n        </span>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ButtonGroupStyle]\n})\nexport class ButtonGroup extends BaseComponent {\n    componentName = 'ButtonGroup';\n\n    _componentStyle = inject(ButtonGroupStyle);\n\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    ariaLabel = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    ariaLabelledBy = input<string>();\n}\n\n@NgModule({\n    imports: [ButtonGroup],\n    exports: [ButtonGroup]\n})\nexport class ButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["buttongroup_style"],"mappings":";;;;;;AAIA,MAAM,KAAK,WAAW;MAChBA,OAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtB;AAED,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE;CACT;AAGK,MAAO,gBAAiB,SAAQ,SAAS,CAAA;IAC3C,IAAI,GAAG,aAAa;IAEpB,KAAK,GAAG,KAAK;IAEb,OAAO,GAAG,OAAO;uGALR,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAhB,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;AASD;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC1B;;AAEG;AACH,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,eAAsB;AAC1B,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;ACtCxB,MAAO,WAAY,SAAQ,aAAa,CAAA;IAC1C,aAAa,GAAG,aAAa;AAE7B,IAAA,eAAe,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAE1C;;;AAGG;AACH,IAAA,SAAS,GAAG,KAAK;6FAAU;AAC3B;;;AAGG;AACH,IAAA,cAAc,GAAG,KAAK;kGAAU;uGAdvB,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAFT,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPnB;;;;AAIT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAKQ,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,8CAA8C;AACxD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;AAIT,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,SAAS,EAAE,CAAC,gBAAgB;AAC/B,iBAAA;;MAsBY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAjB,iBAAiB,EAAA,OAAA,EAAA,CArBjB,WAAW,CAAA,EAAA,OAAA,EAAA,CAAX,WAAW,CAAA,EAAA,CAAA;wGAqBX,iBAAiB,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,WAAW,CAAC;oBACtB,OAAO,EAAE,CAAC,WAAW;AACxB,iBAAA;;;ACrCD;;AAEG;;;;"}

package/fesm2022/wawjs-ngx-prime-buylicense.mjs

@@ -18,33 +18,33 @@ class BuyLicense {
         return slug ? `${CART_URL}?template=${encodeURIComponent(slug)}` : null;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BuyLicense, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: BuyLicense, isStandalone: true, selector: "p-buy-license", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BuyLicense, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BuyLicense, isStandalone: true, selector: "p-buy-license", ngImport: i0, template: `
         @if (href(); as url) {
-            <a [href]="url" target="_blank" rel="noopener" class="p-buy-license">
-                <i class="pi pi-shopping-cart p-buy-license-icon"></i>
+            <a [href]="url" target="_blank" rel="noopener" class="p-buy-license" aria-label="Buy License (opens in a new tab)">
+                <i class="pi pi-shopping-cart p-buy-license-icon" aria-hidden="true"></i>
                 <span class="p-buy-license-label">Buy License</span>
             </a>
         }
     `, isInline: true, styles: [".p-buy-license{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--p-primary-color, #3b82f6);border-radius:var(--p-content-border-radius, 6px);background:var(--p-primary-color, #3b82f6);color:var(--p-primary-contrast-color, #ffffff);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}.p-buy-license:hover{background:var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));border-color:var(--p-primary-hover-color, var(--p-primary-color, #3b82f6))}.p-buy-license:focus-visible{outline:none;box-shadow:var(--p-focus-ring-shadow, 0 0 0 2px var(--p-primary-color, #3b82f6))}.p-buy-license-icon{font-size:1rem;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BuyLicense, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BuyLicense, decorators: [{
             type: Component,
             args: [{ selector: 'p-buy-license', standalone: true, template: `
         @if (href(); as url) {
-            <a [href]="url" target="_blank" rel="noopener" class="p-buy-license">
-                <i class="pi pi-shopping-cart p-buy-license-icon"></i>
+            <a [href]="url" target="_blank" rel="noopener" class="p-buy-license" aria-label="Buy License (opens in a new tab)">
+                <i class="pi pi-shopping-cart p-buy-license-icon" aria-hidden="true"></i>
                 <span class="p-buy-license-label">Buy License</span>
             </a>
         }
     `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".p-buy-license{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--p-primary-color, #3b82f6);border-radius:var(--p-content-border-radius, 6px);background:var(--p-primary-color, #3b82f6);color:var(--p-primary-contrast-color, #ffffff);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}.p-buy-license:hover{background:var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));border-color:var(--p-primary-hover-color, var(--p-primary-color, #3b82f6))}.p-buy-license:focus-visible{outline:none;box-shadow:var(--p-focus-ring-shadow, 0 0 0 2px var(--p-primary-color, #3b82f6))}.p-buy-license-icon{font-size:1rem;line-height:1}\n"] }]
         }] });
 class BuyLicenseModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BuyLicenseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: BuyLicenseModule, imports: [BuyLicense], exports: [BuyLicense] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BuyLicenseModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BuyLicenseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: BuyLicenseModule, imports: [BuyLicense], exports: [BuyLicense] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BuyLicenseModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BuyLicenseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BuyLicenseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [BuyLicense],

package/fesm2022/wawjs-ngx-prime-buylicense.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wawjs-ngx-prime-buylicense.mjs","sources":["../../src/buylicense/buylicense.ts","../../src/buylicense/wawjs-ngx-prime-buylicense.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation, computed, inject } from '@angular/core';\nimport { TEMPLATE_CONFIG } from '@wawjs/ngx-prime/config';\n\nconst CART_URL = 'https://prime.webart.work/cart';\n\n/**\n * \"Buy License\" button — renders only when the app was configured with a\n * template slug via `provideTemplate({ slug })`. Links out to that\n * template's cart entry (`?template=<slug>`); nothing else about the\n * purchase (license tier, pricing) is known or passed yet.\n *\n * @group Components\n */\n@Component({\n    selector: 'p-buy-license',\n    standalone: true,\n    template: `\n        @if (href(); as url) {\n            <a [href]=\"url\" target=\"_blank\" rel=\"noopener\" class=\"p-buy-license\">\n                <i class=\"pi pi-shopping-cart p-buy-license-icon\"></i>\n                <span class=\"p-buy-license-label\">Buy License</span>\n            </a>\n        }\n    `,\n    styles: `\n        .p-buy-license {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            border: 1px solid var(--p-primary-color, #3b82f6);\n            border-radius: var(--p-content-border-radius, 6px);\n            background: var(--p-primary-color, #3b82f6);\n            color: var(--p-primary-contrast-color, #ffffff);\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-decoration: none;\n            cursor: pointer;\n            transition:\n                background 0.2s,\n                border-color 0.2s;\n        }\n\n        .p-buy-license:hover {\n            background: var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));\n            border-color: var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));\n        }\n\n        .p-buy-license:focus-visible {\n            outline: none;\n            box-shadow: var(--p-focus-ring-shadow, 0 0 0 2px var(--p-primary-color, #3b82f6));\n        }\n\n        .p-buy-license-icon {\n            font-size: 1rem;\n            line-height: 1;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class BuyLicense {\n    private readonly config = inject(TEMPLATE_CONFIG, { optional: true });\n\n    protected readonly href = computed(() => {\n        const slug = this.config?.slug?.trim();\n        return slug ? `${CART_URL}?template=${encodeURIComponent(slug)}` : null;\n    });\n}\n\n@NgModule({\n    imports: [BuyLicense],\n    exports: [BuyLicense]\n})\nexport class BuyLicenseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAGA,MAAM,QAAQ,GAAG,gCAAgC;AAEjD;;;;;;;AAOG;MAkDU,UAAU,CAAA;IACF,MAAM,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElD,IAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;AACtC,QAAA,OAAO,IAAI,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,EAAa,kBAAkB,CAAC,IAAI,CAAC,CAAA,CAAE,GAAG,IAAI;IAC3E,CAAC;6EAAC;uGANO,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA9CT;;;;;;;AAOT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+uBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAuCQ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAjDtB,SAAS;+BACI,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,QAAA,EACN;;;;;;;AAOT,IAAA,CAAA,EAAA,eAAA,EAoCgB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,+uBAAA,CAAA,EAAA;;MAe5B,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAbhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAaV,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;;;AC1ED;;AAEG;;;;"}
+{"version":3,"file":"wawjs-ngx-prime-buylicense.mjs","sources":["../../src/buylicense/buylicense.ts","../../src/buylicense/wawjs-ngx-prime-buylicense.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation, computed, inject } from '@angular/core';\nimport { TEMPLATE_CONFIG } from '@wawjs/ngx-prime/config';\n\nconst CART_URL = 'https://prime.webart.work/cart';\n\n/**\n * \"Buy License\" button — renders only when the app was configured with a\n * template slug via `provideTemplate({ slug })`. Links out to that\n * template's cart entry (`?template=<slug>`); nothing else about the\n * purchase (license tier, pricing) is known or passed yet.\n *\n * @group Components\n */\n@Component({\n    selector: 'p-buy-license',\n    standalone: true,\n    template: `\n        @if (href(); as url) {\n            <a [href]=\"url\" target=\"_blank\" rel=\"noopener\" class=\"p-buy-license\" aria-label=\"Buy License (opens in a new tab)\">\n                <i class=\"pi pi-shopping-cart p-buy-license-icon\" aria-hidden=\"true\"></i>\n                <span class=\"p-buy-license-label\">Buy License</span>\n            </a>\n        }\n    `,\n    styles: `\n        .p-buy-license {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            border: 1px solid var(--p-primary-color, #3b82f6);\n            border-radius: var(--p-content-border-radius, 6px);\n            background: var(--p-primary-color, #3b82f6);\n            color: var(--p-primary-contrast-color, #ffffff);\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-decoration: none;\n            cursor: pointer;\n            transition:\n                background 0.2s,\n                border-color 0.2s;\n        }\n\n        .p-buy-license:hover {\n            background: var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));\n            border-color: var(--p-primary-hover-color, var(--p-primary-color, #3b82f6));\n        }\n\n        .p-buy-license:focus-visible {\n            outline: none;\n            box-shadow: var(--p-focus-ring-shadow, 0 0 0 2px var(--p-primary-color, #3b82f6));\n        }\n\n        .p-buy-license-icon {\n            font-size: 1rem;\n            line-height: 1;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class BuyLicense {\n    private readonly config = inject(TEMPLATE_CONFIG, { optional: true });\n\n    protected readonly href = computed(() => {\n        const slug = this.config?.slug?.trim();\n        return slug ? `${CART_URL}?template=${encodeURIComponent(slug)}` : null;\n    });\n}\n\n@NgModule({\n    imports: [BuyLicense],\n    exports: [BuyLicense]\n})\nexport class BuyLicenseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAGA,MAAM,QAAQ,GAAG,gCAAgC;AAEjD;;;;;;;AAOG;MAkDU,UAAU,CAAA;IACF,MAAM,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElD,IAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;AACtC,QAAA,OAAO,IAAI,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,EAAa,kBAAkB,CAAC,IAAI,CAAC,CAAA,CAAE,GAAG,IAAI;IAC3E,CAAC;6EAAC;uGANO,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA9CT;;;;;;;AAOT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+uBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAuCQ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAjDtB,SAAS;+BACI,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,QAAA,EACN;;;;;;;AAOT,IAAA,CAAA,EAAA,eAAA,EAoCgB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,+uBAAA,CAAA,EAAA;;MAe5B,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAbhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAaV,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;;;AC1ED;;AAEG;;;;"}

package/fesm2022/wawjs-ngx-prime-card.mjs

@@ -32,10 +32,10 @@ class CardStyle extends BaseStyle {
     name = 'card';
     style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -203,8 +203,8 @@ class Card extends BaseComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Card, isStandalone: true, selector: "p-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())", "style": "_style()" } }, providers: [CardStyle, { provide: CARD_INSTANCE, useExisting: Card }, { provide: PARENT_INSTANCE, useExisting: Card }], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true, isSignal: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "titleTemplate", first: true, predicate: ["title"] }, { propertyName: "subtitleTemplate", first: true, predicate: ["subtitle"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: Card, isStandalone: true, selector: "p-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())", "style": "_style()" } }, providers: [CardStyle, { provide: CARD_INSTANCE, useExisting: Card }, { provide: PARENT_INSTANCE, useExisting: Card }], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true, isSignal: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "titleTemplate", first: true, predicate: ["title"] }, { propertyName: "subtitleTemplate", first: true, predicate: ["subtitle"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (headerFacet() || headerTemplate || _headerTemplate) {
             <div [pBind]="ptm('header')" [class]="cx('header')">
                 <ng-content select="p-header"></ng-content>
@@ -241,7 +241,7 @@ class Card extends BaseComponent {
         </div>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.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: Card, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Card, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-card',
@@ -306,11 +306,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: ['footer', { descendants: false }]
             }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
 class CardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: CardModule, imports: [Card, SharedModule, BindModule], exports: [Card, SharedModule, BindModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardModule, imports: [Card, SharedModule, BindModule, SharedModule, BindModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: CardModule, imports: [Card, SharedModule, BindModule], exports: [Card, SharedModule, BindModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardModule, imports: [Card, SharedModule, BindModule, SharedModule, BindModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Card, SharedModule, BindModule],

package/fesm2022/wawjs-ngx-prime-carousel.mjs

@@ -69,10 +69,10 @@ class CarouselStyle extends BaseStyle {
     name = 'carousel';
     style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -408,7 +408,7 @@ class Carousel extends BaseComponent {
     onAfterContentInit() {
         this.id = uuid('pn_id_');
         if (isPlatformBrowser(this.platformId)) {
-            this.allowAutoplay = !!this.autoplayInterval();
+            this.allowAutoplay = !!this.autoplayInterval() && !this.prefersReducedMotion();
             if (this.circular()) {
                 this.setCloneItems();
             }
@@ -758,7 +758,21 @@ class Carousel extends BaseComponent {
         });
         this.cd.markForCheck();
     }
+    prefersReducedMotion() {
+        return isPlatformBrowser(this.platformId) && !!this.document.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+    }
+    toggleAutoplay() {
+        if (this.allowAutoplay) {
+            this.stopAutoplay();
+        }
+        else {
+            this.startAutoplay();
+        }
+    }
     startAutoplay() {
+        if (this.prefersReducedMotion()) {
+            return;
+        }
         this.interval = setInterval(() => {
             if (this.totalDots() > 0) {
                 if (this._page === this.totalDots() - 1) {
@@ -838,6 +852,12 @@ class Carousel extends BaseComponent {
     ariaSlideNumber(value) {
         return this.config.translation.aria ? this.config.translation.aria?.slideNumber?.replace(/{slideNumber}/g, value) : undefined;
     }
+    ariaPauseLabel() {
+        return 'Pause automatic slide rotation';
+    }
+    ariaPlayLabel() {
+        return 'Start automatic slide rotation';
+    }
     ariaPageLabel(value) {
         return this.config.translation.aria ? this.config.translation.aria?.pageLabel?.replace(/{page}/g, value) : undefined;
     }
@@ -883,8 +903,8 @@ class Carousel extends BaseComponent {
             this.stopAutoplay();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Carousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Carousel, isStandalone: true, selector: "p-carousel", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, numVisible: { classPropertyName: "numVisible", publicName: "numVisible", isSignal: true, isRequired: false, transformFunction: null }, numScroll: { classPropertyName: "numScroll", publicName: "numScroll", isSignal: true, isRequired: false, transformFunction: null }, responsiveOptions: { classPropertyName: "responsiveOptions", publicName: "responsiveOptions", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, verticalViewPortHeight: { classPropertyName: "verticalViewPortHeight", publicName: "verticalViewPortHeight", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorsContentClass: { classPropertyName: "indicatorsContentClass", publicName: "indicatorsContentClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorsContentStyle: { classPropertyName: "indicatorsContentStyle", publicName: "indicatorsContentStyle", isSignal: true, isRequired: false, transformFunction: null }, indicatorStyleClass: { classPropertyName: "indicatorStyleClass", publicName: "indicatorStyleClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorStyle: { classPropertyName: "indicatorStyle", publicName: "indicatorStyle", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, circular: { classPropertyName: "circular", publicName: "circular", isSignal: true, isRequired: false, transformFunction: null }, showIndicators: { classPropertyName: "showIndicators", publicName: "showIndicators", isSignal: true, isRequired: false, transformFunction: null }, showNavigators: { classPropertyName: "showNavigators", publicName: "showNavigators", isSignal: true, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, prevButtonProps: { classPropertyName: "prevButtonProps", publicName: "prevButtonProps", isSignal: true, isRequired: false, transformFunction: null }, nextButtonProps: { classPropertyName: "nextButtonProps", publicName: "nextButtonProps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPage: "onPage" }, host: { properties: { "attr.id": "id", "attr.role": "'region'", "class": "cn(cx('root'), styleClass())" } }, providers: [CarouselStyle, { provide: PARENT_INSTANCE, useExisting: Carousel }], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true, isSignal: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true, isSignal: true }, { propertyName: "itemTemplate", first: true, predicate: ["item"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "previousIconTemplate", first: true, predicate: ["previousicon"] }, { propertyName: "nextIconTemplate", first: true, predicate: ["nexticon"] }], viewQueries: [{ propertyName: "itemsContainer", first: true, predicate: ["itemsContainer"], descendants: true, isSignal: true }, { propertyName: "indicatorContent", first: true, predicate: ["indicatorContent"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Carousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: Carousel, isStandalone: true, selector: "p-carousel", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, numVisible: { classPropertyName: "numVisible", publicName: "numVisible", isSignal: true, isRequired: false, transformFunction: null }, numScroll: { classPropertyName: "numScroll", publicName: "numScroll", isSignal: true, isRequired: false, transformFunction: null }, responsiveOptions: { classPropertyName: "responsiveOptions", publicName: "responsiveOptions", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, verticalViewPortHeight: { classPropertyName: "verticalViewPortHeight", publicName: "verticalViewPortHeight", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorsContentClass: { classPropertyName: "indicatorsContentClass", publicName: "indicatorsContentClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorsContentStyle: { classPropertyName: "indicatorsContentStyle", publicName: "indicatorsContentStyle", isSignal: true, isRequired: false, transformFunction: null }, indicatorStyleClass: { classPropertyName: "indicatorStyleClass", publicName: "indicatorStyleClass", isSignal: true, isRequired: false, transformFunction: null }, indicatorStyle: { classPropertyName: "indicatorStyle", publicName: "indicatorStyle", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, circular: { classPropertyName: "circular", publicName: "circular", isSignal: true, isRequired: false, transformFunction: null }, showIndicators: { classPropertyName: "showIndicators", publicName: "showIndicators", isSignal: true, isRequired: false, transformFunction: null }, showNavigators: { classPropertyName: "showNavigators", publicName: "showNavigators", isSignal: true, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, prevButtonProps: { classPropertyName: "prevButtonProps", publicName: "prevButtonProps", isSignal: true, isRequired: false, transformFunction: null }, nextButtonProps: { classPropertyName: "nextButtonProps", publicName: "nextButtonProps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPage: "onPage" }, host: { properties: { "attr.id": "id", "attr.role": "'region'", "class": "cn(cx('root'), styleClass())" } }, providers: [CarouselStyle, { provide: PARENT_INSTANCE, useExisting: Carousel }], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true, isSignal: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true, isSignal: true }, { propertyName: "itemTemplate", first: true, predicate: ["item"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "previousIconTemplate", first: true, predicate: ["previousicon"] }, { propertyName: "nextIconTemplate", first: true, predicate: ["nexticon"] }], viewQueries: [{ propertyName: "itemsContainer", first: true, predicate: ["itemsContainer"], descendants: true, isSignal: true }, { propertyName: "indicatorContent", first: true, predicate: ["indicatorContent"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (headerFacet() || headerTemplate) {
             <div [class]="cx('header')" [pBind]="ptm('header')">
                 <ng-content select="p-header"></ng-content>
@@ -992,6 +1012,15 @@ class Carousel extends BaseComponent {
                         </ng-template>
                     </p-button>
                 }
+                @if (autoplayInterval()) {
+                    <button type="button" [class]="cx('pcNextButton')" [attr.aria-label]="allowAutoplay ? ariaPauseLabel() : ariaPlayLabel()" [attr.aria-pressed]="!allowAutoplay" (click)="toggleAutoplay()">
+                        @if (allowAutoplay) {
+                            <span aria-hidden="true">&#10073;&#10073;</span>
+                        } @else {
+                            <span aria-hidden="true">&#9654;</span>
+                        }
+                    </button>
+                }
             </div>
             @if (showIndicators()) {
                 <ul #indicatorContent [class]="cx('indicatorList')" [ngStyle]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
@@ -1020,7 +1049,7 @@ class Carousel 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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChevronRightIcon, selector: "[data-p-icon=\"chevron-right\"]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ChevronLeftIcon, selector: "[data-p-icon=\"chevron-left\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-p-icon=\"chevron-up\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.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: Carousel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Carousel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-carousel',
@@ -1134,6 +1163,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         </ng-template>
                     </p-button>
                 }
+                @if (autoplayInterval()) {
+                    <button type="button" [class]="cx('pcNextButton')" [attr.aria-label]="allowAutoplay ? ariaPauseLabel() : ariaPlayLabel()" [attr.aria-pressed]="!allowAutoplay" (click)="toggleAutoplay()">
+                        @if (allowAutoplay) {
+                            <span aria-hidden="true">&#10073;&#10073;</span>
+                        } @else {
+                            <span aria-hidden="true">&#9654;</span>
+                        }
+                    </button>
+                }
             </div>
             @if (showIndicators()) {
                 <ul #indicatorContent [class]="cx('indicatorList')" [ngStyle]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
@@ -1185,11 +1223,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: ['nexticon', { descendants: false }]
             }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
 class CarouselModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: CarouselModule, imports: [Carousel, SharedModule], exports: [Carousel, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselModule, imports: [Carousel, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: CarouselModule, imports: [Carousel, SharedModule], exports: [Carousel, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselModule, imports: [Carousel, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Carousel, SharedModule],