@tekus/kiosks-design-system 1.4.0 → 1.6.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/components/tk-kiosk-badge/tk-kiosk-badge.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-product-card/tk-kiosk-product-card.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-text-field/tk-kiosk-text-field.component.mjs +12 -4
- package/esm2022/lib/models/footerActions.model.mjs +1 -1
- package/fesm2022/tekus-kiosks-design-system.mjs +17 -10
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-text-field/tk-kiosk-text-field.component.d.ts +3 -1
- package/lib/models/footerActions.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -18,11 +18,11 @@ export class TkKioskBadgeComponent {
|
|
|
18
18
|
return 'tk-kiosk:shopping-cart';
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBadgeComponent, isStandalone: true, selector: "tk-kiosk-badge", inputs: { count: "count", isInactive: "isInactive", squared: "squared", stroked: "stroked", icon: "icon" }, ngImport: i0, template: "<div\n class=\"badge\"\n [ngClass]=\"isInactive || count == 0 ? 'inactive ' : ''\"\n [class.squared]=\"squared\"\n [class.stroked]=\"stroked\"\n [class.badge--icon]=\"icon\"\n>\n <span nz-icon *ngIf=\"icon\" [nzType]=\"iconType()\" class=\"icon\"></span>\n <tk-kiosk-typography type=\"subtitle1\">\n {{ count }}\n </tk-kiosk-typography>\n</div>\n", styles: [".badge{width:fit-content;padding:10px;display:flex;align-items:center;justify-content:center;color:var(--tk-color-text-accent-900);background-color:var(--tk-color-accent-900);border-radius:55px;text-align:center}.badge tk-kiosk-typography{width:47px;height:47px;line-height:47px}.badge.inactive{color:var(--tk-color-neutral-500);background-color:var(--tk-color-neutral-200)}.badge.squared{border-radius:12px}.badge.stroked{padding:8px;border:2px solid;color:var(--tk-color-accent-900);background-color:var(--tk-color-white-900)}.badge--icon{padding:10px;gap:10px;width:fit-content}.badge--icon .icon{font-size:46px;height:46px;line-height:46px}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBadgeComponent, isStandalone: true, selector: "tk-kiosk-badge", inputs: { count: "count", isInactive: "isInactive", squared: "squared", stroked: "stroked", icon: "icon" }, ngImport: i0, template: "<div\n class=\"badge\"\n [ngClass]=\"isInactive || count == 0 ? 'inactive ' : ''\"\n [class.squared]=\"squared\"\n [class.stroked]=\"stroked\"\n [class.badge--icon]=\"icon\"\n>\n <span nz-icon *ngIf=\"icon\" [nzType]=\"iconType()\" class=\"icon\"></span>\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">\n {{ count }}\n </tk-kiosk-typography>\n</div>\n", styles: [".badge{width:fit-content;padding:10px;display:flex;align-items:center;justify-content:center;color:var(--tk-color-text-accent-900);background-color:var(--tk-color-accent-900);border-radius:55px;text-align:center}.badge tk-kiosk-typography{width:47px;height:47px;line-height:47px}.badge.inactive{color:var(--tk-color-neutral-500);background-color:var(--tk-color-neutral-200)}.badge.squared{border-radius:12px}.badge.stroked{padding:8px;border:2px solid;color:var(--tk-color-accent-900);background-color:var(--tk-color-white-900)}.badge--icon{padding:10px;gap:10px;width:fit-content}.badge--icon .icon{font-size:46px;height:46px;line-height:46px}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBadgeComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'tk-kiosk-badge', standalone: true, imports: [TkKioskTypographyComponent, NgIf, NgClass, NzIconDirective], template: "<div\n class=\"badge\"\n [ngClass]=\"isInactive || count == 0 ? 'inactive ' : ''\"\n [class.squared]=\"squared\"\n [class.stroked]=\"stroked\"\n [class.badge--icon]=\"icon\"\n>\n <span nz-icon *ngIf=\"icon\" [nzType]=\"iconType()\" class=\"icon\"></span>\n <tk-kiosk-typography type=\"subtitle1\">\n {{ count }}\n </tk-kiosk-typography>\n</div>\n", styles: [".badge{width:fit-content;padding:10px;display:flex;align-items:center;justify-content:center;color:var(--tk-color-text-accent-900);background-color:var(--tk-color-accent-900);border-radius:55px;text-align:center}.badge tk-kiosk-typography{width:47px;height:47px;line-height:47px}.badge.inactive{color:var(--tk-color-neutral-500);background-color:var(--tk-color-neutral-200)}.badge.squared{border-radius:12px}.badge.stroked{padding:8px;border:2px solid;color:var(--tk-color-accent-900);background-color:var(--tk-color-white-900)}.badge--icon{padding:10px;gap:10px;width:fit-content}.badge--icon .icon{font-size:46px;height:46px;line-height:46px}\n"] }]
|
|
25
|
+
args: [{ selector: 'tk-kiosk-badge', standalone: true, imports: [TkKioskTypographyComponent, NgIf, NgClass, NzIconDirective], template: "<div\n class=\"badge\"\n [ngClass]=\"isInactive || count == 0 ? 'inactive ' : ''\"\n [class.squared]=\"squared\"\n [class.stroked]=\"stroked\"\n [class.badge--icon]=\"icon\"\n>\n <span nz-icon *ngIf=\"icon\" [nzType]=\"iconType()\" class=\"icon\"></span>\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">\n {{ count }}\n </tk-kiosk-typography>\n</div>\n", styles: [".badge{width:fit-content;padding:10px;display:flex;align-items:center;justify-content:center;color:var(--tk-color-text-accent-900);background-color:var(--tk-color-accent-900);border-radius:55px;text-align:center}.badge tk-kiosk-typography{width:47px;height:47px;line-height:47px}.badge.inactive{color:var(--tk-color-neutral-500);background-color:var(--tk-color-neutral-200)}.badge.squared{border-radius:12px}.badge.stroked{padding:8px;border:2px solid;color:var(--tk-color-accent-900);background-color:var(--tk-color-white-900)}.badge--icon{padding:10px;gap:10px;width:fit-content}.badge--icon .icon{font-size:46px;height:46px;line-height:46px}\n"] }]
|
|
26
26
|
}], propDecorators: { count: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], isInactive: [{
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
34
34
|
}], icon: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWJhZGdlL3RrLWtpb3NrLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1iYWRnZS90ay1raW9zay1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQWdCLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3JELE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRVyxVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2xCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFNBQUksR0FBcUIsS0FBSyxDQUFDO0tBT3pDO0lBTEMsUUFBUTtRQUNOLElBQUksT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVE7WUFBRSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFcEQsT0FBTyx3QkFBd0IsQ0FBQztJQUNsQyxDQUFDOzhHQVhVLHFCQUFxQjtrR0FBckIscUJBQXFCLHNMQ2JsQywwWUFZQSxnc0JESFksMEJBQTBCLDBIQUFFLElBQUksNkZBQUUsT0FBTyxvRkFBRSxlQUFlOzsyRkFJekQscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLDBCQUEwQixFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDOzhCQUs1RCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcbmltcG9ydCB7IE56SWNvbkRpcmVjdGl2ZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOZ0lmLCBOZ0NsYXNzLCBOekljb25EaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ay1raW9zay1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQmFkZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBjb3VudDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgaXNJbmFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzcXVhcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHN0cm9rZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nIHwgYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGljb25UeXBlKCkge1xuICAgIGlmICh0eXBlb2YgdGhpcy5pY29uID09PSAnc3RyaW5nJykgcmV0dXJuIHRoaXMuaWNvbjtcblxuICAgIHJldHVybiAndGsta2lvc2s6c2hvcHBpbmctY2FydCc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJiYWRnZVwiXG4gIFtuZ0NsYXNzXT1cImlzSW5hY3RpdmUgfHwgY291bnQgPT0gMCA/ICdpbmFjdGl2ZSAnIDogJydcIlxuICBbY2xhc3Muc3F1YXJlZF09XCJzcXVhcmVkXCJcbiAgW2NsYXNzLnN0cm9rZWRdPVwic3Ryb2tlZFwiXG4gIFtjbGFzcy5iYWRnZS0taWNvbl09XCJpY29uXCJcbj5cbiAgPHNwYW4gbnotaWNvbiAqbmdJZj1cImljb25cIiBbbnpUeXBlXT1cImljb25UeXBlKClcIiBjbGFzcz1cImljb25cIj48L3NwYW4+XG4gIDx0ay1raW9zay10eXBvZ3JhcGh5IHR5cGU9XCJzdWJ0aXRsZTFcIiBjb2xvcj1cInRrLWNvbG9yLXRleHQtYWNjZW50LTkwMFwiPlxuICAgIHt7IGNvdW50IH19XG4gIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbjwvZGl2PlxuIl19
|
package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs
CHANGED
|
@@ -10,11 +10,11 @@ export class TkKioskFooterNavigationComponent {
|
|
|
10
10
|
this.actions = [];
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskFooterNavigationComponent, isStandalone: true, selector: "tk-kiosk-footer-navigation", inputs: { height: "height", actions: "actions" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n [textSize]=\"action.textSize || 'h5-heading'\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n</tk-kiosk-btn>\n}\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskFooterNavigationComponent, isStandalone: true, selector: "tk-kiosk-footer-navigation", inputs: { height: "height", actions: "actions" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n [textSize]=\"action.textSize || 'h5-heading'\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n [textSize]=\"action.textSize || 'h5-heading'\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n</tk-kiosk-btn>\n}\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"] }]
|
|
17
|
+
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n [textSize]=\"action.textSize || 'h5-heading'\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"] }]
|
|
18
18
|
}], propDecorators: { height: [{
|
|
19
19
|
type: Input,
|
|
20
20
|
args: ['height']
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
25
25
|
type: Input,
|
|
26
26
|
args: ['actions']
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVXJELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRbUIsV0FBTSxHQUFXLE9BQU8sQ0FBQztRQUN4QixrQkFBYSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ2pFLFlBQU8sR0FBb0IsRUFBRSxDQUFBO0tBRWhEOzhHQUxZLGdDQUFnQztrR0FBaEMsZ0NBQWdDLDhLQ2I3Qyxpa0NBd0NBLGlQRC9CWSxPQUFPLDJFQUFFLGVBQWUsaUtBQUUsbUJBQW1COzsyRkFJNUMsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixDQUFDOzhCQUt2QyxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ0csYUFBYTtzQkFBOUIsTUFBTTt1QkFBQyxRQUFRO2dCQUNFLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1idG4nO1xuaW1wb3J0IHsgTnpJY29uRGlyZWN0aXZlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IEZvb3RlckFjdGlvbnMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1mb290ZXItbmF2aWdhdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLCBOekljb25EaXJlY3RpdmUsIFRrS2lvc2tCdG5Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tGb290ZXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCdoZWlnaHQnKSBoZWlnaHQ6IHN0cmluZyA9ICcxNzBweCc7XG4gIEBPdXRwdXQoJ2FjdGlvbicpIGFjdGlvbkVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBJbnB1dCgnYWN0aW9ucycpIGFjdGlvbnM6IEZvb3RlckFjdGlvbnNbXSA9IFtdXG5cbn1cbiIsIjxzZWN0aW9uXG4gIGNsYXNzPVwiYmFyXCJcbiAgW25nU3R5bGVdPVwieyBoZWlnaHQ6IGhlaWdodCwgY29sb3I6ICd2YXIoLS10ay1jb2xvci1wcmltYXJ5LTcwMCknIH1cIlxuPlxuICBAZm9yIChhY3Rpb24gb2YgYWN0aW9uczsgdHJhY2sgYWN0aW9uLmxhYmVsKSB7XG5cbiAgPHRrLWtpb3NrLWJ0blxuICAgIChjbGljayk9XCJhY3Rpb25FbWl0dGVyLm5leHQoYWN0aW9uLmFjdGlvbilcIlxuICAgIFt2YXJpYW50XT1cImFjdGlvbi52YXJpYW50Q29sb3JcIlxuICAgIFt0ZXh0U2l6ZV09XCJhY3Rpb24udGV4dFNpemUgfHwgJ2g1LWhlYWRpbmcnXCJcbiAgICBbb3V0bGluZV09XCJhY3Rpb24ub3V0bGluZSB8fCBmYWxzZVwiXG4gICAgW3RleHRDb2xvcl09XCJhY3Rpb24udGV4dENvbG9yIHx8ICd0ay1jb2xvci13aGl0ZSdcIlxuICAgIFt0ZXh0XT1cImFjdGlvbi5sYWJlbFwiXG4gICAgW3NpemVdPVwiYWN0aW9uLnNpemUgfHwgJ2xhcmdlJ1wiXG4gICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCB8fCBmYWxzZVwiXG4gID5cbiAgICBAaWYoYWN0aW9uLmljb24gJiYgYWN0aW9uLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnKXtcblxuICAgIDxkaXYgbGVmdC1zZWN0aW9uPlxuICAgICAgPHNwYW5cbiAgICAgICAgbnotaWNvblxuICAgICAgICBbbnpUeXBlXT1cImFjdGlvbi5pY29uXCJcbiAgICAgICAgY2xhc3M9XCJpY29uXCJcbiAgICAgICAgW3N0eWxlLmNvbG9yXT1cIid2YXIoLS0nICsgYWN0aW9uLnRleHRDb2xvciArICcpJ1wiXG4gICAgICA+PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIH0gQGlmKGFjdGlvbi5pY29uICYmIGFjdGlvbi5pY29uUG9zaXRpb24gPT09ICdyaWdodCcpe1xuXG4gICAgPGRpdj5cbiAgICAgIDxzcGFuXG4gICAgICAgIG56LWljb25cbiAgICAgICAgW256VHlwZV09XCJhY3Rpb24uaWNvblwiXG4gICAgICAgIGNsYXNzPVwiaWNvblwiXG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCIndmFyKC0tJyArIGFjdGlvbi50ZXh0Q29sb3IgKyAnKSdcIlxuICAgICAgPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gIDwvdGsta2lvc2stYnRuPlxuICB9XG48L3NlY3Rpb24+XG4iXX0=
|