@ardium-ui/ui 2.3.0 → 2.3.1

package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, viewChild, } from '@angular/core';
-import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import { coerceArrayProperty, coerceBooleanProperty } from '@ardium-ui/devkit';
 import { FormElementAppearance } from '../types/theming.types';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -7,16 +7,9 @@ import * as i2 from "../kbd/kbd.component";
 export class ArdiumKbdShortcutComponent {
     constructor() {
         this.contentWrapper = viewChild('contentWrapperEl');
-        this.splitRegex = /[+ ]/;
+        this.splitRegex = /[+, ]/;
         this.keys = input(undefined, {
-            transform: v => {
-                //assign from string
-                if (typeof v === 'string') {
-                    return v.split(this.splitRegex);
-                }
-                //assign undefined or array
-                return v && [...v];
-            },
+            transform: v => coerceArrayProperty(v, this.splitRegex),
         });
         this.full = input(false, { transform: v => coerceBooleanProperty(v) });
         //! appearance
@@ -29,10 +22,10 @@ export class ArdiumKbdShortcutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumKbdShortcutComponent, selector: "ard-kbd-shortcut", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut-content-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ArdiumKbdComponent, selector: "ard-kbd", inputs: ["key", "full", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumKbdShortcutComponent, selector: "ard-kbd-shortcut", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ArdiumKbdComponent, selector: "ard-kbd", inputs: ["key", "full", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ard-kbd-shortcut', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut-content-wrapper{display:none}\n"] }]
+            args: [{ selector: 'ard-kbd-shortcut', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2JkLXNob3J0Y3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIva2JkLXNob3J0Y3V0L2tiZC1zaG9ydGN1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2tiZC1zaG9ydGN1dC9rYmQtc2hvcnRjdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVS9ELE1BQU0sT0FBTywwQkFBMEI7SUFQdkM7UUFRVyxtQkFBYyxHQUFHLFNBQVMsQ0FBMEIsa0JBQWtCLENBQUMsQ0FBQztRQVF4RSxlQUFVLEdBQUcsTUFBTSxDQUFDO1FBRXBCLFNBQUksR0FBRyxLQUFLLENBQWtELFNBQVMsRUFBRTtZQUNoRixTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2Isb0JBQW9CO2dCQUNwQixJQUFJLE9BQU8sQ0FBQyxLQUFLLFFBQVEsRUFBRSxDQUFDO29CQUMxQixPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNsQyxDQUFDO2dCQUNELDJCQUEyQjtnQkFDM0IsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3JCLENBQUM7U0FDRixDQUFDLENBQUM7UUFFTSxTQUFJLEdBQUcsS0FBSyxDQUFlLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV6RixjQUFjO1FBQ0wsZUFBVSxHQUFHLEtBQUssQ0FBd0IscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEUsY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUM5RjtJQXpCQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEUsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDOzhHQVBVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHlqQkNyQnZDLHlmQXNCQTs7MkZERGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIGNvbXB1dGVkLFxyXG4gIGlucHV0LFxyXG4gIHZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xyXG5pbXBvcnQgeyBGb3JtRWxlbWVudEFwcGVhcmFuY2UgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcclxuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICcuLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXJkLWtiZC1zaG9ydGN1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2tiZC1zaG9ydGN1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va2JkLXNob3J0Y3V0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bUtiZFNob3J0Y3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcmVhZG9ubHkgY29udGVudFdyYXBwZXIgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KCdjb250ZW50V3JhcHBlckVsJyk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5rZXlzKCkgJiYgIXRoaXMuY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBBUkQtRlQ1MDQwOiBVc2luZyA8YXJkLWtiZC1zaG9ydGN1dD4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBba2V5c10gZmllbGQgaXMgbm90IGFsbG93ZWQuYCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBzcGxpdFJlZ2V4ID0gL1srIF0vO1xyXG5cclxuICByZWFkb25seSBrZXlzID0gaW5wdXQ8TnVsbGFibGU8c3RyaW5nW10+LCBOdWxsYWJsZTxzdHJpbmcgfCBzdHJpbmdbXT4+KHVuZGVmaW5lZCwge1xyXG4gICAgdHJhbnNmb3JtOiB2ID0+IHtcclxuICAgICAgLy9hc3NpZ24gZnJvbSBzdHJpbmdcclxuICAgICAgaWYgKHR5cGVvZiB2ID09PSAnc3RyaW5nJykge1xyXG4gICAgICAgIHJldHVybiB2LnNwbGl0KHRoaXMuc3BsaXRSZWdleCk7XHJcbiAgICAgIH1cclxuICAgICAgLy9hc3NpZ24gdW5kZWZpbmVkIG9yIGFycmF5XHJcbiAgICAgIHJldHVybiB2ICYmIFsuLi52XTtcclxuICAgIH0sXHJcbiAgfSk7XHJcblxyXG4gIHJlYWRvbmx5IGZ1bGwgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XHJcblxyXG4gIC8vISBhcHBlYXJhbmNlXHJcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZSA9IGlucHV0PEZvcm1FbGVtZW50QXBwZWFyYW5jZT4oRm9ybUVsZW1lbnRBcHBlYXJhbmNlLkZpbGxlZCk7XHJcblxyXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gW2BhcmQtYXBwZWFyYW5jZS0ke3RoaXMuYXBwZWFyYW5jZX1gXS5qb2luKCcgJykpO1xyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImFyZC1rYmQtc2hvcnRjdXRcIlxyXG4gIFtuZ0NsYXNzXT1cIm5nQ2xhc3Nlc1wiXHJcbj5cclxuICBAZm9yIChrZXkgb2Yga2V5cygpID8/IGNvbnRlbnRXcmFwcGVyKCk/Lm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dD8uc3BsaXQoc3BsaXRSZWdleCk7IHRyYWNrICRpbmRleCkge1xyXG4gICAgQGlmICgkaW5kZXggIT09IDApIHtcclxuICAgICAgPHNwYW4+Kzwvc3Bhbj5cclxuICAgIH1cclxuICAgIDxhcmQta2JkXHJcbiAgICAgIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2UoKVwiXHJcbiAgICAgIFtmdWxsXT1cImZ1bGwoKVwiXHJcbiAgICAgIFtrZXldPVwia2V5XCJcclxuICAgIC8+XHJcbiAgfVxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAjY29udGVudFdyYXBwZXJFbFxyXG4gIGNsYXNzPVwiYXJkLWtiZC1zaG9ydGN1dC1jb250ZW50LXdyYXBwZXJcIlxyXG4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2JkLXNob3J0Y3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIva2JkLXNob3J0Y3V0L2tiZC1zaG9ydGN1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2tiZC1zaG9ydGN1dC9rYmQtc2hvcnRjdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVS9ELE1BQU0sT0FBTywwQkFBMEI7SUFQdkM7UUFRVyxtQkFBYyxHQUFHLFNBQVMsQ0FBMEIsa0JBQWtCLENBQUMsQ0FBQztRQVF4RSxlQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3JCLFNBQUksR0FBRyxLQUFLLENBQWtELFNBQVMsRUFBRTtZQUNoRixTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUN4RCxDQUFDLENBQUM7UUFFTSxTQUFJLEdBQUcsS0FBSyxDQUFlLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV6RixjQUFjO1FBQ0wsZUFBVSxHQUFHLEtBQUssQ0FBd0IscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEUsY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUM5RjtJQWpCQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEUsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDOzhHQVBVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHlqQkNyQnZDLHlmQXNCQTs7MkZERGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIGNvbXB1dGVkLFxyXG4gIGlucHV0LFxyXG4gIHZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY29lcmNlQXJyYXlQcm9wZXJ0eSwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xyXG5pbXBvcnQgeyBGb3JtRWxlbWVudEFwcGVhcmFuY2UgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcclxuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICcuLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXJkLWtiZC1zaG9ydGN1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2tiZC1zaG9ydGN1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va2JkLXNob3J0Y3V0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bUtiZFNob3J0Y3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcmVhZG9ubHkgY29udGVudFdyYXBwZXIgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KCdjb250ZW50V3JhcHBlckVsJyk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5rZXlzKCkgJiYgIXRoaXMuY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBBUkQtRlQ1MDQwOiBVc2luZyA8YXJkLWtiZC1zaG9ydGN1dD4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBba2V5c10gZmllbGQgaXMgbm90IGFsbG93ZWQuYCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBzcGxpdFJlZ2V4ID0gL1srLCBdLztcclxuICByZWFkb25seSBrZXlzID0gaW5wdXQ8TnVsbGFibGU8c3RyaW5nW10+LCBOdWxsYWJsZTxzdHJpbmcgfCBzdHJpbmdbXT4+KHVuZGVmaW5lZCwge1xyXG4gICAgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZUFycmF5UHJvcGVydHkodiwgdGhpcy5zcGxpdFJlZ2V4KSxcclxuICB9KTtcclxuXHJcbiAgcmVhZG9ubHkgZnVsbCA9IGlucHV0PGJvb2xlYW4sIGFueT4oZmFsc2UsIHsgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2KSB9KTtcclxuXHJcbiAgLy8hIGFwcGVhcmFuY2VcclxuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8Rm9ybUVsZW1lbnRBcHBlYXJhbmNlPihGb3JtRWxlbWVudEFwcGVhcmFuY2UuRmlsbGVkKTtcclxuXHJcbiAgcmVhZG9ubHkgbmdDbGFzc2VzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiBbYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlfWBdLmpvaW4oJyAnKSk7XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiYXJkLWtiZC1zaG9ydGN1dFwiXHJcbiAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuPlxyXG4gIEBmb3IgKGtleSBvZiBrZXlzKCkgPz8gY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudD8uaW5uZXJUZXh0Py5zcGxpdChzcGxpdFJlZ2V4KTsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICBAaWYgKCRpbmRleCAhPT0gMCkge1xyXG4gICAgICA8c3Bhbj4rPC9zcGFuPlxyXG4gICAgfVxyXG4gICAgPGFyZC1rYmRcclxuICAgICAgW2FwcGVhcmFuY2VdPVwiYXBwZWFyYW5jZSgpXCJcclxuICAgICAgW2Z1bGxdPVwiZnVsbCgpXCJcclxuICAgICAgW2tleV09XCJrZXlcIlxyXG4gICAgLz5cclxuICB9XHJcbjwvZGl2PlxyXG5cclxuPGRpdlxyXG4gICNjb250ZW50V3JhcHBlckVsXHJcbiAgY2xhc3M9XCJhcmQta2JkLXNob3J0Y3V0LWNvbnRlbnQtd3JhcHBlclwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG4iXX0=

package/fesm2022/ardium-ui-ui.mjs

@@ -8065,16 +8065,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
 class ArdiumKbdShortcutComponent {
     constructor() {
         this.contentWrapper = viewChild('contentWrapperEl');
-        this.splitRegex = /[+ ]/;
+        this.splitRegex = /[+, ]/;
         this.keys = input(undefined, {
-            transform: v => {
-                //assign from string
-                if (typeof v === 'string') {
-                    return v.split(this.splitRegex);
-                }
-                //assign undefined or array
-                return v && [...v];
-            },
+            transform: v => coerceArrayProperty(v, this.splitRegex),
         });
         this.full = input(false, { transform: v => coerceBooleanProperty(v) });
         //! appearance
@@ -8087,11 +8080,11 @@ class ArdiumKbdShortcutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumKbdShortcutComponent, selector: "ard-kbd-shortcut", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut-content-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumKbdComponent, selector: "ard-kbd", inputs: ["key", "full", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumKbdShortcutComponent, selector: "ard-kbd-shortcut", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumKbdComponent, selector: "ard-kbd", inputs: ["key", "full", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ard-kbd-shortcut', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut-content-wrapper{display:none}\n"] }]
+            args: [{ selector: 'ard-kbd-shortcut', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-kbd-shortcut\"\r\n  [ngClass]=\"ngClasses\"\r\n>\r\n  @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\r\n    @if ($index !== 0) {\r\n      <span>+</span>\r\n    }\r\n    <ard-kbd\r\n      [appearance]=\"appearance()\"\r\n      [full]=\"full()\"\r\n      [key]=\"key\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div\r\n  #contentWrapperEl\r\n  class=\"ard-kbd-shortcut-content-wrapper\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"] }]
         }] });
 
 class ArdiumKbdShortcutModule {