@tekus/kiosks-design-system 1.18.0 → 1.21.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.
@@ -8,11 +8,11 @@ export class TkKioskBarLogoComponent {
8
8
  this.logoSource = 'https://i.postimg.cc/tCnFjzjq/1-Logo-Principal-tekus-Fondos-Blancos-1.png';
9
9
  }
10
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarLogoComponent, isStandalone: true, selector: "tk-kiosk-bar-logo", inputs: { logoWith: "logoWith", logoHeight: "logoHeight", logoSource: "logoSource" }, ngImport: i0, template: "<div class=\"logo\">\n <figure [ngStyle]=\"{'height': logoHeight}\" >\n <img height=\"100%\" [ngStyle]=\"{'width': logoWith}\"\n [src]=\"logoSource\" alt=\"TK Kiosk Bar\" />\n </figure>\n</div>", styles: [".logo{width:100%;display:flex;justify-content:center;align-items:center;height:fit-content}.logo figure{padding:0;margin:0;height:fit-content}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarLogoComponent, isStandalone: true, selector: "tk-kiosk-bar-logo", inputs: { logoWith: "logoWith", logoHeight: "logoHeight", logoSource: "logoSource" }, ngImport: i0, template: "<div class=\"logo\">\n <figure [ngStyle]=\"{'height': logoHeight}\" >\n <img height=\"100%\" [ngStyle]=\"{'width': logoWith}\"\n [src]=\"logoSource\" alt=\"TK Kiosk Bar\" />\n </figure>\n</div>", styles: [".logo{width:100%;display:flex;justify-content:center;align-items:center;height:fit-content;padding:40px;box-sizing:border-box}.logo figure{padding:0;margin:0;height:fit-content}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
12
12
  }
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarLogoComponent, decorators: [{
14
14
  type: Component,
15
- args: [{ selector: 'tk-kiosk-bar-logo', standalone: true, imports: [NgStyle], template: "<div class=\"logo\">\n <figure [ngStyle]=\"{'height': logoHeight}\" >\n <img height=\"100%\" [ngStyle]=\"{'width': logoWith}\"\n [src]=\"logoSource\" alt=\"TK Kiosk Bar\" />\n </figure>\n</div>", styles: [".logo{width:100%;display:flex;justify-content:center;align-items:center;height:fit-content}.logo figure{padding:0;margin:0;height:fit-content}\n"] }]
15
+ args: [{ selector: 'tk-kiosk-bar-logo', standalone: true, imports: [NgStyle], template: "<div class=\"logo\">\n <figure [ngStyle]=\"{'height': logoHeight}\" >\n <img height=\"100%\" [ngStyle]=\"{'width': logoWith}\"\n [src]=\"logoSource\" alt=\"TK Kiosk Bar\" />\n </figure>\n</div>", styles: [".logo{width:100%;display:flex;justify-content:center;align-items:center;height:fit-content;padding:40px;box-sizing:border-box}.logo figure{padding:0;margin:0;height:fit-content}\n"] }]
16
16
  }], propDecorators: { logoWith: [{
17
17
  type: Input
18
18
  }], logoHeight: [{
@@ -20,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
20
20
  }], logoSource: [{
21
21
  type: Input
22
22
  }] } });
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWJhci90ay1raW9zay1iYXItbG9nby90ay1raW9zay1iYXItbG9nby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1sb2dvL3RrLWtpb3NrLWJhci1sb2dvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVFXLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUM3QixlQUFVLEdBQVcsMkVBQTJFLENBQUM7S0FDM0c7OEdBSlksdUJBQXVCO2tHQUF2Qix1QkFBdUIsbUtDVnBDLDJOQUtNLDBNRENNLE9BQU87OzJGQUlOLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsT0FBTyxDQUFDOzhCQUtULFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1sb2dvJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nU3R5bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0JhckxvZ29Db21wb25lbnQge1xuICBASW5wdXQoKSBsb2dvV2l0aDogc3RyaW5nID0gJ2F1dG8nO1xuICBASW5wdXQoKSBsb2dvSGVpZ2h0OiBzdHJpbmcgPSAnMTAwcHgnO1xuICBASW5wdXQoKSBsb2dvU291cmNlOiBzdHJpbmcgPSAnaHR0cHM6Ly9pLnBvc3RpbWcuY2MvdENuRmp6anEvMS1Mb2dvLVByaW5jaXBhbC10ZWt1cy1Gb25kb3MtQmxhbmNvcy0xLnBuZyc7XG59XG4iLCI8ZGl2IGNsYXNzPVwibG9nb1wiPlxuICAgIDxmaWd1cmUgW25nU3R5bGVdPVwieydoZWlnaHQnOiBsb2dvSGVpZ2h0fVwiID5cbiAgICAgICAgPGltZyBoZWlnaHQ9XCIxMDAlXCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IGxvZ29XaXRofVwiXG4gICAgICAgICAgICBbc3JjXT1cImxvZ29Tb3VyY2VcIiBhbHQ9XCJUSyBLaW9zayBCYXJcIiAvPlxuICAgIDwvZmlndXJlPlxuPC9kaXY+Il19
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWJhci90ay1raW9zay1iYXItbG9nby90ay1raW9zay1iYXItbG9nby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1sb2dvL3RrLWtpb3NrLWJhci1sb2dvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVFXLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUM3QixlQUFVLEdBQVcsMkVBQTJFLENBQUM7S0FDM0c7OEdBSlksdUJBQXVCO2tHQUF2Qix1QkFBdUIsbUtDVnBDLDJOQUtNLDZPRENNLE9BQU87OzJGQUlOLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsT0FBTyxDQUFDOzhCQUtULFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1sb2dvJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nU3R5bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYmFyLWxvZ28uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0JhckxvZ29Db21wb25lbnQge1xuICBASW5wdXQoKSBsb2dvV2l0aDogc3RyaW5nID0gJ2F1dG8nO1xuICBASW5wdXQoKSBsb2dvSGVpZ2h0OiBzdHJpbmcgPSAnMTAwcHgnO1xuICBASW5wdXQoKSBsb2dvU291cmNlOiBzdHJpbmcgPSAnaHR0cHM6Ly9pLnBvc3RpbWcuY2MvdENuRmp6anEvMS1Mb2dvLVByaW5jaXBhbC10ZWt1cy1Gb25kb3MtQmxhbmNvcy0xLnBuZyc7XG59XG4iLCI8ZGl2IGNsYXNzPVwibG9nb1wiPlxuICAgIDxmaWd1cmUgW25nU3R5bGVdPVwieydoZWlnaHQnOiBsb2dvSGVpZ2h0fVwiID5cbiAgICAgICAgPGltZyBoZWlnaHQ9XCIxMDAlXCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IGxvZ29XaXRofVwiXG4gICAgICAgICAgICBbc3JjXT1cImxvZ29Tb3VyY2VcIiBhbHQ9XCJUSyBLaW9zayBCYXJcIiAvPlxuICAgIDwvZmlndXJlPlxuPC9kaXY+Il19
@@ -9,10 +9,10 @@ export class TkKioskBarComponent {
9
9
  //Add 'implements OnInit' to the class.
10
10
  }
