@tekus/kiosks-design-system 2.29.0 → 2.30.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.
|
@@ -24,11 +24,11 @@ export class TkKioskStepperContainerComponent {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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 (
|
|
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 (click)=\"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"] }] }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
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 (
|
|
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 (click)=\"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"] }]
|
|
32
32
|
}], propDecorators: { title: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], complete: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
40
40
|
}], titleClick: [{
|
|
41
41
|
type: Output
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLXN0ZXBwZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIvdGsta2lvc2stc3RlcHBlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdqRDtJQVRDLFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7OEdBcEJVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLG1PQ1o3QyxnZ0NBMkNBLHltQkRuQ1ksT0FBTyxvRkFBRSxtQkFBbUIsNk1BQUUsMEJBQTBCOzsyRkFJdkQsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBSzFELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1zdGVwcGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tTdGVwcGVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29tcGxldGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB3aGVuIGEgcHJlc3MgXCJRdWllcm8gb3RybyBpZ3VhbFwiIGJ0blxuICAgKiBAZXZlbnRQcm9wZXJ0eSA8Qm9vbGVhbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9uZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSB0aXRsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb25lRW1pdHRlcigpIHtcbiAgICB0aGlzLmNsb25lSGFuZGxlci5lbWl0KHRydWUpO1xuICB9XG5cbiAgaGFuZGxlVGl0bGVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGl0bGVDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJ0aXRsZVwiXG4gICAgW25nQ2xhc3NdPVwieyAndGl0bGUtLWNvbXBsZXRlJzogY29tcGxldGUsICd0aXRsZS0tZGlzYWJsZWQnOiBkaXNhYmxlZCB9XCJcbiAgICAoY2xpY2spPVwiaGFuZGxlVGl0bGVDbGljaygpXCJcbiAgPlxuICAgIDx0ay1raW9zay10eXBvZ3JhcGh5XG4gICAgICB0eXBlPVwiaDYtaGVhZGluZ1wiXG4gICAgICBzaXplPVwiMjJweFwiXG4gICAgICB3ZWlnaHQ9XCI2MDBcIlxuICAgICAgW2NvbG9yXT1cImRpc2FibGVkID8gJ3RrLWNvbG9yLW5ldXRyYWwtNjAwJyA6ICd0ay1jb2xvci13aGl0ZS05MDAnXCJcbiAgICA+XG4gICAgICB7eyB0aXRsZSB9fVxuICAgIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPC9idXR0b24+XG5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG5cbiAgQGlmIChjb21wbGV0ZSkge1xuICA8c2VjdGlvbiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICA8dGsta2lvc2stYnRuXG4gICAgICAob25DbGljayk9XCJjbG9uZUVtaXR0ZXIoKVwiXG4gICAgICB0ZXh0U2l6ZT1cImJvZHkyXCJcbiAgICAgIFtzdHJva2VkXT1cInRydWVcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICBbcm91bmRlZF09XCJ0cnVlXCJcbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgPlxuICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHlcbiAgICAgICAgdHlwZT1cImg2LWhlYWRpbmdcIlxuICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgIHdlaWdodD1cIjYwMFwiXG4gICAgICAgIFtjb2xvcl09XCIndGstY29sb3Itc2Vjb25kYXJ5LTkwMCdcIlxuICAgICAgPlxuICAgICAgICDCoVF1aWVybyBvdHJvIGlndWFsIVxuICAgICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgIDwvdGsta2lvc2stYnRuPlxuICA8L3NlY3Rpb24+XG5cbiAgfVxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -2898,11 +2898,11 @@ class TkKioskStepperContainerComponent {
|
|
|
2898
2898
|
}
|
|
2899
2899
|
}
|
|
2900
2900
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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 (
|
|
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 (click)=\"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"] }] }); }
|
|
2902
2902
|
}
|
|
2903
2903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskStepperContainerComponent, decorators: [{
|
|
2904
2904
|
type: Component,
|
|
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 (
|
|
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 (click)=\"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"] }]
|
|
2906
2906
|
}], propDecorators: { title: [{
|
|
2907
2907
|
type: Input
|
|
2908
2908
|
}], complete: [{
|