@tekus/kiosks-design-system 3.2.0 → 3.3.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/public-api.mjs +2 -1
- package/esm2022/lib/components/tk-kiosk-progress-bar/index.mjs +2 -0
- package/esm2022/lib/components/tk-kiosk-progress-bar/tk-kiosk-progress-bar.component.mjs +42 -0
- package/esm2022/lib/components/tk-kiosk-status-card/tk-kiosk-status-card.component.mjs +14 -6
- package/fesm2022/tekus-kiosks-design-system.mjs +52 -6
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/public-api.d.ts +1 -0
- package/lib/components/tk-kiosk-progress-bar/index.d.ts +1 -0
- package/lib/components/tk-kiosk-progress-bar/tk-kiosk-progress-bar.component.d.ts +12 -0
- package/lib/components/tk-kiosk-status-card/tk-kiosk-status-card.component.d.ts +4 -2
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ export * from './tk-kiosk-product-item';
|
|
|
20
20
|
export * from './tk-kiosk-product-option';
|
|
21
21
|
export * from './tk-kiosk-product-resume';
|
|
22
22
|
export * from './tk-kiosk-product-slider';
|
|
23
|
+
export * from './tk-kiosk-progress-bar';
|
|
23
24
|
export * from './tk-kiosk-select-field';
|
|
24
25
|
export * from './tk-kiosk-slider';
|
|
25
26
|
export * from './tk-kiosk-code-field';
|
|
@@ -32,4 +33,4 @@ export * from './tk-kiosk-card-resume-checkout';
|
|
|
32
33
|
export * from './tk-kiosk-stepper';
|
|
33
34
|
export * from './tk-kiosk-custom-check-card';
|
|
34
35
|
export * from './tk-kiosk-time-picker';
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stYmFkZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1idG4nO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1idG4tY2F0ZWdvcnknO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1idG4tY291bnQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stc3RhdHVzLWNhcmQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1jaGVjay1jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stY2hlY2stY2FyZC1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLWNoZWNrJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stY2hlY2stZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1kYXRlLXBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLWhvdXItc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2staWNvbi1idG4nO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1pbGx1c3RyYXRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2sta2V5Ym9hcmQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXByb2R1Y3QtY2FyZCc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXByb2R1Y3QtaXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXByb2R1Y3Qtb3B0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stcHJvZHVjdC1yZXN1bWUnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1wcm9kdWN0LXNsaWRlcic7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXByb2dyZXNzLWJhcic7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXNlbGVjdC1maWVsZCc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXNsaWRlcic7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLWNvZGUtZmllbGQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay10ZXh0LWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXZlcnRpY2FsLWFycm93LXNjcm9sbCc7XG5leHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4uL3BpcGVzL2N1c3RvbS1jdXJyZW5jeS5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stY2FyZC1yZXN1bWUtY2hlY2tvdXQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay1zdGVwcGVyJztcbmV4cG9ydCAqIGZyb20gJy4vdGsta2lvc2stY3VzdG9tLWNoZWNrLWNhcmQnO1xuZXhwb3J0ICogZnJvbSAnLi90ay1raW9zay10aW1lLXBpY2tlcic7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './tk-kiosk-progress-bar.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stcHJvZ3Jlc3MtYmFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RrLWtpb3NrLXByb2dyZXNzLWJhci5jb21wb25lbnQnOyJdfQ==
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { TkKioskTypographyComponent } from '../tk-kiosk-typography';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TkKioskProgressBarComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.progressValue = 0;
|
|
7
|
+
this.width = 200;
|
|
8
|
+
this.height = 12;
|
|
9
|
+
this.backgroundColor = '#CDCDCD';
|
|
10
|
+
this.showPercentage = true;
|
|
11
|
+
}
|
|
12
|
+
get progress() {
|
|
13
|
+
return this.progressValue;
|
|
14
|
+
}
|
|
15
|
+
set progress(value) {
|
|
16
|
+
if (value == null || value === '' || isNaN(Number(value))) {
|
|
17
|
+
this.progressValue = 0;
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const numValue = Number(value);
|
|
21
|
+
this.progressValue = Math.max(0, Math.min(100, numValue));
|
|
22
|
+
}
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskProgressBarComponent, isStandalone: true, selector: "tk-kiosk-progress-bar", inputs: { progress: "progress", width: "width", height: "height", backgroundColor: "backgroundColor", showPercentage: "showPercentage" }, ngImport: i0, template: "<div class=\"progress-bar\">\n <div class=\"progress-bar__container\"\n [style.width.px]=\"width\"\n [style.height.px]=\"height\"\n [style.background]=\"backgroundColor\">\n <div class=\"progress-bar__fill\"\n [style.width.%]=\"progress\"\n [style.background]=\"progress >= 100 ? '#36B37E' : '#FFD21B'\"></div>\n </div>\n @if(showPercentage){\n <div class=\"progress-bar__percentage\">\n <tk-kiosk-typography type=\"h6-heading\" weight=\"450\">\n {{ progress }}%\n </tk-kiosk-typography>\n </div>\n }\n</div>", styles: [".progress-bar{display:flex;align-items:center;gap:20px}.progress-bar__container{position:relative;display:flex;align-items:center;border-radius:10px;overflow:hidden}.progress-bar__fill{height:100%;transition:width .3s ease-in-out;border-radius:10px}\n"], dependencies: [{ kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskProgressBarComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'tk-kiosk-progress-bar', standalone: true, imports: [
|
|
29
|
+
TkKioskTypographyComponent,
|
|
30
|
+
], template: "<div class=\"progress-bar\">\n <div class=\"progress-bar__container\"\n [style.width.px]=\"width\"\n [style.height.px]=\"height\"\n [style.background]=\"backgroundColor\">\n <div class=\"progress-bar__fill\"\n [style.width.%]=\"progress\"\n [style.background]=\"progress >= 100 ? '#36B37E' : '#FFD21B'\"></div>\n </div>\n @if(showPercentage){\n <div class=\"progress-bar__percentage\">\n <tk-kiosk-typography type=\"h6-heading\" weight=\"450\">\n {{ progress }}%\n </tk-kiosk-typography>\n </div>\n }\n</div>", styles: [".progress-bar{display:flex;align-items:center;gap:20px}.progress-bar__container{position:relative;display:flex;align-items:center;border-radius:10px;overflow:hidden}.progress-bar__fill{height:100%;transition:width .3s ease-in-out;border-radius:10px}\n"] }]
|
|
31
|
+
}], propDecorators: { progress: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], width: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], height: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], backgroundColor: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], showPercentage: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}] } });
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1wcm9ncmVzcy1iYXIvdGsta2lvc2stcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1wcm9ncmVzcy1iYXIvdGsta2lvc2stcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVdwRSxNQUFNLE9BQU8sMkJBQTJCO0lBVHhDO1FBVVUsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFnQmpCLFVBQUssR0FBRyxHQUFHLENBQUM7UUFDWixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osb0JBQWUsR0FBRyxTQUFTLENBQUM7UUFDNUIsbUJBQWMsR0FBRyxJQUFJLENBQUM7S0FDaEM7SUFsQkMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxLQUFVO1FBQ3JCLElBQUksS0FBSyxJQUFJLElBQUksSUFBSSxLQUFLLEtBQUssRUFBRSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRTtZQUN6RCxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztZQUN2QixPQUFPO1NBQ1I7UUFDRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7OEdBZlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsMk5DWnhDLHFpQkFnQk0scVREVEYsMEJBQTBCOzsyRkFLakIsMkJBQTJCO2tCQVR2QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1A7d0JBQ1AsMEJBQTBCO3FCQUMzQjs4QkFRRyxRQUFRO3NCQURYLEtBQUs7Z0JBY0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLXR5cG9ncmFwaHknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1wcm9ncmVzcy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za1Byb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBwcm9ncmVzc1ZhbHVlID0gMDtcblxuICBASW5wdXQoKVxuICBnZXQgcHJvZ3Jlc3MoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5wcm9ncmVzc1ZhbHVlO1xuICB9XG5cbiAgc2V0IHByb2dyZXNzKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodmFsdWUgPT0gbnVsbCB8fCB2YWx1ZSA9PT0gJycgfHwgaXNOYU4oTnVtYmVyKHZhbHVlKSkpIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3NWYWx1ZSA9IDA7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IG51bVZhbHVlID0gTnVtYmVyKHZhbHVlKTtcbiAgICB0aGlzLnByb2dyZXNzVmFsdWUgPSBNYXRoLm1heCgwLCBNYXRoLm1pbigxMDAsIG51bVZhbHVlKSk7XG4gIH1cblxuICBASW5wdXQoKSB3aWR0aCA9IDIwMDtcbiAgQElucHV0KCkgaGVpZ2h0ID0gMTI7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvciA9ICcjQ0RDRENEJztcbiAgQElucHV0KCkgc2hvd1BlcmNlbnRhZ2UgPSB0cnVlO1xufVxuIiwiPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiPlxuICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyX19jb250YWluZXJcIlxuICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiXG4gICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIlxuICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRDb2xvclwiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJfX2ZpbGxcIlxuICAgICAgW3N0eWxlLndpZHRoLiVdPVwicHJvZ3Jlc3NcIlxuICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwicHJvZ3Jlc3MgPj0gMTAwID8gJyMzNkIzN0UnIDogJyNGRkQyMUInXCI+PC9kaXY+XG4gIDwvZGl2PlxuICBAaWYoc2hvd1BlcmNlbnRhZ2Upe1xuICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyX19wZXJjZW50YWdlXCI+XG4gICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgdHlwZT1cImg2LWhlYWRpbmdcIiB3ZWlnaHQ9XCI0NTBcIj5cbiAgICAgIHt7IHByb2dyZXNzIH19JVxuICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PiJdfQ==
|