@ardium-ui/ui 2.3.0 → 2.3.2

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 (4) hide show
  1. package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs +6 -13
  2. package/fesm2022/ardium-ui-ui.mjs +4 -11
  3. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, viewChild, } from '@angular/core';
2
- import { coerceBooleanProperty } from '@ardium-ui/devkit';
2
+ import { coerceArrayProperty, coerceBooleanProperty } from '@ardium-ui/devkit';
3
3
  import { FormElementAppearance } from '../types/theming.types';
4
4
  import * as i0 from "@angular/core";
5
5
  import * as i1 from "@angular/common";
@@ -7,16 +7,9 @@ import * as i2 from "../kbd/kbd.component";
7
7
  export class ArdiumKbdShortcutComponent {
8
8
  constructor() {
9
9
  this.contentWrapper = viewChild('contentWrapperEl');
10
- this.splitRegex = /[+ ]/;
10
+ this.splitRegex = /[+, ]/;
11
11
  this.keys = input(undefined, {
12
- transform: v => {
13
- //assign from string
14
- if (typeof v === 'string') {
15
- return v.split(this.splitRegex);
16
- }
17
- //assign undefined or array
18
- return v && [...v];
19
- },
12
+ transform: v => coerceArrayProperty(v, this.splitRegex),
20
13
  });
21
14
  this.full = input(false, { transform: v => coerceBooleanProperty(v) });
22
15
  //! appearance
@@ -29,10 +22,10 @@ export class ArdiumKbdShortcutComponent {
29
22
  }
30
23
  }
31
24
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- 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 }); }
25
+ 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 }); }
33
26
  }
