@tekus/kiosks-design-system 2.28.0 → 2.29.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-stepper/tk-kiosk-stepper-container/tk-kiosk-stepper-container.component.mjs +17 -6
- package/fesm2022/tekus-kiosks-design-system.mjs +16 -5
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-stepper/tk-kiosk-stepper-container/tk-kiosk-stepper-container.component.d.ts +7 -4
- package/package.json +1 -1
|
@@ -9,17 +9,26 @@ export class TkKioskStepperContainerComponent {
|
|
|
9
9
|
this.complete = false;
|
|
10
10
|
this.disabled = false;
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
* This event is when a press "Quiero otro igual" btn
|
|
13
|
+
* @eventProperty <Boolean>
|
|
14
|
+
*/
|
|
15
15
|
this.cloneHandler = new EventEmitter();
|
|
16
|
+
this.titleClick = new EventEmitter();
|
|
17
|
+
}
|
|
18
|
+
cloneEmitter() {
|
|
19
|
+
this.cloneHandler.emit(true);
|
|
20
|
+
}
|
|
21
|
+
handleTitleClick() {
|
|
22
|
+
if (!this.disabled) {
|
|
23
|
+
this.titleClick.emit();
|
|
24
|
+
}
|
|
16
25
|
}
|
|
17
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler" }, ngImport: i0, template: "<section class=\"container\">\n <
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
19
28
|
}
|
|
20
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
21
30
|
type: Component,
|
|
22
|
-
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <
|
|
31
|
+
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
|
|
23
32
|
}], propDecorators: { title: [{
|
|
24
33
|
type: Input
|
|
25
34
|
}], complete: [{
|
|
@@ -28,5 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
28
37
|
type: Input
|
|
29
38
|
}], cloneHandler: [{
|
|
30
39
|
type: Output
|
|
40
|
+
}], titleClick: [{
|
|
41
|
+
type: Output
|
|
31
42
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdqRDtJQVRDLFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7OEdBcEJVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLG1PQ1o3QyxrZ0NBMkNBLHltQkRuQ1ksT0FBTyxvRkFBRSxtQkFBbUIsNk1BQUUsMEJBQTBCOzsyRkFJdkQsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBSzFELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tTdGVwcGVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29tcGxldGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB3aGVuIGEgcHJlc3MgXCJRdWllcm8gb3RybyBpZ3VhbFwiIGJ0blxuICAgKiBAZXZlbnRQcm9wZXJ0eSA8Qm9vbGVhbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9uZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSB0aXRsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb25lRW1pdHRlcigpIHtcbiAgICB0aGlzLmNsb25lSGFuZGxlci5lbWl0KHRydWUpO1xuICB9XG5cbiAgaGFuZGxlVGl0bGVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGl0bGVDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJ0aXRsZVwiXG4gICAgW25nQ2xhc3NdPVwieyAndGl0bGUtLWNvbXBsZXRlJzogY29tcGxldGUsICd0aXRsZS0tZGlzYWJsZWQnOiBkaXNhYmxlZCB9XCJcbiAgICAob25jbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIlxuICA+XG4gICAgPHRrLWtpb3NrLXR5cG9ncmFwaHlcbiAgICAgIHR5cGU9XCJoNi1oZWFkaW5nXCJcbiAgICAgIHNpemU9XCIyMnB4XCJcbiAgICAgIHdlaWdodD1cIjYwMFwiXG4gICAgICBbY29sb3JdPVwiZGlzYWJsZWQgPyAndGstY29sb3ItbmV1dHJhbC02MDAnIDogJ3RrLWNvbG9yLXdoaXRlLTkwMCdcIlxuICAgID5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICA8L2J1dHRvbj5cblxuICA8c2VjdGlvbiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cblxuICBAaWYgKGNvbXBsZXRlKSB7XG4gIDxzZWN0aW9uIGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgIDx0ay1raW9zay1idG5cbiAgICAgIChvbkNsaWNrKT1cImNsb25lRW1pdHRlcigpXCJcbiAgICAgIHRleHRTaXplPVwiYm9keTJcIlxuICAgICAgW3N0cm9rZWRdPVwidHJ1ZVwiXG4gICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICA+XG4gICAgICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgd2VpZ2h0PVwiNjAwXCJcbiAgICAgICAgW2NvbG9yXT1cIid0ay1jb2xvci1zZWNvbmRhcnktOTAwJ1wiXG4gICAgICA+XG4gICAgICAgIMKhUXVpZXJvIG90cm8gaWd1YWwhXG4gICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgPC90ay1raW9zay1idG4+XG4gIDwvc2VjdGlvbj5cblxuICB9XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -2883,17 +2883,26 @@ class TkKioskStepperContainerComponent {
|
|
|
2883
2883
|
this.complete = false;
|
|
2884
2884
|
this.disabled = false;
|
|
2885
2885
|
/**
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2886
|
+
* This event is when a press "Quiero otro igual" btn
|
|
2887
|
+
* @eventProperty <Boolean>
|
|
2888
|
+
*/
|
|
2889
2889
|
this.cloneHandler = new EventEmitter();
|
|
2890
|
+
this.titleClick = new EventEmitter();
|
|
2891
|
+
}
|
|
2892
|
+
cloneEmitter() {
|
|
2893
|
+
this.cloneHandler.emit(true);
|
|
2894
|
+
}
|
|
2895
|
+
handleTitleClick() {
|
|
2896
|
+
if (!this.disabled) {
|
|
2897
|
+
this.titleClick.emit();
|
|
2898
|
+
}
|
|
2890
2899
|
}
|
|
2891
2900
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2892
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler" }, ngImport: i0, template: "<section class=\"container\">\n <
|
|
2901
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TkKioskStepperContainerComponent, isStandalone: true, selector: "tk-kiosk-stepper-container", inputs: { title: "title", complete: "complete", disabled: "disabled" }, outputs: { cloneHandler: "cloneHandler", titleClick: "titleClick" }, ngImport: i0, template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
2893
2902
|
}
|
|
2894
2903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
2895
2904
|
type: Component,
|
|
2896
|
-
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <
|
|
2905
|
+
args: [{ selector: 'tk-kiosk-stepper-container', standalone: true, imports: [NgClass, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"container\">\n <button\n class=\"title\"\n [ngClass]=\"{ 'title--complete': complete, 'title--disabled': disabled }\"\n (onclick)=\"handleTitleClick()\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"22px\"\n weight=\"600\"\n [color]=\"disabled ? 'tk-color-neutral-600' : 'tk-color-white-900'\"\n >\n {{ title }}\n </tk-kiosk-typography>\n </button>\n\n <section class=\"content\">\n <ng-content></ng-content>\n </section>\n\n @if (complete) {\n <section class=\"actions\">\n <tk-kiosk-btn\n (onClick)=\"cloneEmitter()\"\n textSize=\"body2\"\n [stroked]=\"true\"\n variant=\"secondary\"\n [rounded]=\"true\"\n size=\"small\"\n >\n <tk-kiosk-typography\n type=\"h6-heading\"\n size=\"14px\"\n weight=\"600\"\n [color]=\"'tk-color-secondary-900'\"\n >\n \u00A1Quiero otro igual!\n </tk-kiosk-typography>\n </tk-kiosk-btn>\n </section>\n\n }\n</section>\n", styles: [".container{width:174px}.container .title{padding:12px 24px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background:var(--tk-color-secondary-900);text-align:center;display:flex;align-items:center}.container .title--complete{background:var(--tk-color-primary-900)}.container .title--disabled{background:var(--tk-color-neutral-300, #B3B3B3)}.container .content{margin:24px 0;gap:24px;display:flex;flex-direction:column}.container .actions{margin-bottom:20px;width:100%}.container .actions tk-kiosk-btn{width:100%;margin:0}\n"] }]
|
|
2897
2906
|
}], propDecorators: { title: [{
|
|
2898
2907
|
type: Input
|
|
2899
2908
|
}], complete: [{
|
|
@@ -2902,6 +2911,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
2902
2911
|
type: Input
|
|
2903
2912
|
}], cloneHandler: [{
|
|
2904
2913
|
type: Output
|
|
2914
|
+
}], titleClick: [{
|
|
2915
|
+
type: Output
|
|
2905
2916
|
}] } });
|
|
2906
2917
|
|
|
2907
2918
|
class TkKioskStepperLayoutComponent {
|