@ardium-ui/ui 3.5.5 → 4.0.0
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.
- package/esm2022/lib/buttons/_button-base.defaults.mjs +2 -1
- package/esm2022/lib/buttons/_button-base.mjs +3 -2
- package/esm2022/lib/buttons/button/button.component.mjs +5 -3
- package/esm2022/lib/buttons/fab/fab.component.mjs +5 -3
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +8 -3
- package/esm2022/lib/calendar/views/days-view/days-view.component.mjs +1 -1
- package/esm2022/lib/calendar/views/months-view/months-view.component.mjs +1 -1
- package/esm2022/lib/calendar/views/years-view/years-view.component.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/checkbox/checkbox.module.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.types.mjs +1 -1
- package/esm2022/lib/dialog/dialog.component.mjs +26 -9
- package/esm2022/lib/dialog/dialog.defaults.mjs +3 -1
- package/esm2022/lib/dialog/dialog.directives.mjs +12 -1
- package/esm2022/lib/dialog/dialog.module.mjs +7 -7
- package/esm2022/lib/dialog/dialog.types.mjs +6 -2
- package/esm2022/lib/inputs/date-input/date-input.component.mjs +1 -1
- package/esm2022/lib/modal/index.mjs +2 -1
- package/esm2022/lib/modal/modal.component.mjs +18 -5
- package/esm2022/lib/modal/modal.defaults.mjs +1 -1
- package/esm2022/lib/modal/modal.directives.mjs +14 -0
- package/esm2022/lib/modal/modal.module.mjs +8 -7
- package/esm2022/lib/star/index.mjs +2 -1
- package/esm2022/lib/star/rating-display/index.mjs +6 -0
- package/esm2022/lib/star/rating-display/rating-display.component.mjs +71 -0
- package/esm2022/lib/star/rating-display/rating-display.defaults.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.directives.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.module.mjs +20 -0
- package/esm2022/lib/star/rating-display/rating-display.types.mjs +2 -0
- package/esm2022/lib/star/rating-input/index.mjs +6 -0
- package/esm2022/lib/star/rating-input/rating-input.component.mjs +191 -0
- package/esm2022/lib/star/rating-input/rating-input.defaults.mjs +17 -0
- package/esm2022/lib/star/rating-input/rating-input.directives.mjs +16 -0
- package/esm2022/lib/star/rating-input/rating-input.module.mjs +20 -0
- package/esm2022/lib/star/rating-input/rating-input.types.mjs +2 -0
- package/esm2022/lib/star/star-button/index.mjs +3 -1
- package/esm2022/lib/star/star-button/star-button.component.mjs +13 -5
- package/esm2022/lib/star/star-button/star-button.defaults.mjs +2 -2
- package/esm2022/lib/star/star-button/star-button.directives.mjs +16 -0
- package/esm2022/lib/star/star-button/star-button.module.mjs +7 -6
- package/esm2022/lib/star/star-button/star-button.types.mjs +2 -0
- package/esm2022/lib/star/star.component.mjs +14 -5
- package/esm2022/lib/star/star.defaults.mjs +2 -2
- package/esm2022/lib/star/star.directives.mjs +16 -0
- package/esm2022/lib/star/star.module.mjs +9 -7
- package/esm2022/lib/star/star.types.mjs +3 -3
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +1 -1
- package/esm2022/public-api.mjs +3 -3
- package/fesm2022/ardium-ui-ui.mjs +299 -152
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/buttons/_button-base.d.ts +2 -1
- package/lib/buttons/_button-base.defaults.d.ts +1 -0
- package/lib/buttons/icon-button/icon-button.component.d.ts +2 -1
- package/lib/dialog/dialog.component.d.ts +9 -4
- package/lib/dialog/dialog.defaults.d.ts +2 -0
- package/lib/dialog/dialog.directives.d.ts +6 -0
- package/lib/dialog/dialog.module.d.ts +1 -1
- package/lib/dialog/dialog.types.d.ts +8 -2
- package/lib/modal/index.d.ts +1 -0
- package/lib/modal/modal.component.d.ts +7 -1
- package/lib/modal/modal.directives.d.ts +8 -0
- package/lib/modal/modal.module.d.ts +6 -5
- package/lib/star/index.d.ts +1 -0
- package/lib/star/rating-display/index.d.ts +5 -0
- package/lib/star/rating-display/rating-display.component.d.ts +17 -0
- package/lib/star/rating-display/rating-display.defaults.d.ts +9 -0
- package/lib/star/rating-display/rating-display.directives.d.ts +9 -0
- package/lib/star/rating-display/rating-display.module.d.ts +10 -0
- package/lib/star/rating-display/rating-display.types.d.ts +8 -0
- package/lib/star/rating-input/index.d.ts +5 -0
- package/lib/star/rating-input/rating-input.component.d.ts +46 -0
- package/lib/star/rating-input/rating-input.defaults.d.ts +9 -0
- package/lib/star/rating-input/rating-input.directives.d.ts +9 -0
- package/lib/star/rating-input/rating-input.module.d.ts +10 -0
- package/lib/star/rating-input/rating-input.types.d.ts +12 -0
- package/lib/star/star-button/index.d.ts +2 -0
- package/lib/star/star-button/star-button.component.d.ts +5 -1
- package/lib/star/star-button/star-button.directives.d.ts +9 -0
- package/lib/star/star-button/star-button.module.d.ts +4 -3
- package/lib/star/star-button/star-button.types.d.ts +6 -0
- package/lib/star/star.component.d.ts +6 -3
- package/lib/star/star.directives.d.ts +9 -0
- package/lib/star/star.module.d.ts +4 -2
- package/lib/star/star.types.d.ts +5 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/buttons/button.css +9 -2
- package/prebuilt-themes/default/buttons/button.css.map +1 -1
- package/prebuilt-themes/default/buttons/fab.css +9 -2
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/buttons/icon-button.css +9 -2
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
- package/prebuilt-themes/default/card.css +5 -0
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/core.css +1 -1
- package/prebuilt-themes/default/kbd.css +1 -0
- package/prebuilt-themes/default/kbd.css.map +1 -1
- package/prebuilt-themes/default/modal.css +3 -2
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/spinner.css +1 -1
- package/prebuilt-themes/default/stars.css +31 -73
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/public-api.d.ts +2 -2
- package/themes/_variables.scss +121 -121
- package/themes/default/buttons/_button-mixins.scss +137 -137
- package/themes/default/buttons/button.scss +79 -72
- package/themes/default/buttons/fab.scss +81 -74
- package/themes/default/buttons/icon-button.scss +62 -55
- package/themes/default/card.scss +135 -129
- package/themes/default/core.scss +1 -1
- package/themes/default/kbd.scss +21 -20
- package/themes/default/modal.scss +94 -93
- package/themes/default/spinner.scss +21 -21
- package/themes/default/stars.scss +85 -122
- package/esm2022/lib/star/star-display/index.mjs +0 -4
- package/esm2022/lib/star/star-display/star-display.component.mjs +0 -61
- package/esm2022/lib/star/star-display/star-display.defaults.mjs +0 -16
- package/esm2022/lib/star/star-display/star-display.module.mjs +0 -19
- package/esm2022/lib/star/star-input/index.mjs +0 -4
- package/esm2022/lib/star/star-input/star-input.component.mjs +0 -188
- package/esm2022/lib/star/star-input/star-input.defaults.mjs +0 -17
- package/esm2022/lib/star/star-input/star-input.module.mjs +0 -19
- package/lib/star/star-display/index.d.ts +0 -3
- package/lib/star/star-display/star-display.component.d.ts +0 -13
- package/lib/star/star-display/star-display.defaults.d.ts +0 -9
- package/lib/star/star-display/star-display.module.d.ts +0 -9
- package/lib/star/star-input/index.d.ts +0 -3
- package/lib/star/star-input/star-input.component.d.ts +0 -48
- package/lib/star/star-input/star-input.defaults.d.ts +0 -9
- package/lib/star/star-input/star-input.module.d.ts +0 -9
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation, computed, forwardRef, input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation, computed, contentChild, forwardRef, input } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { _BooleanComponentBase } from '../../_internal/boolean-component';
|
|
4
4
|
import { ClickStrategy } from '../../types/utility.types';
|
|
5
5
|
import { StarFillMode } from './../star.types';
|
|
6
6
|
import { ARD_STAR_BUTTON_DEFAULTS } from './star-button.defaults';
|
|
7
|
+
import { ArdStarButtonStarTemplateDirective } from './star-button.directives';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "@angular/common";
|
|
9
10
|
import * as i2 from "../star.component";
|
|
@@ -16,6 +17,13 @@ export class ArdiumStarButtonComponent extends _BooleanComponentBase {
|
|
|
16
17
|
this.color = input(this._DEFAULTS.color);
|
|
17
18
|
this.ngClasses = computed(() => [this.wrapperClasses(), `ard-color-${this.color}`].join(' '));
|
|
18
19
|
this.starFillState = computed(() => (this.selected() ? StarFillMode.Filled : StarFillMode.None));
|
|
20
|
+
//! template
|
|
21
|
+
this.starTemplate = contentChild(ArdStarButtonStarTemplateDirective);
|
|
22
|
+
this.starTemplateContext = computed(() => ({
|
|
23
|
+
$implicit: this.starFillState(),
|
|
24
|
+
fillMode: this.starFillState(),
|
|
25
|
+
color: this.color(),
|
|
26
|
+
}));
|
|
19
27
|
}
|
|
20
28
|
onClick() {
|
|
21
29
|
if (this.clickStrategy() === ClickStrategy.Noop)
|
|
@@ -23,13 +31,13 @@ export class ArdiumStarButtonComponent extends _BooleanComponentBase {
|
|
|
23
31
|
this.toggleSelected();
|
|
24
32
|
}
|
|
25
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonComponent, deps: [{ token: ARD_STAR_BUTTON_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumStarButtonComponent, selector: "ard-star-button", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, clickStrategy: { classPropertyName: "clickStrategy", publicName: "clickStrategy", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
27
35
|
{
|
|
28
36
|
provide: NG_VALUE_ACCESSOR,
|
|
29
37
|
useExisting: forwardRef(() => ArdiumStarButtonComponent),
|
|
30
38
|
multi: true,
|
|
31
39
|
},
|
|
32
|
-
], usesInheritance: true, ngImport: i0, template: "<button\n #focusableElement\n type=\"button\"\n class=\"ard-star-button\"\n [ngClass]=\"ngClasses()\"\n (click)=\"onClick()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <ard-star\n
|
|
40
|
+
], queries: [{ propertyName: "starTemplate", first: true, predicate: ArdStarButtonStarTemplateDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n #focusableElement\r\n type=\"button\"\r\n class=\"ard-star-button\"\r\n [ngClass]=\"ngClasses()\"\r\n (click)=\"onClick()\"\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [tabindex]=\"tabIndex()\"\r\n>\r\n <div class=\"ard-hitbox\"></div>\r\n <div class=\"ard-focus-overlay\"></div>\r\n\r\n <ng-template\r\n #defaultStarTemplate\r\n let-fillMode=\"fillMode\"\r\n let-color=\"color\"\r\n >\r\n <ard-star\r\n [filled]=\"fillMode\"\r\n [color]=\"color\"\r\n />\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"starTemplate()?.template || defaultStarTemplate\"\r\n [ngTemplateOutletContext]=\"starTemplateContext()\"\r\n />\r\n</button>\r\n", styles: [".ard-star-button{border:none;background:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ArdiumStarComponent, selector: "ard-star", inputs: ["wrapperClasses", "color", "filled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
41
|
}
|
|
34
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonComponent, decorators: [{
|
|
35
43
|
type: Component,
|
|
@@ -39,9 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
39
47
|
useExisting: forwardRef(() => ArdiumStarButtonComponent),
|
|
40
48
|
multi: true,
|
|
41
49
|
},
|
|
42
|
-
], template: "<button\n #focusableElement\n type=\"button\"\n class=\"ard-star-button\"\n [ngClass]=\"ngClasses()\"\n (click)=\"onClick()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <ard-star\n
|
|
50
|
+
], template: "<button\r\n #focusableElement\r\n type=\"button\"\r\n class=\"ard-star-button\"\r\n [ngClass]=\"ngClasses()\"\r\n (click)=\"onClick()\"\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [tabindex]=\"tabIndex()\"\r\n>\r\n <div class=\"ard-hitbox\"></div>\r\n <div class=\"ard-focus-overlay\"></div>\r\n\r\n <ng-template\r\n #defaultStarTemplate\r\n let-fillMode=\"fillMode\"\r\n let-color=\"color\"\r\n >\r\n <ard-star\r\n [filled]=\"fillMode\"\r\n [color]=\"color\"\r\n />\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"starTemplate()?.template || defaultStarTemplate\"\r\n [ngTemplateOutletContext]=\"starTemplateContext()\"\r\n />\r\n</button>\r\n", styles: [".ard-star-button{border:none;background:transparent}\n"] }]
|
|
43
51
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
44
52
|
type: Inject,
|
|
45
53
|
args: [ARD_STAR_BUTTON_DEFAULTS]
|
|
46
54
|
}] }] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9zdGFyL3N0YXItYnV0dG9uL3N0YXItYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLWJ1dHRvbi9zdGFyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQXlCLE1BQU0sd0JBQXdCLENBQUM7QUFDekYsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFpQjlFLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxxQkFBcUI7SUFJbEUsWUFBOEMsUUFBK0I7UUFDM0UsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSlQsbUJBQWMsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFPbkMsa0JBQWEsR0FBRyxLQUFLLENBQWdCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFNUUsY0FBYztRQUNMLFVBQUssR0FBRyxLQUFLLENBQVksSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQyxjQUFTLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFFakcsa0JBQWEsR0FBRyxRQUFRLENBQWUsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBT25ILFlBQVk7UUFDSCxpQkFBWSxHQUFHLFlBQVksQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDO1FBRWhFLHdCQUFtQixHQUFHLFFBQVEsQ0FBbUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUMvRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUMvQixRQUFRLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUM5QixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRTtTQUNwQixDQUFDLENBQUMsQ0FBQztJQXZCSixDQUFDO0lBV0QsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxLQUFLLGFBQWEsQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUN4RCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FwQlUseUJBQXlCLGtCQUloQix3QkFBd0I7bUdBSmpDLHlCQUF5QixpZEFSekI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2dCQUN4RCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0Ysb0VBeUJvQyxrQ0FBa0MsdUZDeER6RSwydEJBNkJBOzs0RkRJYSx5QkFBeUI7a0JBZHJDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzswQkFNWSxNQUFNOzJCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEluamVjdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBjb21wdXRlZCxcclxuICBjb250ZW50Q2hpbGQsXHJcbiAgZm9yd2FyZFJlZixcclxuICBpbnB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IF9Cb29sZWFuQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL19pbnRlcm5hbC9ib29sZWFuLWNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENsaWNrU3RyYXRlZ3kgfSBmcm9tICcuLi8uLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuaW1wb3J0IHsgU3RhckNvbG9yIH0gZnJvbSAnLi4vc3Rhci50eXBlcyc7XHJcbmltcG9ydCB7IFN0YXJGaWxsTW9kZSB9IGZyb20gJy4vLi4vc3Rhci50eXBlcyc7XHJcbmltcG9ydCB7IEFSRF9TVEFSX0JVVFRPTl9ERUZBVUxUUywgQXJkU3RhckJ1dHRvbkRlZmF1bHRzIH0gZnJvbSAnLi9zdGFyLWJ1dHRvbi5kZWZhdWx0cyc7XHJcbmltcG9ydCB7IEFyZFN0YXJCdXR0b25TdGFyVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL3N0YXItYnV0dG9uLmRpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBBcmRTdGFyQnV0dG9uU3RhclRlbXBsYXRlQ29udGV4dCB9IGZyb20gJy4vc3Rhci1idXR0b24udHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcmQtc3Rhci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGFyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3Rhci1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQXJkaXVtU3RhckJ1dHRvbkNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXJkaXVtU3RhckJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIF9Cb29sZWFuQ29tcG9uZW50QmFzZSBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICByZWFkb25seSB3cmFwcGVyQ2xhc3NlcyA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cclxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgX0RFRkFVTFRTITogQXJkU3RhckJ1dHRvbkRlZmF1bHRzO1xyXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoQVJEX1NUQVJfQlVUVE9OX0RFRkFVTFRTKSBkZWZhdWx0czogQXJkU3RhckJ1dHRvbkRlZmF1bHRzKSB7XHJcbiAgICBzdXBlcihkZWZhdWx0cyk7XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBjbGlja1N0cmF0ZWd5ID0gaW5wdXQ8Q2xpY2tTdHJhdGVneT4odGhpcy5fREVGQVVMVFMuY2xpY2tTdHJhdGVneSk7XHJcblxyXG4gIC8vISBhcHBlYXJhbmNlXHJcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxTdGFyQ29sb3I+KHRoaXMuX0RFRkFVTFRTLmNvbG9yKTtcclxuXHJcbiAgcmVhZG9ubHkgbmdDbGFzc2VzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiBbdGhpcy53cmFwcGVyQ2xhc3NlcygpLCBgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcn1gXS5qb2luKCcgJykpO1xyXG5cclxuICByZWFkb25seSBzdGFyRmlsbFN0YXRlID0gY29tcHV0ZWQ8U3RhckZpbGxNb2RlPigoKSA9PiAodGhpcy5zZWxlY3RlZCgpID8gU3RhckZpbGxNb2RlLkZpbGxlZCA6IFN0YXJGaWxsTW9kZS5Ob25lKSk7XHJcblxyXG4gIG9uQ2xpY2soKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jbGlja1N0cmF0ZWd5KCkgPT09IENsaWNrU3RyYXRlZ3kuTm9vcCkgcmV0dXJuO1xyXG4gICAgdGhpcy50b2dnbGVTZWxlY3RlZCgpO1xyXG4gIH1cclxuXHJcbiAgLy8hIHRlbXBsYXRlXHJcbiAgcmVhZG9ubHkgc3RhclRlbXBsYXRlID0gY29udGVudENoaWxkKEFyZFN0YXJCdXR0b25TdGFyVGVtcGxhdGVEaXJlY3RpdmUpO1xyXG5cclxuICByZWFkb25seSBzdGFyVGVtcGxhdGVDb250ZXh0ID0gY29tcHV0ZWQ8QXJkU3RhckJ1dHRvblN0YXJUZW1wbGF0ZUNvbnRleHQ+KCgpID0+ICh7XHJcbiAgICAkaW1wbGljaXQ6IHRoaXMuc3RhckZpbGxTdGF0ZSgpLFxyXG4gICAgZmlsbE1vZGU6IHRoaXMuc3RhckZpbGxTdGF0ZSgpLFxyXG4gICAgY29sb3I6IHRoaXMuY29sb3IoKSxcclxuICB9KSk7XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gICNmb2N1c2FibGVFbGVtZW50XHJcbiAgdHlwZT1cImJ1dHRvblwiXHJcbiAgY2xhc3M9XCJhcmQtc3Rhci1idXR0b25cIlxyXG4gIFtuZ0NsYXNzXT1cIm5nQ2xhc3NlcygpXCJcclxuICAoY2xpY2spPVwib25DbGljaygpXCJcclxuICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXHJcbiAgW3RhYmluZGV4XT1cInRhYkluZGV4KClcIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cImFyZC1oaXRib3hcIj48L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlXHJcbiAgICAjZGVmYXVsdFN0YXJUZW1wbGF0ZVxyXG4gICAgbGV0LWZpbGxNb2RlPVwiZmlsbE1vZGVcIlxyXG4gICAgbGV0LWNvbG9yPVwiY29sb3JcIlxyXG4gID5cclxuICAgIDxhcmQtc3RhclxyXG4gICAgICBbZmlsbGVkXT1cImZpbGxNb2RlXCJcclxuICAgICAgW2NvbG9yXT1cImNvbG9yXCJcclxuICAgIC8+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPG5nLXRlbXBsYXRlXHJcbiAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJzdGFyVGVtcGxhdGUoKT8udGVtcGxhdGUgfHwgZGVmYXVsdFN0YXJUZW1wbGF0ZVwiXHJcbiAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwic3RhclRlbXBsYXRlQ29udGV4dCgpXCJcclxuICAvPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -5,7 +5,7 @@ import { ClickStrategy } from './../../types/utility.types';
|
|
|
5
5
|
const _starButtonDefaults = {
|
|
6
6
|
..._booleanComponentDefaults,
|
|
7
7
|
clickStrategy: ClickStrategy.Default,
|
|
8
|
-
color: StarColor.
|
|
8
|
+
color: StarColor.Gold,
|
|
9
9
|
};
|
|
10
10
|
export const ARD_STAR_BUTTON_DEFAULTS = new InjectionToken('ard-star-button-defaults', {
|
|
11
11
|
factory: () => ({
|
|
@@ -15,4 +15,4 @@ export const ARD_STAR_BUTTON_DEFAULTS = new InjectionToken('ard-star-button-defa
|
|
|
15
15
|
export function provideStarButtonDefaults(config) {
|
|
16
16
|
return { provide: ARD_STAR_BUTTON_DEFAULTS, useValue: { ..._starButtonDefaults, ...config } };
|
|
17
17
|
}
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1idXR0b24uZGVmYXVsdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci1idXR0b24vc3Rhci1idXR0b24uZGVmYXVsdHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUseUJBQXlCLEVBQTZCLE1BQU0sbUNBQW1DLENBQUM7QUFDekcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFPNUQsTUFBTSxtQkFBbUIsR0FBMEI7SUFDakQsR0FBRyx5QkFBeUI7SUFDNUIsYUFBYSxFQUFFLGFBQWEsQ0FBQyxPQUFPO0lBQ3BDLEtBQUssRUFBRSxTQUFTLENBQUMsSUFBSTtDQUN0QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxjQUFjLENBQXdCLDBCQUEwQixFQUFFO0lBQzVHLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ2QsR0FBRyxtQkFBbUI7S0FDdkIsQ0FBQztDQUNILENBQUMsQ0FBQztBQUVILE1BQU0sVUFBVSx5QkFBeUIsQ0FBQyxNQUFzQztJQUM5RSxPQUFPLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFFBQVEsRUFBRSxFQUFFLEdBQUcsbUJBQW1CLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxDQUFDO0FBQ2hHLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiwgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgX2Jvb2xlYW5Db21wb25lbnREZWZhdWx0cywgX0Jvb2xlYW5Db21wb25lbnREZWZhdWx0cyB9IGZyb20gJy4uLy4uL19pbnRlcm5hbC9ib29sZWFuLWNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN0YXJDb2xvciB9IGZyb20gJy4uL3N0YXIudHlwZXMnO1xyXG5pbXBvcnQgeyBDbGlja1N0cmF0ZWd5IH0gZnJvbSAnLi8uLi8uLi90eXBlcy91dGlsaXR5LnR5cGVzJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXJkU3RhckJ1dHRvbkRlZmF1bHRzIGV4dGVuZHMgX0Jvb2xlYW5Db21wb25lbnREZWZhdWx0cyB7XHJcbiAgY2xpY2tTdHJhdGVneTogQ2xpY2tTdHJhdGVneTtcclxuICBjb2xvcjogU3RhckNvbG9yO1xyXG59XHJcblxyXG5jb25zdCBfc3RhckJ1dHRvbkRlZmF1bHRzOiBBcmRTdGFyQnV0dG9uRGVmYXVsdHMgPSB7XHJcbiAgLi4uX2Jvb2xlYW5Db21wb25lbnREZWZhdWx0cyxcclxuICBjbGlja1N0cmF0ZWd5OiBDbGlja1N0cmF0ZWd5LkRlZmF1bHQsXHJcbiAgY29sb3I6IFN0YXJDb2xvci5Hb2xkLFxyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IEFSRF9TVEFSX0JVVFRPTl9ERUZBVUxUUyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxBcmRTdGFyQnV0dG9uRGVmYXVsdHM+KCdhcmQtc3Rhci1idXR0b24tZGVmYXVsdHMnLCB7XHJcbiAgZmFjdG9yeTogKCkgPT4gKHtcclxuICAgIC4uLl9zdGFyQnV0dG9uRGVmYXVsdHMsXHJcbiAgfSksXHJcbn0pO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVTdGFyQnV0dG9uRGVmYXVsdHMoY29uZmlnOiBQYXJ0aWFsPEFyZFN0YXJCdXR0b25EZWZhdWx0cz4pOiBQcm92aWRlciB7XHJcbiAgcmV0dXJuIHsgcHJvdmlkZTogQVJEX1NUQVJfQlVUVE9OX0RFRkFVTFRTLCB1c2VWYWx1ZTogeyAuLi5fc3RhckJ1dHRvbkRlZmF1bHRzLCAuLi5jb25maWcgfSB9O1xyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Directive } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ArdStarButtonStarTemplateDirective {
|
|
4
|
+
constructor(template) {
|
|
5
|
+
this.template = template;
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdStarButtonStarTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdStarButtonStarTemplateDirective, selector: "ard-star-button > ng-template[ard-star-tmp]", ngImport: i0 }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdStarButtonStarTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'ard-star-button > ng-template[ard-star-tmp]',
|
|
14
|
+
}]
|
|
15
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1idXR0b24uZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLWJ1dHRvbi9zdGFyLWJ1dHRvbi5kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTXZELE1BQU0sT0FBTyxrQ0FBa0M7SUFDN0MsWUFBbUIsUUFBdUQ7UUFBdkQsYUFBUSxHQUFSLFFBQVEsQ0FBK0M7SUFBRyxDQUFDOytHQURuRSxrQ0FBa0M7bUdBQWxDLGtDQUFrQzs7NEZBQWxDLGtDQUFrQztrQkFIOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkNBQTZDO2lCQUN4RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBcmRTdGFyQnV0dG9uU3RhclRlbXBsYXRlQ29udGV4dCB9IGZyb20gXCIuL3N0YXItYnV0dG9uLnR5cGVzXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ2FyZC1zdGFyLWJ1dHRvbiA+IG5nLXRlbXBsYXRlW2FyZC1zdGFyLXRtcF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXJkU3RhckJ1dHRvblN0YXJUZW1wbGF0ZURpcmVjdGl2ZSB7XHJcbiAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxBcmRTdGFyQnV0dG9uU3RhclRlbXBsYXRlQ29udGV4dD4pIHt9XHJcbn0iXX0=
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
4
3
|
import { ArdiumStarModule } from '../star.module';
|
|
4
|
+
import { ArdiumStarButtonComponent } from './star-button.component';
|
|
5
|
+
import { ArdStarButtonStarTemplateDirective } from './star-button.directives';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class ArdiumStarButtonModule {
|
|
7
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, declarations: [ArdiumStarButtonComponent], imports: [CommonModule, ArdiumStarModule], exports: [ArdiumStarButtonComponent] }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, declarations: [ArdiumStarButtonComponent, ArdStarButtonStarTemplateDirective], imports: [CommonModule, ArdiumStarModule], exports: [ArdiumStarButtonComponent, ArdStarButtonStarTemplateDirective] }); }
|
|
9
10
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, imports: [CommonModule, ArdiumStarModule] }); }
|
|
10
11
|
}
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, decorators: [{
|
|
12
13
|
type: NgModule,
|
|
13
14
|
args: [{
|
|
14
|
-
declarations: [ArdiumStarButtonComponent],
|
|
15
|
+
declarations: [ArdiumStarButtonComponent, ArdStarButtonStarTemplateDirective],
|
|
15
16
|
imports: [CommonModule, ArdiumStarModule],
|
|
16
|
-
exports: [ArdiumStarButtonComponent],
|
|
17
|
+
exports: [ArdiumStarButtonComponent, ArdStarButtonStarTemplateDirective],
|
|
17
18
|
}]
|
|
18
19
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9zdGFyL3N0YXItYnV0dG9uL3N0YXItYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPOUUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO2dIQUF0QixzQkFBc0IsaUJBSmxCLHlCQUF5QixFQUFFLGtDQUFrQyxhQUNsRSxZQUFZLEVBQUUsZ0JBQWdCLGFBQzlCLHlCQUF5QixFQUFFLGtDQUFrQztnSEFFNUQsc0JBQXNCLFlBSHZCLFlBQVksRUFBRSxnQkFBZ0I7OzRGQUc3QixzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLEVBQUUsa0NBQWtDLENBQUM7b0JBQzdFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMseUJBQXlCLEVBQUUsa0NBQWtDLENBQUM7aUJBQ3pFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQXJkaXVtU3Rhck1vZHVsZSB9IGZyb20gJy4uL3N0YXIubW9kdWxlJztcclxuaW1wb3J0IHsgQXJkaXVtU3RhckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc3Rhci1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQXJkU3RhckJ1dHRvblN0YXJUZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4vc3Rhci1idXR0b24uZGlyZWN0aXZlcyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0FyZGl1bVN0YXJCdXR0b25Db21wb25lbnQsIEFyZFN0YXJCdXR0b25TdGFyVGVtcGxhdGVEaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFyZGl1bVN0YXJNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtBcmRpdW1TdGFyQnV0dG9uQ29tcG9uZW50LCBBcmRTdGFyQnV0dG9uU3RhclRlbXBsYXRlRGlyZWN0aXZlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bVN0YXJCdXR0b25Nb2R1bGUge31cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1idXR0b24udHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci1idXR0b24vc3Rhci1idXR0b24udHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFN0YXJDb2xvciwgU3RhckZpbGxNb2RlIH0gZnJvbSBcIi4uL3N0YXIudHlwZXNcIjtcclxuXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFyZFN0YXJCdXR0b25TdGFyVGVtcGxhdGVDb250ZXh0IHtcclxuICAkaW1wbGljaXQ6IFN0YXJGaWxsTW9kZTtcclxuICBmaWxsTW9kZTogU3RhckZpbGxNb2RlO1xyXG4gIGNvbG9yOiBTdGFyQ29sb3I7XHJcbn1cclxuIl19
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, inject, input } from '@angular/core';
|
|
2
|
+
import { coerceBooleanProperty } from '@ardium-ui/devkit';
|
|
2
3
|
import { ARD_STAR_DEFAULTS } from './star.defaults';
|
|
4
|
+
import { ArdStarIconTemplateDirective } from './star.directives';
|
|
3
5
|
import { StarFillMode } from './star.types';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "../icon/icon.component";
|
|
6
9
|
export class ArdiumStarComponent {
|
|
7
10
|
constructor() {
|
|
8
11
|
this.wrapperClasses = input('');
|
|
@@ -13,15 +16,21 @@ export class ArdiumStarComponent {
|
|
|
13
16
|
transform: this._transformFillMode,
|
|
14
17
|
});
|
|
15
18
|
this.ngClasses = computed(() => [this.wrapperClasses(), `ard-color-${this.color()}`, `ard-star-fill-${this.filled()}`].join(' '));
|
|
19
|
+
//! template
|
|
20
|
+
this.iconTemplate = contentChild(ArdStarIconTemplateDirective);
|
|
21
|
+
this.iconTemplateContext = computed(() => ({ $implicit: this.filled() }));
|
|
16
22
|
}
|
|
17
23
|
_transformFillMode(value) {
|
|
18
|
-
|
|
24
|
+
if (value === StarFillMode.None || value === StarFillMode.Half || value === StarFillMode.Filled) {
|
|
25
|
+
return value;
|
|
26
|
+
}
|
|
27
|
+
return coerceBooleanProperty(value) ? StarFillMode.Filled : StarFillMode.None;
|
|
19
28
|
}
|
|
20
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumStarComponent, selector: "ard-star", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "iconTemplate", first: true, predicate: ArdStarIconTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n class=\"ard-star\"\r\n [ngClass]=\"ngClasses()\"\r\n>\r\n <ng-template\r\n #defaultIconTemplate\r\n let-fillMode\r\n >\r\n @if (fillMode === 'filled') {\r\n <ard-icon filled>star</ard-icon>\r\n } @else if (fillMode === 'half') {\r\n <ard-icon>star-half</ard-icon>\r\n } @else {\r\n <ard-icon>star</ard-icon>\r\n }\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"iconTemplate()?.template || defaultIconTemplate\"\r\n [ngTemplateOutletContext]=\"iconTemplateContext()\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
22
31
|
}
|
|
23
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarComponent, decorators: [{
|
|
24
33
|
type: Component,
|
|
25
|
-
args: [{ selector: 'ard-star', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-star\"\n [ngClass]=\"ngClasses()\"\n>\n <
|
|
34
|
+
args: [{ selector: 'ard-star', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-star\"\r\n [ngClass]=\"ngClasses()\"\r\n>\r\n <ng-template\r\n #defaultIconTemplate\r\n let-fillMode\r\n >\r\n @if (fillMode === 'filled') {\r\n <ard-icon filled>star</ard-icon>\r\n } @else if (fillMode === 'half') {\r\n <ard-icon>star-half</ard-icon>\r\n } @else {\r\n <ard-icon>star</ard-icon>\r\n }\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"iconTemplate()?.template || defaultIconTemplate\"\r\n [ngTemplateOutletContext]=\"iconTemplateContext()\"\r\n />\r\n</div>\r\n" }]
|
|
26
35
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3SCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRSxPQUFPLEVBQWlDLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQzs7OztBQVMzRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsbUJBQWMsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFFekIsY0FBUyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRXpELGNBQWM7UUFDTCxVQUFLLEdBQUcsS0FBSyxDQUFZLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsV0FBTSxHQUFHLEtBQUssQ0FDckIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQ2hEO1lBQ0ksU0FBUyxFQUFFLElBQUksQ0FBQyxrQkFBa0I7U0FDbkMsQ0FDRixDQUFDO1FBU08sY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FDekMsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBaUIsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ2pHLENBQUM7UUFFRixZQUFZO1FBQ0gsaUJBQVksR0FBRyxZQUFZLENBQUMsNEJBQTRCLENBQUMsQ0FBQztRQUUxRCx3QkFBbUIsR0FBRyxRQUFRLENBQXFCLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBQ25HO0lBZlMsa0JBQWtCLENBQUMsS0FBa0Q7UUFDM0UsSUFBSSxLQUFLLEtBQUssWUFBWSxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssWUFBWSxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hHLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUNELE9BQU8scUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7SUFDaEYsQ0FBQzsrR0FuQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsNGVBMEJPLDRCQUE0QixnRUN2Q25FLGtqQkFzQkE7OzRGRFRhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxVQUFVLGlCQUdMLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgY29tcHV0ZWQsIGNvbnRlbnRDaGlsZCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XHJcbmltcG9ydCB7IEFSRF9TVEFSX0RFRkFVTFRTIH0gZnJvbSAnLi9zdGFyLmRlZmF1bHRzJztcclxuaW1wb3J0IHsgQXJkU3Rhckljb25UZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4vc3Rhci5kaXJlY3RpdmVzJztcclxuaW1wb3J0IHsgQXJkU3Rhckljb25Db250ZXh0LCBTdGFyQ29sb3IsIFN0YXJGaWxsTW9kZSB9IGZyb20gJy4vc3Rhci50eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FyZC1zdGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3Rhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3Rhci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcmRpdW1TdGFyQ29tcG9uZW50IHtcclxuICByZWFkb25seSB3cmFwcGVyQ2xhc3NlcyA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgX0RFRkFVTFRTID0gaW5qZWN0KEFSRF9TVEFSX0RFRkFVTFRTKTtcclxuXHJcbiAgLy8hIGFwcGVhcmFuY2VcclxuICByZWFkb25seSBjb2xvciA9IGlucHV0PFN0YXJDb2xvcj4odGhpcy5fREVGQVVMVFMuY29sb3IpO1xyXG4gIHJlYWRvbmx5IGZpbGxlZCA9IGlucHV0PFN0YXJGaWxsTW9kZSwgU3RhckZpbGxNb2RlIHwgYm9vbGVhbiB8IHN0cmluZyB8IHVuZGVmaW5lZD4oXHJcbiAgICB0aGlzLl90cmFuc2Zvcm1GaWxsTW9kZSh0aGlzLl9ERUZBVUxUUy5maWxsZWQpLFxyXG4gIHtcclxuICAgICAgdHJhbnNmb3JtOiB0aGlzLl90cmFuc2Zvcm1GaWxsTW9kZSxcclxuICAgIH1cclxuICApO1xyXG5cclxuICBwcml2YXRlIF90cmFuc2Zvcm1GaWxsTW9kZSh2YWx1ZTogU3RhckZpbGxNb2RlIHwgYm9vbGVhbiB8IHN0cmluZyB8IHVuZGVmaW5lZCk6IFN0YXJGaWxsTW9kZSB7XHJcbiAgICBpZiAodmFsdWUgPT09IFN0YXJGaWxsTW9kZS5Ob25lIHx8IHZhbHVlID09PSBTdGFyRmlsbE1vZGUuSGFsZiB8fCB2YWx1ZSA9PT0gU3RhckZpbGxNb2RlLkZpbGxlZCkge1xyXG4gICAgICByZXR1cm4gdmFsdWU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKSA/IFN0YXJGaWxsTW9kZS5GaWxsZWQgOiBTdGFyRmlsbE1vZGUuTm9uZTtcclxuICB9XHJcblxyXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT5cclxuICAgIFt0aGlzLndyYXBwZXJDbGFzc2VzKCksIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yKCl9YCwgYGFyZC1zdGFyLWZpbGwtJHt0aGlzLmZpbGxlZCgpfWBdLmpvaW4oJyAnKVxyXG4gICk7XHJcblxyXG4gIC8vISB0ZW1wbGF0ZVxyXG4gIHJlYWRvbmx5IGljb25UZW1wbGF0ZSA9IGNvbnRlbnRDaGlsZChBcmRTdGFySWNvblRlbXBsYXRlRGlyZWN0aXZlKTtcclxuXHJcbiAgcmVhZG9ubHkgaWNvblRlbXBsYXRlQ29udGV4dCA9IGNvbXB1dGVkPEFyZFN0YXJJY29uQ29udGV4dD4oKCkgPT4gKHsgJGltcGxpY2l0OiB0aGlzLmZpbGxlZCgpIH0pKTtcclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJhcmQtc3RhclwiXHJcbiAgW25nQ2xhc3NdPVwibmdDbGFzc2VzKClcIlxyXG4+XHJcbiAgPG5nLXRlbXBsYXRlXHJcbiAgICAjZGVmYXVsdEljb25UZW1wbGF0ZVxyXG4gICAgbGV0LWZpbGxNb2RlXHJcbiAgPlxyXG4gICAgQGlmIChmaWxsTW9kZSA9PT0gJ2ZpbGxlZCcpIHtcclxuICAgICAgPGFyZC1pY29uIGZpbGxlZD5zdGFyPC9hcmQtaWNvbj5cclxuICAgIH0gQGVsc2UgaWYgKGZpbGxNb2RlID09PSAnaGFsZicpIHtcclxuICAgICAgPGFyZC1pY29uPnN0YXItaGFsZjwvYXJkLWljb24+XHJcbiAgICB9IEBlbHNlIHtcclxuICAgICAgPGFyZC1pY29uPnN0YXI8L2FyZC1pY29uPlxyXG4gICAgfVxyXG4gIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gIDxuZy10ZW1wbGF0ZVxyXG4gICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaWNvblRlbXBsYXRlKCk/LnRlbXBsYXRlIHx8IGRlZmF1bHRJY29uVGVtcGxhdGVcIlxyXG4gICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImljb25UZW1wbGF0ZUNvbnRleHQoKVwiXHJcbiAgLz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
2
|
import { StarColor, StarFillMode } from './star.types';
|
|
3
3
|
const _starDefaults = {
|
|
4
|
-
color: StarColor.
|
|
4
|
+
color: StarColor.Gold,
|
|
5
5
|
filled: StarFillMode.None,
|
|
6
6
|
};
|
|
7
7
|
export const ARD_STAR_DEFAULTS = new InjectionToken('ard-star-defaults', {
|
|
@@ -12,4 +12,4 @@ export const ARD_STAR_DEFAULTS = new InjectionToken('ard-star-defaults', {
|
|
|
12
12
|
export function provideStarDefaults(config) {
|
|
13
13
|
return { provide: ARD_STAR_DEFAULTS, useValue: { ..._starDefaults, ...config } };
|
|
14
14
|
}
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci5kZWZhdWx0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLmRlZmF1bHRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFPdkQsTUFBTSxhQUFhLEdBQW9CO0lBQ3JDLEtBQUssRUFBRSxTQUFTLENBQUMsSUFBSTtJQUNyQixNQUFNLEVBQUUsWUFBWSxDQUFDLElBQUk7Q0FDMUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLElBQUksY0FBYyxDQUFrQixtQkFBbUIsRUFBRTtJQUN4RixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNkLEdBQUcsYUFBYTtLQUNqQixDQUFDO0NBQ0gsQ0FBQyxDQUFDO0FBRUgsTUFBTSxVQUFVLG1CQUFtQixDQUFDLE1BQWdDO0lBQ2xFLE9BQU8sRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxhQUFhLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxDQUFDO0FBQ25GLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiwgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RhckNvbG9yLCBTdGFyRmlsbE1vZGUgfSBmcm9tICcuL3N0YXIudHlwZXMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBcmRTdGFyRGVmYXVsdHMge1xyXG4gIGNvbG9yOiBTdGFyQ29sb3I7XHJcbiAgZmlsbGVkOiBTdGFyRmlsbE1vZGUgfCBib29sZWFuO1xyXG59XHJcblxyXG5jb25zdCBfc3RhckRlZmF1bHRzOiBBcmRTdGFyRGVmYXVsdHMgPSB7XHJcbiAgY29sb3I6IFN0YXJDb2xvci5Hb2xkLFxyXG4gIGZpbGxlZDogU3RhckZpbGxNb2RlLk5vbmUsXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgQVJEX1NUQVJfREVGQVVMVFMgPSBuZXcgSW5qZWN0aW9uVG9rZW48QXJkU3RhckRlZmF1bHRzPignYXJkLXN0YXItZGVmYXVsdHMnLCB7XHJcbiAgZmFjdG9yeTogKCkgPT4gKHtcclxuICAgIC4uLl9zdGFyRGVmYXVsdHMsXHJcbiAgfSksXHJcbn0pO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVTdGFyRGVmYXVsdHMoY29uZmlnOiBQYXJ0aWFsPEFyZFN0YXJEZWZhdWx0cz4pOiBQcm92aWRlciB7XHJcbiAgcmV0dXJuIHsgcHJvdmlkZTogQVJEX1NUQVJfREVGQVVMVFMsIHVzZVZhbHVlOiB7IC4uLl9zdGFyRGVmYXVsdHMsIC4uLmNvbmZpZyB9IH07XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Directive } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ArdStarIconTemplateDirective {
|
|
4
|
+
constructor(template) {
|
|
5
|
+
this.template = template;
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdStarIconTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdStarIconTemplateDirective, selector: "ard-star > ng-template[ard-star-icon-tmp]", ngImport: i0 }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdStarIconTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'ard-star > ng-template[ard-star-icon-tmp]',
|
|
14
|
+
}]
|
|
15
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci5kaXJlY3RpdmVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9zdGFyL3N0YXIuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQU12RCxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQW1CLFFBQXlDO1FBQXpDLGFBQVEsR0FBUixRQUFRLENBQWlDO0lBQUcsQ0FBQzsrR0FEckQsNEJBQTRCO21HQUE1Qiw0QkFBNEI7OzRGQUE1Qiw0QkFBNEI7a0JBSHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJDQUEyQztpQkFDdEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQXJkU3Rhckljb25Db250ZXh0IH0gZnJvbSBcIi4vc3Rhci50eXBlc1wiO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdhcmQtc3RhciA+IG5nLXRlbXBsYXRlW2FyZC1zdGFyLWljb24tdG1wXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcmRTdGFySWNvblRlbXBsYXRlRGlyZWN0aXZlIHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPEFyZFN0YXJJY29uQ29udGV4dD4pIHt9XHJcbn0iXX0=
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { ArdiumIconModule } from '../icon';
|
|
3
4
|
import { ArdiumStarComponent } from './star.component';
|
|
5
|
+
import { ArdStarIconTemplateDirective } from './star.directives';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
export class ArdiumStarModule {
|
|
6
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, declarations: [ArdiumStarComponent], imports: [CommonModule], exports: [ArdiumStarComponent] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, imports: [CommonModule] }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, declarations: [ArdiumStarComponent, ArdStarIconTemplateDirective], imports: [CommonModule, ArdiumIconModule], exports: [ArdiumStarComponent, ArdStarIconTemplateDirective] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, imports: [CommonModule, ArdiumIconModule] }); }
|
|
9
11
|
}
|
|
10
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, decorators: [{
|
|
11
13
|
type: NgModule,
|
|
12
14
|
args: [{
|
|
13
|
-
declarations: [ArdiumStarComponent],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
-
exports: [ArdiumStarComponent],
|
|
15
|
+
declarations: [ArdiumStarComponent, ArdStarIconTemplateDirective],
|
|
16
|
+
imports: [CommonModule, ArdiumIconModule],
|
|
17
|
+
exports: [ArdiumStarComponent, ArdStarIconTemplateDirective],
|
|
16
18
|
}]
|
|
17
19
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3N0YXIvc3Rhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU9qRSxNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7Z0hBQWhCLGdCQUFnQixpQkFKWixtQkFBbUIsRUFBRSw0QkFBNEIsYUFDdEQsWUFBWSxFQUFFLGdCQUFnQixhQUNoQyxtQkFBbUIsRUFBRSw0QkFBNEI7Z0hBRTlDLGdCQUFnQixZQUhqQixZQUFZLEVBQUUsZ0JBQWdCOzs0RkFHN0IsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLDRCQUE0QixDQUFDO29CQUNqRSxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7b0JBQzNDLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLDRCQUE0QixDQUFDO2lCQUMzRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFyZGl1bUljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uJztcclxuaW1wb3J0IHsgQXJkaXVtU3RhckNvbXBvbmVudCB9IGZyb20gJy4vc3Rhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBcmRTdGFySWNvblRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9zdGFyLmRpcmVjdGl2ZXMnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtBcmRpdW1TdGFyQ29tcG9uZW50LCBBcmRTdGFySWNvblRlbXBsYXRlRGlyZWN0aXZlXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBcmRpdW1JY29uTW9kdWxlXSxcclxuZXhwb3J0czogW0FyZGl1bVN0YXJDb21wb25lbnQsIEFyZFN0YXJJY29uVGVtcGxhdGVEaXJlY3RpdmVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXJkaXVtU3Rhck1vZHVsZSB7fVxyXG4iXX0=
|
|
@@ -16,8 +16,8 @@ export const StarFillMode = {
|
|
|
16
16
|
export const StarColor = {
|
|
17
17
|
...SimpleComponentColor,
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The app's color set for all stars. Usually gold or yellow-gold.
|
|
20
20
|
*/
|
|
21
|
-
|
|
21
|
+
Gold: 'gold',
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvc3Rhci9zdGFyLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTdELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRztJQUMxQjs7T0FFRztJQUNILElBQUksRUFBRSxNQUFNO0lBQ1o7O09BRUc7SUFDSCxJQUFJLEVBQUUsTUFBTTtJQUNaOztPQUVHO0lBQ0gsTUFBTSxFQUFFLFFBQVE7Q0FDUixDQUFDO0FBR1gsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHO0lBQ3ZCLEdBQUcsb0JBQW9CO0lBQ3ZCOztPQUVHO0lBQ0gsSUFBSSxFQUFFLE1BQU07Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2ltcGxlQ29tcG9uZW50Q29sb3IgfSBmcm9tICcuLi90eXBlcy9jb2xvcnMudHlwZXMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IFN0YXJGaWxsTW9kZSA9IHtcclxuICAvKipcclxuICAgKiBUaGUgc3RhciBpcyBub3QgZmlsbGVkLCBqdXN0IGFuIG91dGxpbmUuXHJcbiAgICovXHJcbiAgTm9uZTogJ25vbmUnLFxyXG4gIC8qKlxyXG4gICAqIEhhbGYgb2YgdGhlIHN0YXIgaXMgZmlsbGVkLlxyXG4gICAqL1xyXG4gIEhhbGY6ICdoYWxmJyxcclxuICAvKipcclxuICAgKiBUaGUgc3RhciBpcyBmdWxseSBmaWxsZWQuXHJcbiAgICovXHJcbiAgRmlsbGVkOiAnZmlsbGVkJyxcclxufSBhcyBjb25zdDtcclxuZXhwb3J0IHR5cGUgU3RhckZpbGxNb2RlID0gKHR5cGVvZiBTdGFyRmlsbE1vZGUpW2tleW9mIHR5cGVvZiBTdGFyRmlsbE1vZGVdO1xyXG5cclxuZXhwb3J0IGNvbnN0IFN0YXJDb2xvciA9IHtcclxuICAuLi5TaW1wbGVDb21wb25lbnRDb2xvcixcclxuICAvKipcclxuICAgKiBUaGUgYXBwJ3MgY29sb3Igc2V0IGZvciBhbGwgc3RhcnMuIFVzdWFsbHkgZ29sZCBvciB5ZWxsb3ctZ29sZC5cclxuICAgKi9cclxuICBHb2xkOiAnZ29sZCcsXHJcbn0gYXMgY29uc3Q7XHJcbmV4cG9ydCB0eXBlIFN0YXJDb2xvciA9ICh0eXBlb2YgU3RhckNvbG9yKVtrZXlvZiB0eXBlb2YgU3RhckNvbG9yXTtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXJkU3Rhckljb25Db250ZXh0IHtcclxuICAkaW1wbGljaXQ6IFN0YXJGaWxsTW9kZTtcclxufVxyXG4iXX0=
|
|
@@ -96,7 +96,7 @@ export class ArdiumTablePaginationComponent extends _FocusableComponentBase {
|
|
|
96
96
|
this._emitPageEvent();
|
|
97
97
|
}
|
|
98
98
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationComponent, deps: [{ token: ARD_TABLE_PAGINATION_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumTablePaginationComponent, selector: "ard-table-pagination", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange", itemsPerPageChangeEvent: "itemsPerPageChange", pageChangeEvent: "pageChange" }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-pagination\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-pagination__items-per-page\">\n <div class=\"ard-pagination__text\">{{ itemsPerPageText() }}</div>\n <ard-select\n [items]=\"options()\"\n [compact]=\"compact()\"\n [value]=\"itemsPerPage()\"\n autoHighlightFirst=\"false\"\n [disabled]=\"disabled()\"\n (valueChange)=\"onItemsPerPageChange($event[0])\"\n clearable=\"false\"\n />\n </div>\n <div class=\"ard-pagination__current-page\">\n <div class=\"ard-pagination__text\">\n {{ currentItemsFormatFn()(getCurrentItemsContext()) }}\n </div>\n <div class=\"ard-pagination__buttons\">\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onFirstPage()\"\n >\n <ard-icon>first page</ard-icon>\n </ard-icon-button>\n }\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onPrevPage()\"\n >\n <ard-icon>navigate before</ard-icon>\n </ard-icon-button>\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onNextPage()\"\n >\n <ard-icon>navigate next</ard-icon>\n </ard-icon-button>\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onLastPage()\"\n >\n <ard-icon>last page</ard-icon>\n </ard-icon-button>\n }\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ArdiumSelectComponent, selector: "ard-select", inputs: ["valueFrom", "labelFrom", "disabledFrom", "groupLabelFrom", "groupDisabledFrom", "childrenFrom", "placeholder", "searchPlaceholder", "clearButtonTitle", "dropdownPosition", "noItemsFoundText", "loadingPlaceholderText", "searchInputId", "inputAttrs", "isLoading", "itemsAlreadyGrouped", "invertDisabled", "noGroupActions", "autoHighlightFirst", "autoFocus", "keepOpen", "hideSelected", "noBackspaceClear", "sortMultipleValues", "searchCaseSensitive", "keepSearchAfterSelect", "maxSelectedItems", "itemDisplayLimit", "searchFn", "compareWith", "appearance", "variant", "compact", "dropdownAppearance", "dropdownVariant", "items", "multiselectable", "clearable", "searchable", "addCustom", "value", "isOpen"], outputs: ["valueChange", "change", "add", "failedToAdd", "remove", "clear", "open", "close", "scroll", "scrollToEnd", "search", "isOpenChange"] }, { kind: "component", type: i3.ArdiumIconButtonComponent, selector: "ard-icon-button", inputs: ["wrapperClasses", "type", "color", "lightColoring", "compact"] }, { kind: "component", type: i4.ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumTablePaginationComponent, selector: "ard-table-pagination", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange", itemsPerPageChangeEvent: "itemsPerPageChange", pageChangeEvent: "pageChange" }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-pagination\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-pagination__items-per-page\">\n <div class=\"ard-pagination__text\">{{ itemsPerPageText() }}</div>\n <ard-select\n [items]=\"options()\"\n [compact]=\"compact()\"\n [value]=\"itemsPerPage()\"\n autoHighlightFirst=\"false\"\n [disabled]=\"disabled()\"\n (valueChange)=\"onItemsPerPageChange($event[0])\"\n clearable=\"false\"\n />\n </div>\n <div class=\"ard-pagination__current-page\">\n <div class=\"ard-pagination__text\">\n {{ currentItemsFormatFn()(getCurrentItemsContext()) }}\n </div>\n <div class=\"ard-pagination__buttons\">\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onFirstPage()\"\n >\n <ard-icon>first page</ard-icon>\n </ard-icon-button>\n }\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onPrevPage()\"\n >\n <ard-icon>navigate before</ard-icon>\n </ard-icon-button>\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onNextPage()\"\n >\n <ard-icon>navigate next</ard-icon>\n </ard-icon-button>\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onLastPage()\"\n >\n <ard-icon>last page</ard-icon>\n </ard-icon-button>\n }\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ArdiumSelectComponent, selector: "ard-select", inputs: ["valueFrom", "labelFrom", "disabledFrom", "groupLabelFrom", "groupDisabledFrom", "childrenFrom", "placeholder", "searchPlaceholder", "clearButtonTitle", "dropdownPosition", "noItemsFoundText", "loadingPlaceholderText", "searchInputId", "inputAttrs", "isLoading", "itemsAlreadyGrouped", "invertDisabled", "noGroupActions", "autoHighlightFirst", "autoFocus", "keepOpen", "hideSelected", "noBackspaceClear", "sortMultipleValues", "searchCaseSensitive", "keepSearchAfterSelect", "maxSelectedItems", "itemDisplayLimit", "searchFn", "compareWith", "appearance", "variant", "compact", "dropdownAppearance", "dropdownVariant", "items", "multiselectable", "clearable", "searchable", "addCustom", "value", "isOpen"], outputs: ["valueChange", "change", "add", "failedToAdd", "remove", "clear", "open", "close", "scroll", "scrollToEnd", "search", "isOpenChange"] }, { kind: "component", type: i3.ArdiumIconButtonComponent, selector: "ard-icon-button", inputs: ["wrapperClasses", "type", "color", "lightColoring", "compact", "pointerEventsWhenDisabled"] }, { kind: "component", type: i4.ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
100
100
|
}
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationComponent, decorators: [{
|
|
102
102
|
type: Component,
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -26,8 +26,8 @@ export * from './lib/radio'; // 103
|
|
|
26
26
|
export * from './lib/segment'; // 104
|
|
27
27
|
export * from './lib/slide-toggle';
|
|
28
28
|
export * from './lib/slider'; // 105 & 106
|
|
29
|
+
export * from './lib/star/rating-input'; // 108
|
|
29
30
|
export * from './lib/star/star-button'; // 107
|
|
30
|
-
export * from './lib/star/star-input'; // 108
|
|
31
31
|
export * from './lib/statebox'; // 109
|
|
32
32
|
//! component group 2 - pickers
|
|
33
33
|
export * from './lib/calendar'; // 200 & (future: 201)
|
|
@@ -47,7 +47,7 @@ export * from './lib/form-field-frame'; // 500
|
|
|
47
47
|
export * from './lib/kbd'; // 503
|
|
48
48
|
export * from './lib/kbd-shortcut'; // 504
|
|
49
49
|
export * from './lib/star'; // 508
|
|
50
|
-
export * from './lib/star/
|
|
50
|
+
export * from './lib/star/rating-display'; // 509
|
|
51
51
|
export * from './lib/table'; // 505
|
|
52
52
|
export * from './lib/table-from-csv'; // 507
|
|
53
53
|
export * from './lib/table-pagination'; // 506
|
|
@@ -71,4 +71,4 @@ export * from './lib/types/theming.types';
|
|
|
71
71
|
export * from './lib/types/utility.types';
|
|
72
72
|
//! miscellaneous
|
|
73
73
|
export { searchFunctions as ArdSearchFunction, searchInString } from './lib/search-functions';
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsT0FBTyxZQUFZLENBQUM7QUFFcEIsMENBQTBDO0FBQzFDLGNBQWMsMEJBQTBCLENBQUMsQ0FBQyxNQUFNO0FBQ2hELGNBQWMsb0JBQW9CLENBQUMsQ0FBQyxNQUFNO0FBQzFDLGNBQWMsNkJBQTZCLENBQUMsQ0FBQyxNQUFNO0FBQ25ELGNBQWMsMkJBQTJCLENBQUMsQ0FBQyxNQUFNO0FBQ2pELGNBQWMsY0FBYyxDQUFDLENBQUMsTUFBTTtBQUNwQyxjQUFjLGNBQWMsQ0FBQyxDQUFDLE1BQU07QUFDcEMsbURBQW1EO0FBQ25ELGNBQWMsa0NBQWtDLENBQUMsQ0FBQyxNQUFNO0FBQ3hELGNBQWMsOEJBQThCLENBQUMsQ0FBQyxNQUFNO0FBQ3BELGNBQWMseUJBQXlCLENBQUMsQ0FBQyxNQUFNO0FBQy9DLGNBQWMsd0JBQXdCLENBQUMsQ0FBQyxNQUFNO0FBQzlDLGNBQWMsMkJBQTJCLENBQUMsQ0FBQyxNQUFNO0FBRWpELHNEQUFzRDtBQUN0RCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxhQUFhLENBQUMsQ0FBQyxNQUFNO0FBQ25DLGNBQWMsZUFBZSxDQUFDLENBQUMsTUFBTTtBQUNyQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsY0FBYyxDQUFDLENBQUMsWUFBWTtBQUMxQyxjQUFjLHlCQUF5QixDQUFDLENBQUMsTUFBTTtBQUMvQyxjQUFjLHdCQUF3QixDQUFDLENBQUMsTUFBTTtBQUM5QyxjQUFjLGdCQUFnQixDQUFDLENBQUMsTUFBTTtBQUV0QywrQkFBK0I7QUFDL0IsY0FBYyxnQkFBZ0IsQ0FBQyxDQUFDLHNCQUFzQjtBQUN0RCxtREFBbUQ7QUFFbkQsNkJBQTZCO0FBQzdCLGNBQWMscUJBQXFCLENBQUMsQ0FBQyxNQUFNO0FBRTNDLGdEQUFnRDtBQUNoRCxjQUFjLGFBQWEsQ0FBQyxDQUFDLE1BQU07QUFDbkMsY0FBYyxvQkFBb0IsQ0FBQyxDQUFDLE1BQU07QUFDMUMsY0FBYyx1QkFBdUIsQ0FBQyxDQUFDLE1BQU07QUFDN0MsY0FBYyxlQUFlLENBQUMsQ0FBQyxNQUFNO0FBRXJDLCtDQUErQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDLENBQUMsTUFBTTtBQUNqRCxjQUFjLHNCQUFzQixDQUFDLENBQUMsTUFBTTtBQUM1QyxjQUFjLGtCQUFrQixDQUFDLENBQUMsVUFBVTtBQUM1QyxjQUFjLHdCQUF3QixDQUFDLENBQUMsTUFBTTtBQUM5QyxjQUFjLFdBQVcsQ0FBQyxDQUFDLE1BQU07QUFDakMsY0FBYyxvQkFBb0IsQ0FBQyxDQUFDLE1BQU07QUFDMUMsY0FBYyxZQUFZLENBQUMsQ0FBQyxNQUFNO0FBQ2xDLGNBQWMsMkJBQTJCLENBQUMsQ0FBQyxNQUFNO0FBQ2pELGNBQWMsYUFBYSxDQUFDLENBQUMsTUFBTTtBQUNuQyxjQUFjLHNCQUFzQixDQUFDLENBQUMsTUFBTTtBQUM1QyxjQUFjLHdCQUF3QixDQUFDLENBQUMsTUFBTTtBQUM5QyxjQUFjLGlCQUFpQixDQUFDLENBQUMsTUFBTTtBQUV2Qyx5Q0FBeUM7QUFDekMsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxjQUFjLENBQUMsQ0FBQyxNQUFNO0FBRXBDLDhCQUE4QjtBQUM5QixjQUFjLGNBQWMsQ0FBQyxDQUFDLE1BQU07QUFDcEMsY0FBYyxhQUFhLENBQUMsQ0FBQyxNQUFNO0FBQ25DLGNBQWMsZ0JBQWdCLENBQUMsQ0FBQyxNQUFNO0FBRXRDLDZCQUE2QjtBQUM3QixjQUFjLFlBQVksQ0FBQyxDQUFDLE1BQU07QUFFbEMsU0FBUztBQUNULGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJCQUEyQixDQUFDO0FBRTFDLGlCQUFpQjtBQUNqQixPQUFPLEVBQUUsZUFBZSxJQUFJLGlCQUFpQixFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEFyZGl1bSBVSVxyXG4gKi9cclxuaW1wb3J0ICdmaXJzdC1sYXN0JztcclxuXHJcbi8vISBjb21wb25lbnQgZ3JvdXAgMCAtIGlucHV0cyBhbmQgc2VsZWN0c1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dHMvZGlnaXQtaW5wdXQnOyAvLyAwMDRcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXRzL2lucHV0JzsgLy8gMDAzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0cy9wYXNzd29yZC1pbnB1dCc7IC8vIDAwNVxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dHMvc2ltcGxlLWlucHV0JzsgLy8gMDAyXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbic7IC8vIDAwMVxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3QnOyAvLyAwMDBcclxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXRzL2NvbG9yLWlucHV0JzsgLy8gMDA2XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZpbGUtaW5wdXRzL2ZpbGUtZHJvcC1hcmVhJzsgLy8gMDEwXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZpbGUtaW5wdXRzL2ZpbGUtaW5wdXQnOyAvLyAwMTFcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXRzL2RhdGUtaW5wdXQnOyAvLyAwMDhcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXRzL2hleC1pbnB1dCc7IC8vIDAxNlxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dHMvbnVtYmVyLWlucHV0JzsgLy8gMDA3XHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDEgLSBzbWFsbCBmb3Jtcy1yZWxhdGVkIGNvbXBvbmVudHNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9ucy9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b25zL2ZhYic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbnMvZ2VuZXJhbC1idXR0b24udHlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b25zL2ljb24tYnV0dG9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8nOyAvLyAxMDNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VnbWVudCc7IC8vIDEwNFxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZS10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZXInOyAvLyAxMDUgJiAxMDZcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3Rhci9yYXRpbmctaW5wdXQnOyAvLyAxMDhcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3Rhci9zdGFyLWJ1dHRvbic7IC8vIDEwN1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGF0ZWJveCc7IC8vIDEwOVxyXG5cclxuLy8hIGNvbXBvbmVudCBncm91cCAyIC0gcGlja2Vyc1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxlbmRhcic7IC8vIDIwMCAmIChmdXR1cmU6IDIwMSlcclxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29sb3IvY29sb3ItcGlja2VyJzsgLy8gMjAyXHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDMgLSBsaXN0c1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveC1saXN0JzsgLy8gMzAwXHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDQgLSBzdGF0ZSBkaXNwbGF5IGNvbXBvbmVudHNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnOyAvLyA0MDNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyJzsgLy8gNDAxXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2dyZXNzLWNpcmNsZSc7IC8vIDQwMlxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zcGlubmVyJzsgLy8gNDAwXHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDUgLSBkYXRhIGRpc3BsYXkgY29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb2xvci9jb2xvci1kaXNwbGF5JzsgLy8gNTAyXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLXBhbmVsJzsgLy8gNTAxXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zvcm0tZmllbGQnOyAvLyA1MTEtNTE0XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zvcm0tZmllbGQtZnJhbWUnOyAvLyA1MDBcclxuZXhwb3J0ICogZnJvbSAnLi9saWIva2JkJzsgLy8gNTAzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2tiZC1zaG9ydGN1dCc7IC8vIDUwNFxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGFyJzsgLy8gNTA4XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N0YXIvcmF0aW5nLWRpc3BsYXknOyAvLyA1MDlcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUnOyAvLyA1MDVcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUtZnJvbS1jc3YnOyAvLyA1MDdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUtcGFnaW5hdGlvbic7IC8vIDUwNlxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90ZXh0LWxpc3QnOyAvLyA1MTBcclxuXHJcbi8vISBjb21wb25lbnQgZ3JvdXAgNiAtIGxheW91dCBjb21wb25lbnRzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXZpZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFiYmVyJzsgLy8gNjAwXHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDcgLSBwb3B1cHNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlhbG9nJzsgLy8gNzAxXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsJzsgLy8gNzAwXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NuYWNrYmFyJzsgLy8gNzAyXHJcblxyXG4vLyEgY29tcG9uZW50IGdyb3VwIDkgLSBvdGhlclxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uJzsgLy8gOTAwXHJcblxyXG4vLyEgdHlwZXNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvX2ludGVybmFsL3B1YmxpYy1hcGknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90eXBlcy9hbGlnbm1lbnQudHlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90eXBlcy9jb2xvcnMudHlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90eXBlcy9pdGVtLXN0b3JhZ2UudHlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90eXBlcy90aGVtaW5nLnR5cGVzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwZXMvdXRpbGl0eS50eXBlcyc7XHJcblxyXG4vLyEgbWlzY2VsbGFuZW91c1xyXG5leHBvcnQgeyBzZWFyY2hGdW5jdGlvbnMgYXMgQXJkU2VhcmNoRnVuY3Rpb24sIHNlYXJjaEluU3RyaW5nIH0gZnJvbSAnLi9saWIvc2VhcmNoLWZ1bmN0aW9ucyc7XHJcblxyXG4iXX0=
|