34
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, decorators: [{
35
28
  type: Component,
36
- 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"] }]
29
+ 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"] }]
37
30
  }] });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2JkLXNob3J0Y3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIva2JkLXNob3J0Y3V0L2tiZC1zaG9ydGN1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2tiZC1zaG9ydGN1dC9rYmQtc2hvcnRjdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVS9ELE1BQU0sT0FBTywwQkFBMEI7SUFQdkM7UUFRVyxtQkFBYyxHQUFHLFNBQVMsQ0FBMEIsa0JBQWtCLENBQUMsQ0FBQztRQVF4RSxlQUFVLEdBQUcsTUFBTSxDQUFDO1FBRXBCLFNBQUksR0FBRyxLQUFLLENBQWtELFNBQVMsRUFBRTtZQUNoRixTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2Isb0JBQW9CO2dCQUNwQixJQUFJLE9BQU8sQ0FBQyxLQUFLLFFBQVEsRUFBRSxDQUFDO29CQUMxQixPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNsQyxDQUFDO2dCQUNELDJCQUEyQjtnQkFDM0IsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3JCLENBQUM7U0FDRixDQUFDLENBQUM7UUFFTSxTQUFJLEdBQUcsS0FBSyxDQUFlLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV6RixjQUFjO1FBQ0wsZUFBVSxHQUFHLEtBQUssQ0FBd0IscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEUsY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUM5RjtJQXpCQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEUsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDOzhHQVBVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHlqQkNyQnZDLHlmQXNCQTs7MkZERGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIGNvbXB1dGVkLFxyXG4gIGlucHV0LFxyXG4gIHZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xyXG5pbXBvcnQgeyBGb3JtRWxlbWVudEFwcGVhcmFuY2UgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcclxuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICcuLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXJkLWtiZC1zaG9ydGN1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2tiZC1zaG9ydGN1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va2JkLXNob3J0Y3V0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bUtiZFNob3J0Y3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcmVhZG9ubHkgY29udGVudFdyYXBwZXIgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KCdjb250ZW50V3JhcHBlckVsJyk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5rZXlzKCkgJiYgIXRoaXMuY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBBUkQtRlQ1MDQwOiBVc2luZyA8YXJkLWtiZC1zaG9ydGN1dD4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBba2V5c10gZmllbGQgaXMgbm90IGFsbG93ZWQuYCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBzcGxpdFJlZ2V4ID0gL1srIF0vO1xyXG5cclxuICByZWFkb25seSBrZXlzID0gaW5wdXQ8TnVsbGFibGU8c3RyaW5nW10+LCBOdWxsYWJsZTxzdHJpbmcgfCBzdHJpbmdbXT4+KHVuZGVmaW5lZCwge1xyXG4gICAgdHJhbnNmb3JtOiB2ID0+IHtcclxuICAgICAgLy9hc3NpZ24gZnJvbSBzdHJpbmdcclxuICAgICAgaWYgKHR5cGVvZiB2ID09PSAnc3RyaW5nJykge1xyXG4gICAgICAgIHJldHVybiB2LnNwbGl0KHRoaXMuc3BsaXRSZWdleCk7XHJcbiAgICAgIH1cclxuICAgICAgLy9hc3NpZ24gdW5kZWZpbmVkIG9yIGFycmF5XHJcbiAgICAgIHJldHVybiB2ICYmIFsuLi52XTtcclxuICAgIH0sXHJcbiAgfSk7XHJcblxyXG4gIHJlYWRvbmx5IGZ1bGwgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XHJcblxyXG4gIC8vISBhcHBlYXJhbmNlXHJcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZSA9IGlucHV0PEZvcm1FbGVtZW50QXBwZWFyYW5jZT4oRm9ybUVsZW1lbnRBcHBlYXJhbmNlLkZpbGxlZCk7XHJcblxyXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gW2BhcmQtYXBwZWFyYW5jZS0ke3RoaXMuYXBwZWFyYW5jZX1gXS5qb2luKCcgJykpO1xyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImFyZC1rYmQtc2hvcnRjdXRcIlxyXG4gIFtuZ0NsYXNzXT1cIm5nQ2xhc3Nlc1wiXHJcbj5cclxuICBAZm9yIChrZXkgb2Yga2V5cygpID8/IGNvbnRlbnRXcmFwcGVyKCk/Lm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dD8uc3BsaXQoc3BsaXRSZWdleCk7IHRyYWNrICRpbmRleCkge1xyXG4gICAgQGlmICgkaW5kZXggIT09IDApIHtcclxuICAgICAgPHNwYW4+Kzwvc3Bhbj5cclxuICAgIH1cclxuICAgIDxhcmQta2JkXHJcbiAgICAgIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2UoKVwiXHJcbiAgICAgIFtmdWxsXT1cImZ1bGwoKVwiXHJcbiAgICAgIFtrZXldPVwia2V5XCJcclxuICAgIC8+XHJcbiAgfVxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAjY29udGVudFdyYXBwZXJFbFxyXG4gIGNsYXNzPVwiYXJkLWtiZC1zaG9ydGN1dC1jb250ZW50LXdyYXBwZXJcIlxyXG4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2JkLXNob3J0Y3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIva2JkLXNob3J0Y3V0L2tiZC1zaG9ydGN1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2tiZC1zaG9ydGN1dC9rYmQtc2hvcnRjdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVS9ELE1BQU0sT0FBTywwQkFBMEI7SUFQdkM7UUFRVyxtQkFBYyxHQUFHLFNBQVMsQ0FBMEIsa0JBQWtCLENBQUMsQ0FBQztRQVF4RSxlQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3JCLFNBQUksR0FBRyxLQUFLLENBQWtELFNBQVMsRUFBRTtZQUNoRixTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUN4RCxDQUFDLENBQUM7UUFFTSxTQUFJLEdBQUcsS0FBSyxDQUFlLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV6RixjQUFjO1FBQ0wsZUFBVSxHQUFHLEtBQUssQ0FBd0IscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEUsY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUM5RjtJQWpCQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEUsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDOzhHQVBVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHlqQkNyQnZDLDJmQXNCQTs7MkZERGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIGNvbXB1dGVkLFxyXG4gIGlucHV0LFxyXG4gIHZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY29lcmNlQXJyYXlQcm9wZXJ0eSwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xyXG5pbXBvcnQgeyBGb3JtRWxlbWVudEFwcGVhcmFuY2UgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcclxuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICcuLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXJkLWtiZC1zaG9ydGN1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2tiZC1zaG9ydGN1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va2JkLXNob3J0Y3V0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bUtiZFNob3J0Y3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcmVhZG9ubHkgY29udGVudFdyYXBwZXIgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KCdjb250ZW50V3JhcHBlckVsJyk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5rZXlzKCkgJiYgIXRoaXMuY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKGBBUkQtRlQ1MDQwOiBVc2luZyA8YXJkLWtiZC1zaG9ydGN1dD4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBba2V5c10gZmllbGQgaXMgbm90IGFsbG93ZWQuYCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBzcGxpdFJlZ2V4ID0gL1srLCBdLztcclxuICByZWFkb25seSBrZXlzID0gaW5wdXQ8TnVsbGFibGU8c3RyaW5nW10+LCBOdWxsYWJsZTxzdHJpbmcgfCBzdHJpbmdbXT4+KHVuZGVmaW5lZCwge1xyXG4gICAgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZUFycmF5UHJvcGVydHkodiwgdGhpcy5zcGxpdFJlZ2V4KSxcclxuICB9KTtcclxuXHJcbiAgcmVhZG9ubHkgZnVsbCA9IGlucHV0PGJvb2xlYW4sIGFueT4oZmFsc2UsIHsgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2KSB9KTtcclxuXHJcbiAgLy8hIGFwcGVhcmFuY2VcclxuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8Rm9ybUVsZW1lbnRBcHBlYXJhbmNlPihGb3JtRWxlbWVudEFwcGVhcmFuY2UuRmlsbGVkKTtcclxuXHJcbiAgcmVhZG9ubHkgbmdDbGFzc2VzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiBbYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlfWBdLmpvaW4oJyAnKSk7XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiYXJkLWtiZC1zaG9ydGN1dFwiXHJcbiAgW25nQ2xhc3NdPVwibmdDbGFzc2VzKClcIlxyXG4+XHJcbiAgQGZvciAoa2V5IG9mIGtleXMoKSA/PyBjb250ZW50V3JhcHBlcigpPy5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQ/LnNwbGl0KHNwbGl0UmVnZXgpOyB0cmFjayAkaW5kZXgpIHtcclxuICAgIEBpZiAoJGluZGV4ICE9PSAwKSB7XHJcbiAgICAgIDxzcGFuPis8L3NwYW4+XHJcbiAgICB9XHJcbiAgICA8YXJkLWtiZFxyXG4gICAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlKClcIlxyXG4gICAgICBbZnVsbF09XCJmdWxsKClcIlxyXG4gICAgICBba2V5XT1cImtleVwiXHJcbiAgICAvPlxyXG4gIH1cclxuPC9kaXY+XHJcblxyXG48ZGl2XHJcbiAgI2NvbnRlbnRXcmFwcGVyRWxcclxuICBjbGFzcz1cImFyZC1rYmQtc2hvcnRjdXQtY29udGVudC13cmFwcGVyXCJcclxuPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==