11
11
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarComponent, isStandalone: true, selector: "tk-kiosk-bar", ngImport: i0, template: "<section class=\"header\">\n\n <ng-content >\n \n </ng-content>\n \n</section>", styles: [".header{min-height:180px;background:var(--tk-color-neutral-100);width:100%;padding:20px 32px;box-sizing:border-box;border-radius:0 0 40px 40px;display:flex;flex-direction:column;justify-content:center}\n"] }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarComponent, isStandalone: true, selector: "tk-kiosk-bar", ngImport: i0, template: "<section class=\"header\">\n\n <ng-content >\n \n </ng-content>\n \n</section>", styles: [".header{min-height:180px;background:var(--tk-color-neutral-100);width:100%;padding:0 32px 20px;box-sizing:border-box;border-radius:0 0 40px 40px;display:flex;flex-direction:column;justify-content:center}\n"] }); }
13
13
  }
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarComponent, decorators: [{
15
15
  type: Component,
16
- args: [{ selector: 'tk-kiosk-bar', standalone: true, imports: [NgStyle, TkKioskBarCartComponent], template: "<section class=\"header\">\n\n <ng-content >\n \n </ng-content>\n \n</section>", styles: [".header{min-height:180px;background:var(--tk-color-neutral-100);width:100%;padding:20px 32px;box-sizing:border-box;border-radius:0 0 40px 40px;display:flex;flex-direction:column;justify-content:center}\n"] }]
16
+ args: [{ selector: 'tk-kiosk-bar', standalone: true, imports: [NgStyle, TkKioskBarCartComponent], template: "<section class=\"header\">\n\n <ng-content >\n \n </ng-content>\n \n</section>", styles: [".header{min-height:180px;background:var(--tk-color-neutral-100);width:100%;padding:0 32px 20px;box-sizing:border-box;border-radius:0 0 40px 40px;display:flex;flex-direction:column;justify-content:center}\n"] }]
17
17
  }] });
