@tekus/kiosks-design-system 1.5.0 → 1.7.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-footer-navigation/tk-kiosk-footer-navigation.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 +11 -4
- 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 +3 -2
- package/package.json +1 -1
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=
|