package/fesm2022/ardium-ui-ui.mjs CHANGED
@@ -8065,16 +8065,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
8065
8065
  class ArdiumKbdShortcutComponent {
8066
8066
  constructor() {
8067
8067
  this.contentWrapper = viewChild('contentWrapperEl');
8068
- this.splitRegex = /[+ ]/;
8068
+ this.splitRegex = /[+, ]/;
8069
8069
  this.keys = input(undefined, {
8070
- transform: v => {
8071
- //assign from string
8072
- if (typeof v === 'string') {
8073
- return v.split(this.splitRegex);
8074
- }
8075
- //assign undefined or array
8076
- return v && [...v];
8077
- },
8070
+ transform: v => coerceArrayProperty(v, this.splitRegex),
8078
8071
  });
8079
8072
  this.full = input(false, { transform: v => coerceBooleanProperty(v) });
8080
8073
  //! appearance
@@ -8087,11 +8080,11 @@ class ArdiumKbdShortcutComponent {
8087
8080
  }
8088
8081
  }
8089
8082
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8090
- 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 }); }
8083
+ 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 }); }
8091
8084
  }
8092
8085
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumKbdShortcutComponent, decorators: [{
8093
8086
  type: Component,
8094
- 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"] }]
8087
+ 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"] }]
8095
8088
  }] });
8096
8089
 
8097
8090
  class ArdiumKbdShortcutModule {