18
18
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1iYXIvdGsta2lvc2stYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1iYXIvdGsta2lvc2stYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQVMxRixNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLGlEQUFpRDtJQUVqRCxRQUFRO1FBQ04saUdBQWlHO1FBQ2pHLHVDQUF1QztJQUN6QyxDQUFDOzhHQU5VLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHdFQ1hoQyw0R0FNVTs7MkZES0csbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tCYXJDYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi90ay1raW9zay1iYXItY2FydC90ay1raW9zay1iYXItY2FydC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdTdHlsZSwgVGtLaW9za0JhckNhcnRDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RrLWtpb3NrLWJhci5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0JhckNvbXBvbmVudCB7XG4gIC8vIGhvdyB0byBpbnNlcnQgY29tbWVudCB3aGVuIGltcGxlbWVudCBjb21wb25lbnRcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvL0NhbGxlZCBhZnRlciB0aGUgY29uc3RydWN0b3IsIGluaXRpYWxpemluZyBpbnB1dCBwcm9wZXJ0aWVzLCBhbmQgdGhlIGZpcnN0IGNhbGwgdG8gbmdPbkNoYW5nZXMuXG4gICAgLy9BZGQgJ2ltcGxlbWVudHMgT25Jbml0JyB0byB0aGUgY2xhc3MuXG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiaGVhZGVyXCI+XG5cbiAgICAgICAgPG5nLWNvbnRlbnQgPlxuICAgICAgICAgICAgXG4gICAgICAgIDwvbmctY29udGVudD5cbiAgICBcbjwvc2VjdGlvbj4iXX0=
@@ -15,7 +15,7 @@ export class TkKioskBtnCategoryComponent {
15
15
  this.categoryTitle = '';
16
16
  }
17
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnCategoryComponent, isStandalone: true, selector: "tk-kiosk-btn-category", inputs: { isDisabled: "isDisabled", isSelected: "isSelected", width: "width", height: "height", categoryImage: "categoryImage", categoryTitle: "categoryTitle" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div\n class=\"category\"\n (click)=\"onClick.emit(true)\"\n [ngStyle]=\"{ width: width, height: height }\"\n [class.selected]=\"isSelected\"\n [class.disabled]=\"isDisabled\"\n>\n <div class=\"category__image\" *ngIf=\"categoryImage\">\n <img nz-image [nzSrc]=\"categoryImage\" alt=\"\" nzDisablePreview=\"true\" />\n </div>\n <tk-kiosk-typography\n *ngIf=\"categoryTitle\"\n [lineBreak]=\"true\"\n type=\"body1\"\n [color]=\"isSelected ? 'tk-color-primary-900' : 'tk-color-text-900'\"\n >\n {{ categoryTitle }}\n </tk-kiosk-typography>\n</div>\n", styles: [".category{padding:12px;border-radius:12px;font-size:20px;text-align:center;color:var(--tk-color-neutral-700);background:var(--tk-color-neutral-100);overflow:hidden}.category__image{margin-bottom:10px}.category__image img{width:134px;height:134px;object-fit:contain;background-position:center}.category.selected{border:1px solid;color:var(--tk-color-primary-900);background-color:var(--tk-color-primary-100)}.category.selected .title{font-weight:700;color:var(--tk-color-primary-900)}.category.disabled{filter:grayscale(100%);background-color:var(--tk-color-neutral-200)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "ngmodule", type: NzImageModule }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnCategoryComponent, isStandalone: true, selector: "tk-kiosk-btn-category", inputs: { isDisabled: "isDisabled", isSelected: "isSelected", width: "width", height: "height", categoryImage: "categoryImage", categoryTitle: "categoryTitle" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div\n class=\"category\"\n (click)=\"onClick.emit(true)\"\n [ngStyle]=\"{ width: width, height: height }\"\n [class.selected]=\"isSelected\"\n [class.disabled]=\"isDisabled\"\n>\n <div class=\"category__image\" *ngIf=\"categoryImage\">\n <img nz-image [nzSrc]=\"categoryImage\" alt=\"\" nzDisablePreview=\"true\" />\n </div>\n <tk-kiosk-typography\n *ngIf=\"categoryTitle\"\n [lineBreak]=\"true\"\n type=\"body1\"\n [color]=\"isSelected ? 'tk-color-primary-900' : 'tk-color-text-900'\"\n >\n {{ categoryTitle }}\n </tk-kiosk-typography>\n</div>\n", styles: [".category{padding:12px;border-radius:12px;font-size:20px;text-align:center;color:var(--tk-color-neutral-700);background:var(--tk-color-neutral-100);overflow:hidden}.category__image{margin-bottom:10px}.category__image img{width:134px;height:134px;object-fit:cover;object-position:50% 50%;background-position:center;border-radius:50%}.category.selected{border:1px solid;color:var(--tk-color-primary-900);background-color:var(--tk-color-primary-100)}.category.selected .title{font-weight:700;color:var(--tk-color-primary-900)}.category.disabled{filter:grayscale(100%);background-color:var(--tk-color-neutral-200)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "ngmodule", type: NzImageModule }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
19
19
  }
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnCategoryComponent, decorators: [{
21
21
  type: Component,
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
26
26
  NzImageDirective,
27
27
  NzImageModule,
28
28
  TkKioskTypographyComponent,
29
- ], template: "<div\n class=\"category\"\n (click)=\"onClick.emit(true)\"\n [ngStyle]=\"{ width: width, height: height }\"\n [class.selected]=\"isSelected\"\n [class.disabled]=\"isDisabled\"\n>\n <div class=\"category__image\" *ngIf=\"categoryImage\">\n <img nz-image [nzSrc]=\"categoryImage\" alt=\"\" nzDisablePreview=\"true\" />\n </div>\n <tk-kiosk-typography\n *ngIf=\"categoryTitle\"\n [lineBreak]=\"true\"\n type=\"body1\"\n [color]=\"isSelected ? 'tk-color-primary-900' : 'tk-color-text-900'\"\n >\n {{ categoryTitle }}\n </tk-kiosk-typography>\n</div>\n", styles: [".category{padding:12px;border-radius:12px;font-size:20px;text-align:center;color:var(--tk-color-neutral-700);background:var(--tk-color-neutral-100);overflow:hidden}.category__image{margin-bottom:10px}.category__image img{width:134px;height:134px;object-fit:contain;background-position:center}.category.selected{border:1px solid;color:var(--tk-color-primary-900);background-color:var(--tk-color-primary-100)}.category.selected .title{font-weight:700;color:var(--tk-color-primary-900)}.category.disabled{filter:grayscale(100%);background-color:var(--tk-color-neutral-200)}\n"] }]
29
+ ], template: "<div\n class=\"category\"\n (click)=\"onClick.emit(true)\"\n [ngStyle]=\"{ width: width, height: height }\"\n [class.selected]=\"isSelected\"\n [class.disabled]=\"isDisabled\"\n>\n <div class=\"category__image\" *ngIf=\"categoryImage\">\n <img nz-image [nzSrc]=\"categoryImage\" alt=\"\" nzDisablePreview=\"true\" />\n </div>\n <tk-kiosk-typography\n *ngIf=\"categoryTitle\"\n [lineBreak]=\"true\"\n type=\"body1\"\n [color]=\"isSelected ? 'tk-color-primary-900' : 'tk-color-text-900'\"\n >\n {{ categoryTitle }}\n </tk-kiosk-typography>\n</div>\n", styles: [".category{padding:12px;border-radius:12px;font-size:20px;text-align:center;color:var(--tk-color-neutral-700);background:var(--tk-color-neutral-100);overflow:hidden}.category__image{margin-bottom:10px}.category__image img{width:134px;height:134px;object-fit:cover;object-position:50% 50%;background-position:center;border-radius:50%}.category.selected{border:1px solid;color:var(--tk-color-primary-900);background-color:var(--tk-color-primary-100)}.category.selected .title{font-weight:700;color:var(--tk-color-primary-900)}.category.disabled{filter:grayscale(100%);background-color:var(--tk-color-neutral-200)}\n"] }]
30
30
  }], propDecorators: { onClick: [{
31
31
  type: Output
32
32
  }], isDisabled: [{
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
42
42
  }], categoryTitle: [{
43
43
  type: Input
44
44
  }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4tY2F0ZWdvcnkvdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4tY2F0ZWdvcnkvdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWdCcEUsTUFBTSxPQUFPLDJCQUEyQjtJQWR4QztRQWVFLHNDQUFzQztRQUM1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN2QyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixXQUFNLEdBQVcsT0FBTyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBQzNCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO0tBQ3JDOzhHQVRZLDJCQUEyQjtrR0FBM0IsMkJBQTJCLG9SQ25CeEMsaWtCQW1CQSxzbkJEVEksSUFBSSw2RkFDSixPQUFPLDJFQUNQLGdCQUFnQixpTEFDaEIsYUFBYSwrQkFDYiwwQkFBMEI7OzJGQUtqQiwyQkFBMkI7a0JBZHZDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxPQUFPO3dCQUNQLElBQUk7d0JBQ0osT0FBTzt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsMEJBQTBCO3FCQUMzQjs4QkFNUyxPQUFPO3NCQUFoQixNQUFNO2dCQUNFLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE56SW1hZ2VEaXJlY3RpdmUsIE56SW1hZ2VNb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ltYWdlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJ0bi1jYXRlZ29yeScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzLFxuICAgIE5nSWYsXG4gICAgTmdTdHlsZSxcbiAgICBOekltYWdlRGlyZWN0aXZlLFxuICAgIE56SW1hZ2VNb2R1bGUsXG4gICAgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1idG4tY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0J0bkNhdGVnb3J5Q29tcG9uZW50IHtcbiAgLyoqIEV2ZW50IHdoZW4gdGhlIGNhcmQgaXMgY2xpY2tlZC4gKi9cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNTZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzE1MHB4JztcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMjYwcHgnO1xuICBASW5wdXQoKSBjYXRlZ29yeUltYWdlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2F0ZWdvcnlUaXRsZTogc3RyaW5nID0gJyc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY2F0ZWdvcnlcIlxuICAoY2xpY2spPVwib25DbGljay5lbWl0KHRydWUpXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGgsIGhlaWdodDogaGVpZ2h0IH1cIlxuICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZFwiXG4gIFtjbGFzcy5kaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbj5cbiAgPGRpdiBjbGFzcz1cImNhdGVnb3J5X19pbWFnZVwiICpuZ0lmPVwiY2F0ZWdvcnlJbWFnZVwiPlxuICAgIDxpbWcgbnotaW1hZ2UgW256U3JjXT1cImNhdGVnb3J5SW1hZ2VcIiBhbHQ9XCJcIiBuekRpc2FibGVQcmV2aWV3PVwidHJ1ZVwiIC8+XG4gIDwvZGl2PlxuICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICpuZ0lmPVwiY2F0ZWdvcnlUaXRsZVwiXG4gICAgW2xpbmVCcmVha109XCJ0cnVlXCJcbiAgICB0eXBlPVwiYm9keTFcIlxuICAgIFtjb2xvcl09XCJpc1NlbGVjdGVkID8gJ3RrLWNvbG9yLXByaW1hcnktOTAwJyA6ICd0ay1jb2xvci10ZXh0LTkwMCdcIlxuICA+XG4gICAge3sgY2F0ZWdvcnlUaXRsZSB9fVxuICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG48L2Rpdj5cbiJdfQ==
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4tY2F0ZWdvcnkvdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4tY2F0ZWdvcnkvdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWdCcEUsTUFBTSxPQUFPLDJCQUEyQjtJQWR4QztRQWVFLHNDQUFzQztRQUM1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN2QyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixXQUFNLEdBQVcsT0FBTyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBQzNCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO0tBQ3JDOzhHQVRZLDJCQUEyQjtrR0FBM0IsMkJBQTJCLG9SQ25CeEMsaWtCQW1CQSw4cEJEVEksSUFBSSw2RkFDSixPQUFPLDJFQUNQLGdCQUFnQixpTEFDaEIsYUFBYSwrQkFDYiwwQkFBMEI7OzJGQUtqQiwyQkFBMkI7a0JBZHZDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxPQUFPO3dCQUNQLElBQUk7d0JBQ0osT0FBTzt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsMEJBQTBCO3FCQUMzQjs4QkFNUyxPQUFPO3NCQUFoQixNQUFNO2dCQUNFLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE56SW1hZ2VEaXJlY3RpdmUsIE56SW1hZ2VNb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ltYWdlJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJ0bi1jYXRlZ29yeScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzLFxuICAgIE5nSWYsXG4gICAgTmdTdHlsZSxcbiAgICBOekltYWdlRGlyZWN0aXZlLFxuICAgIE56SW1hZ2VNb2R1bGUsXG4gICAgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1idG4tY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYnRuLWNhdGVnb3J5LmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0J0bkNhdGVnb3J5Q29tcG9uZW50IHtcbiAgLyoqIEV2ZW50IHdoZW4gdGhlIGNhcmQgaXMgY2xpY2tlZC4gKi9cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNTZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzE1MHB4JztcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMjYwcHgnO1xuICBASW5wdXQoKSBjYXRlZ29yeUltYWdlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2F0ZWdvcnlUaXRsZTogc3RyaW5nID0gJyc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY2F0ZWdvcnlcIlxuICAoY2xpY2spPVwib25DbGljay5lbWl0KHRydWUpXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGgsIGhlaWdodDogaGVpZ2h0IH1cIlxuICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZFwiXG4gIFtjbGFzcy5kaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbj5cbiAgPGRpdiBjbGFzcz1cImNhdGVnb3J5X19pbWFnZVwiICpuZ0lmPVwiY2F0ZWdvcnlJbWFnZVwiPlxuICAgIDxpbWcgbnotaW1hZ2UgW256U3JjXT1cImNhdGVnb3J5SW1hZ2VcIiBhbHQ9XCJcIiBuekRpc2FibGVQcmV2aWV3PVwidHJ1ZVwiIC8+XG4gIDwvZGl2PlxuICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICpuZ0lmPVwiY2F0ZWdvcnlUaXRsZVwiXG4gICAgW2xpbmVCcmVha109XCJ0cnVlXCJcbiAgICB0eXBlPVwiYm9keTFcIlxuICAgIFtjb2xvcl09XCJpc1NlbGVjdGVkID8gJ3RrLWNvbG9yLXByaW1hcnktOTAwJyA6ICd0ay1jb2xvci10ZXh0LTkwMCdcIlxuICA+XG4gICAge3sgY2F0ZWdvcnlUaXRsZSB9fVxuICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG48L2Rpdj5cbiJdfQ==