@tekus/kiosks-design-system 2.10.0 → 2.12.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-btn/tk-kiosk-btn.component.mjs +4 -4
- package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs +3 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +5 -5
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ export class TkKioskBtnComponent {
|
|
|
14
14
|
this.size = 'regular';
|
|
15
15
|
this.textColor = 'white';
|
|
16
16
|
this.backgroundColor = '';
|
|
17
|
-
this.textSize = '
|
|
17
|
+
this.textSize = 'h5-heading';
|
|
18
18
|
this.onClick = new EventEmitter();
|
|
19
19
|
this.class = '';
|
|
20
20
|
}
|
|
@@ -26,11 +26,11 @@ export class TkKioskBtnComponent {
|
|
|
26
26
|
this.onClick.emit(true);
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnComponent, isStandalone: true, selector: "tk-kiosk-btn", inputs: { text: "text", disabled: "disabled", outline: "outline", stroked: "stroked", rounded: "rounded", variant: "variant", size: "size", textColor: "textColor", backgroundColor: "backgroundColor", textSize: "textSize" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-large{padding:14px 70px}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnComponent, isStandalone: true, selector: "tk-kiosk-btn", inputs: { text: "text", disabled: "disabled", outline: "outline", stroked: "stroked", rounded: "rounded", variant: "variant", size: "size", textColor: "textColor", backgroundColor: "backgroundColor", textSize: "textSize" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-large{padding:14px 70px}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"] }]
|
|
33
|
+
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"] }]
|
|
34
34
|
}], propDecorators: { text: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], disabled: [{
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
54
54
|
}], onClick: [{
|
|
55
55
|
type: Output
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFnQixJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVNwRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFlBQU8sR0FDZCxTQUFTLENBQUM7UUFDSCxTQUFJLEdBQWtDLFNBQVMsQ0FBQztRQUNoRCxjQUFTLEdBQVcsT0FBTyxDQUFDO1FBQzVCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLGFBQVEsR0FZTSxZQUFZLENBQUM7UUFDMUIsWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXZFLFVBQUssR0FBRyxFQUFFLENBQUM7S0FTWjtJQVJDLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLGlCQUFpQixJQUFJLENBQUMsT0FBTyxXQUFXLElBQUksQ0FBQyxJQUFJO0tBQzdELENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7OEdBbENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDhWQ1poQyxvbkJBMEJBLG1tVkRsQlksSUFBSSw2RkFBVywwQkFBMEIseUhBQUUsWUFBWTs7MkZBSXRELG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxZQUFZLENBQUM7OEJBS3pELElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBYUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2stYnRuJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nU3R5bGUsIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tCdG5Db21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgb3V0bGluZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdHJva2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnYWNjZW50JyB8ICdzZWNvbmRhcnktbGlnaHQnID1cbiAgICAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAncmVndWxhcicgfCAnbGFyZ2UnID0gJ3JlZ3VsYXInO1xuICBASW5wdXQoKSB0ZXh0Q29sb3I6IHN0cmluZyA9ICd3aGl0ZSc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHRleHRTaXplOlxuICAgIHwgJ2gxLWhlYWRpbmcnXG4gICAgfCAnaDItaGVhZGluZydcbiAgICB8ICdoMy1oZWFkaW5nJ1xuICAgIHwgJ2g0LWhlYWRpbmcnXG4gICAgfCAnaDUtaGVhZGluZydcbiAgICB8ICdoNi1oZWFkaW5nJ1xuICAgIHwgJ3N1YnRpdGxlMSdcbiAgICB8ICdzdWJ0aXRsZTInXG4gICAgfCAnYm9keTEnXG4gICAgfCAnYm9keTInXG4gICAgfCAncDEtcGFyYWdyYXBoJ1xuICAgIHwgJ3VuZGVybGluZS10ZXh0JyA9ICdoNS1oZWFkaW5nJztcbiAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjbGFzcyA9ICcnO1xuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLmNsYXNzID0gYHRrLWJ0biB0ay1idG4tJHt0aGlzLnZhcmlhbnR9IHRrLWJ0bi0ke3RoaXMuc2l6ZX1cbiAgICBgO1xuICB9XG5cbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICAoY2xpY2spPVwiY2xpY2tlZCgpXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzXT1cIlxuICAgICd0ay1idG4gdGstYnRuLScgK1xuICAgIHZhcmlhbnQgK1xuICAgICcgdGstYnRuLScgK1xuICAgIHNpemUgK1xuICAgICcgYmctY29sb3ItJyArXG4gICAgYmFja2dyb3VuZENvbG9yXG4gIFwiXG4gIFtjbGFzcy50ay1idG4tcm91bmRlZF09XCJyb3VuZGVkXCJcbiAgW2NsYXNzLnRrLWJ0bi1vdXRsaW5lXT1cIm91dGxpbmVcIlxuICBbY2xhc3MudGstYnRuLXN0cm9rZWRdPVwic3Ryb2tlZFwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNlY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICpuZ0lmPVwidGV4dC5sZW5ndGggPiAwXCJcbiAgICBbdHlwZV09XCJ0ZXh0U2l6ZVwiXG4gICAgW2NvbG9yXT1cImRpc2FibGVkID8gJ3RrLWNvbG9yLW5ldXRyYWwtNzAwJyA6IHRleHRDb2xvclwiXG4gID5cbiAgICB7eyB0ZXh0IH19XG4gIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=
|
package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs
CHANGED
|
@@ -13,11 +13,11 @@ export class TkKioskFooterNavigationComponent {
|
|
|
13
13
|
this.justifyContent = 'center';
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
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", topActions: "topActions", justifyContent: "justifyContent" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .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", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
16
|
+
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", topActions: "topActions", justifyContent: "justifyContent" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}.bar .actions-b ::ng-deep *{width:100%}\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", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}\n"] }]
|
|
20
|
+
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}.bar .actions-b ::ng-deep *{width:100%}\n"] }]
|
|
21
21
|
}], propDecorators: { height: [{
|
|
22
22
|
type: Input,
|
|
23
23
|
args: ['height']
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
34
34
|
type: Input,
|
|
35
35
|
args: ['justifyContent']
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFckQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBU3BFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRbUIsV0FBTSxHQUFXLE9BQU8sQ0FBQztRQUN4QixrQkFBYSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ2pFLFlBQU8sR0FBb0IsRUFBRSxDQUFBO1FBQzFCLGVBQVUsR0FBb0IsRUFBRSxDQUFBO1FBQzVCLG1CQUFjLEdBQWdDLFFBQVEsQ0FBQTtLQUNoRjs4R0FOWSxnQ0FBZ0M7a0dBQWhDLGdDQUFnQywwT0NkN0MsNnFEQTJDVSxrZERqQ0UsT0FBTywyRUFBRSxlQUFlLGlLQUFFLG1CQUFtQiw2TUFBRSwwQkFBMEI7OzJGQUl4RSxnQ0FBZ0M7a0JBUDVDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsbUJBQW1CLEVBQUUsMEJBQTBCLENBQUM7OEJBS25FLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDRyxhQUFhO3NCQUE5QixNQUFNO3VCQUFDLFFBQVE7Z0JBQ0UsT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNLLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDTSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1idG4nO1xuaW1wb3J0IHsgTnpJY29uRGlyZWN0aXZlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IEZvb3RlckFjdGlvbnMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdTdHlsZSwgTnpJY29uRGlyZWN0aXZlLCBUa0tpb3NrQnRuQ29tcG9uZW50LCBUa0tpb3NrVHlwb2dyYXBoeUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za0Zvb3Rlck5hdmlnYXRpb25Db21wb25lbnQge1xuICBASW5wdXQoJ2hlaWdodCcpIGhlaWdodDogc3RyaW5nID0gJzE3MHB4JztcbiAgQE91dHB1dCgnYWN0aW9uJykgYWN0aW9uRW1pdHRlcjogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQElucHV0KCdhY3Rpb25zJykgYWN0aW9uczogRm9vdGVyQWN0aW9uc1tdID0gW11cbiAgQElucHV0KCd0b3BBY3Rpb25zJykgdG9wQWN0aW9uczogRm9vdGVyQWN0aW9uc1tdID0gW11cbiAgQElucHV0KCdqdXN0aWZ5Q29udGVudCcpIGp1c3RpZnlDb250ZW50IDogJ2NlbnRlcicgfCAnc3BhY2UtYmV0d2VlbicgPSAnY2VudGVyJ1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJiYXJcIiBbbmdTdHlsZV09XCJ7IGhlaWdodDogaGVpZ2h0ICB9XCI+XG4gIEBpZiAodG9wQWN0aW9ucy5sZW5ndGgpIHtcbiAgICA8c2VjdGlvbiBjbGFzcz1cImFjdGlvbnMtdG9iXCIgID5cbiAgICAgIEBmb3IgKGFjdGlvbiBvZiB0b3BBY3Rpb25zOyB0cmFjayBhY3Rpb24ubGFiZWwpIHtcbiAgICAgICAgQGlmIChhY3Rpb24udHlwZUFjdGlvbiA9PSAnbm9uZScpIHtcbiAgICAgICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgdHlwZT1cInN1YnRpdGxlMVwiIFtjb2xvcl09XCJhY3Rpb24udGV4dENvbG9yIHx8ICcnXCI+XG4gICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImFjdGlvbi5sYWJlbFwiPjwvZGl2PlxuICAgICAgICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L3NlY3Rpb24+XG4gIH1cblxuICA8c2VjdGlvbiBjbGFzcz1cImFjdGlvbnMtYlwiIFtuZ1N0eWxlXT1cInsnanVzdGlmeS1jb250ZW50JzoganVzdGlmeUNvbnRlbnQsICB9XCI+XG4gICAgQGZvciAoYWN0aW9uIG9mIGFjdGlvbnM7IHRyYWNrIGFjdGlvbi5sYWJlbCkge1xuICAgIEBpZiAoYWN0aW9uLnR5cGVBY3Rpb24gPT0gJ25vbmUnKSB7XG4gICAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgdHlwZT1cInN1YnRpdGxlMVwiIFtjb2xvcl09XCJhY3Rpb24udGV4dENvbG9yIHx8ICcnXCI+XG4gICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiYWN0aW9uLmxhYmVsXCI+PC9kaXY+XG4gICAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuICAgIH1cbiAgICBAaWYgKGFjdGlvbi50eXBlQWN0aW9uICE9ICdub25lJykge1xuXG4gICAgPHRrLWtpb3NrLWJ0biAoY2xpY2spPVwiYWN0aW9uRW1pdHRlci5uZXh0KGFjdGlvbi5hY3Rpb24pXCIgW3ZhcmlhbnRdPVwiYWN0aW9uLnZhcmlhbnRDb2xvciB8fCAncHJpbWFyeSdcIlxuICAgICAgW3RleHRTaXplXT1cImFjdGlvbi50ZXh0U2l6ZSB8fCAnaDUtaGVhZGluZydcIiBbb3V0bGluZV09XCJhY3Rpb24ub3V0bGluZSB8fCBmYWxzZVwiXG4gICAgICBbdGV4dENvbG9yXT1cImFjdGlvbi50ZXh0Q29sb3IgfHwgJ3RrLWNvbG9yLXdoaXRlJ1wiIFt0ZXh0XT1cImFjdGlvbi5sYWJlbFwiIFtzaXplXT1cImFjdGlvbi5zaXplIHx8ICdsYXJnZSdcIlxuICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCB8fCBmYWxzZVwiPlxuICAgICAgQGlmKGFjdGlvbi5pY29uICYmIGFjdGlvbi5pY29uUG9zaXRpb24gPT09ICdsZWZ0Jyl7XG5cbiAgICAgIDxkaXYgbGVmdC1zZWN0aW9uPlxuICAgICAgICA8c3BhbiBuei1pY29uIFtuelR5cGVdPVwiYWN0aW9uLmljb25cIiBjbGFzcz1cImljb25cIiBbc3R5bGUuY29sb3JdPVwiJ3ZhcigtLScgKyBhY3Rpb24udGV4dENvbG9yICsgJyknXCI+PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICB9IEBpZihhY3Rpb24uaWNvbiAmJiBhY3Rpb24uaWNvblBvc2l0aW9uID09PSAncmlnaHQnKXtcblxuICAgICAgPGRpdj5cbiAgICAgICAgPHNwYW4gbnotaWNvbiBbbnpUeXBlXT1cImFjdGlvbi5pY29uXCIgY2xhc3M9XCJpY29uXCIgW3N0eWxlLmNvbG9yXT1cIid2YXIoLS0nICsgYWN0aW9uLnRleHRDb2xvciArICcpJ1wiPjwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvdGsta2lvc2stYnRuPlxuICAgIH1cblxuICAgIH1cbiAgPC9zZWN0aW9uPlxuXG48L3NlY3Rpb24+Il19
|
|
@@ -108,7 +108,7 @@ class TkKioskBtnComponent {
|
|
|
108
108
|
this.size = 'regular';
|
|
109
109
|
this.textColor = 'white';
|
|
110
110
|
this.backgroundColor = '';
|
|
111
|
-
this.textSize = '
|
|
111
|
+
this.textSize = 'h5-heading';
|
|
112
112
|
this.onClick = new EventEmitter();
|
|
113
113
|
this.class = '';
|
|
114
114
|
}
|
|
@@ -120,11 +120,11 @@ class TkKioskBtnComponent {
|
|
|
120
120
|
this.onClick.emit(true);
|
|
121
121
|
}
|
|
122
122
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnComponent, isStandalone: true, selector: "tk-kiosk-btn", inputs: { text: "text", disabled: "disabled", outline: "outline", stroked: "stroked", rounded: "rounded", variant: "variant", size: "size", textColor: "textColor", backgroundColor: "backgroundColor", textSize: "textSize" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-large{padding:14px 70px}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBtnComponent, isStandalone: true, selector: "tk-kiosk-btn", inputs: { text: "text", disabled: "disabled", outline: "outline", stroked: "stroked", rounded: "rounded", variant: "variant", size: "size", textColor: "textColor", backgroundColor: "backgroundColor", textSize: "textSize" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "ngmodule", type: NzIconModule }] }); }
|
|
124
124
|
}
|
|
125
125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, decorators: [{
|
|
126
126
|
type: Component,
|
|
127
|
-
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-large{padding:14px 70px}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"] }]
|
|
127
|
+
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"\n 'tk-btn tk-btn-' +\n variant +\n ' tk-btn-' +\n size +\n ' bg-color-' +\n backgroundColor\n \"\n [class.tk-btn-rounded]=\"rounded\"\n [class.tk-btn-outline]=\"outline\"\n [class.tk-btn-stroked]=\"stroked\"\n>\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography\n *ngIf=\"text.length > 0\"\n [type]=\"textSize\"\n [color]=\"disabled ? 'tk-color-neutral-700' : textColor\"\n >\n {{ text }}\n </tk-kiosk-typography>\n <ng-content></ng-content>\n</button>\n", styles: [".tk-btn{justify-content:center;align-items:center;gap:10px;display:flex;border-radius:\"16px\";border-radius:var(--tk-color-button-radius);width:inherit;border:none}.tk-btn:disabled{background-color:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-500)}.tk-btn-small{padding:12px 6px;max-height:80px}.tk-btn-regular{padding:13px 32px;max-height:80px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-primary-900);color:var(--tk-color-text-primary-900);box-shadow:0 0 5px transparent;transition:box-shadow .3s ease}.tk-btn-primary:active{-webkit-box-shadow:10px 10px 26px -14px rgb(143,143,143);-moz-box-shadow:10px 10px 26px -14px rgb(143,143,143);box-shadow:10px 10px 26px -14px #8f8f8f}.tk-btn-secondary{background:var(--tk-color-secondary-900);color:var(--tk-color-text-secondary-900);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);background:var(--tk-color-text-secondary-100);transition:box-shadow .3s ease}.tk-btn-accent{background:var(--tk-color-accent-900);color:var(--tk-color-text-accent-900);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #fff;background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff;box-shadow:0 12px 16px -4px #78849526,0 4px 6px -2px #78849514}.tk-btn-stroked{border:3px solid var(--tk-color-primary-900);background:var(--tk-color-white-900);border-radius:var(--tk-color-button-radius);background:#fff}.tk-btn-stroked.tk-btn-secondary{border-color:var(--tk-color-secondary-900)}.tk-btn-stroked.tk-btn-accent{border-color:var(--tk-color-accent-900)}.tk-btn-rounded{border-radius:50px}.disabled{background:var(--tk-color-neutral-200);border:3px solid var(--tk-color-neutral-200);color:var(--tk-color-neutral-700)!important}.bg-color-tk-color-primary-900{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-primary-800{background-color:var(--tk-color-primary-800)}.bg-color-tk-color-primary-700{background-color:var(--tk-color-primary-700)}.bg-color-tk-color-primary-600{background-color:var(--tk-color-primary-600)}.bg-color-tk-color-primary-500{background-color:var(--tk-color-primary-500)}.bg-color-tk-color-primary-400{background-color:var(--tk-color-primary-400)}.bg-color-tk-color-primary-300{background-color:var(--tk-color-primary-300)}.bg-color-tk-color-primary-200{background-color:var(--tk-color-primary-200)}.bg-color-tk-color-primary-100{background-color:var(--tk-color-primary-100)}.bg-color-tk-color-primary{background-color:var(--tk-color-primary-900)}.bg-color-tk-color-secondary-900{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-secondary-800{background-color:var(--tk-color-secondary-800)}.bg-color-tk-color-secondary-700{background-color:var(--tk-color-secondary-700)}.bg-color-tk-color-secondary-600{background-color:var(--tk-color-secondary-600)}.bg-color-tk-color-secondary-500{background-color:var(--tk-color-secondary-500)}.bg-color-tk-color-secondary-400{background-color:var(--tk-color-secondary-400)}.bg-color-tk-color-secondary-300{background-color:var(--tk-color-secondary-300)}.bg-color-tk-color-secondary-200{background-color:var(--tk-color-secondary-200)}.bg-color-tk-color-secondary-100{background-color:var(--tk-color-secondary-100)}.bg-color-tk-color-secondary{background-color:var(--tk-color-secondary-900)}.bg-color-tk-color-accent-900{background-color:var(--tk-color-accent-900)}.bg-color-tk-color-accent-800{background-color:var(--tk-color-accent-800)}.bg-color-tk-color-accent-700{background-color:var(--tk-color-accent-700)}.bg-color-tk-color-accent-600{background-color:var(--tk-color-accent-600)}.bg-color-tk-color-accent-500{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-accent-400{background-color:var(--tk-color-accent-400)}.bg-color-tk-color-accent-300{background-color:var(--tk-color-accent-300)}.bg-color-tk-color-accent-200{background-color:var(--tk-color-accent-200)}.bg-color-tk-color-accent-100{background-color:var(--tk-color-accent-100)}.bg-color-tk-color-accent{background-color:var(--tk-color-accent-500)}.bg-color-tk-color-neutral-900{background-color:var(--tk-color-neutral-900)}.bg-color-tk-color-neutral-800{background-color:var(--tk-color-neutral-800)}.bg-color-tk-color-neutral-700{background-color:var(--tk-color-neutral-700)}.bg-color-tk-color-neutral-600{background-color:var(--tk-color-neutral-600)}.bg-color-tk-color-neutral-500{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-neutral-400{background-color:var(--tk-color-neutral-400)}.bg-color-tk-color-neutral-300{background-color:var(--tk-color-neutral-300)}.bg-color-tk-color-neutral-200{background-color:var(--tk-color-neutral-200)}.bg-color-tk-color-neutral-100{background-color:var(--tk-color-neutral-100)}.bg-color-tk-color-neutral{background-color:var(--tk-color-neutral-500)}.bg-color-tk-color-success-900{background-color:var(--tk-color-success-900)}.bg-color-tk-color-success-800{background-color:var(--tk-color-success-800)}.bg-color-tk-color-success-700{background-color:var(--tk-color-success-700)}.bg-color-tk-color-success-600{background-color:var(--tk-color-success-600)}.bg-color-tk-color-success-500{background-color:var(--tk-color-success-500)}.bg-color-tk-color-success-400{background-color:var(--tk-color-success-400)}.bg-color-tk-color-success-300{background-color:var(--tk-color-success-300)}.bg-color-tk-color-success-200{background-color:var(--tk-color-success-200)}.bg-color-tk-color-success-100{background-color:var(--tk-color-success-100)}.bg-color-tk-color-success{background-color:var(--tk-color-success-500)}.bg-color-tk-color-danger-900{background-color:var(--tk-color-danger-900)}.bg-color-tk-color-danger-800{background-color:var(--tk-color-danger-800)}.bg-color-tk-color-danger-700{background-color:var(--tk-color-danger-700)}.bg-color-tk-color-danger-600{background-color:var(--tk-color-danger-600)}.bg-color-tk-color-danger-500{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-danger-400{background-color:var(--tk-color-danger-400)}.bg-color-tk-color-danger-300{background-color:var(--tk-color-danger-300)}.bg-color-tk-color-danger-200{background-color:var(--tk-color-danger-200)}.bg-color-tk-color-danger-100{background-color:var(--tk-color-danger-100)}.bg-color-tk-color-danger{background-color:var(--tk-color-danger-500)}.bg-color-tk-color-info-900{background-color:var(--tk-color-info-900)}.bg-color-tk-color-info-800{background-color:var(--tk-color-info-800)}.bg-color-tk-color-info-700{background-color:var(--tk-color-info-700)}.bg-color-tk-color-info-600{background-color:var(--tk-color-info-600)}.bg-color-tk-color-info-500{background-color:var(--tk-color-info-500)}.bg-color-tk-color-info-400{background-color:var(--tk-color-info-400)}.bg-color-tk-color-info-300{background-color:var(--tk-color-info-300)}.bg-color-tk-color-info-200{background-color:var(--tk-color-info-200)}.bg-color-tk-color-info-100{background-color:var(--tk-color-info-100)}.bg-color-tk-color-info{background-color:var(--tk-color-info-500)}.bg-color-tk-color-warning-900{background-color:var(--tk-color-warning-900)}.bg-color-tk-color-warning-800{background-color:var(--tk-color-warning-800)}.bg-color-tk-color-warning-700{background-color:var(--tk-color-warning-700)}.bg-color-tk-color-warning-600{background-color:var(--tk-color-warning-600)}.bg-color-tk-color-warning-500{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-warning-400{background-color:var(--tk-color-warning-400)}.bg-color-tk-color-warning-300{background-color:var(--tk-color-warning-300)}.bg-color-tk-color-warning-200{background-color:var(--tk-color-warning-200)}.bg-color-tk-color-warning-100{background-color:var(--tk-color-warning-100)}.bg-color-tk-color-warning{background-color:var(--tk-color-warning-500)}.bg-color-tk-color-white,.bg-color-tk-color-white-900{background-color:var(--tk-color-white-900)}.bg-color-tk-color-white-800{background-color:var(--tk-color-white-800)}.bg-color-tk-color-black,.bg-color-tk-color-black-900{background-color:var(--tk-color-black-900)}.bg-color-tk-color-text-900{background-color:var(--tk-color-text-900)}.bg-color-tk-color-text-800{background-color:var(--tk-color-text-800)}.bg-color-tk-color-text-700{background-color:var(--tk-color-text-700)}.bg-color-tk-color-text-600{background-color:var(--tk-color-text-600)}.bg-color-tk-color-text-500,.bg-color-tk-color-text{background-color:var(--tk-color-text-500)}.bg-color-tk-color-text-primary-900{background-color:var(--tk-color-text-primary-900)}.bg-color-tk-color-text-primary-800{background-color:var(--tk-color-text-primary-800)}.bg-color-tk-color-text-primary-700{background-color:var(--tk-color-text-primary-700)}.bg-color-tk-color-text-primary-500{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-primary-400{background-color:var(--tk-color-text-primary-400)}.bg-color-tk-color-text-primary-300{background-color:var(--tk-color-text-primary-300)}.bg-color-tk-color-text-primary-200{background-color:var(--tk-color-text-primary-200)}.bg-color-tk-color-text-primary-100{background-color:var(--tk-color-text-primary-100)}.bg-color-tk-color-text-primary{background-color:var(--tk-color-text-primary-500)}.bg-color-tk-color-text-secondary-900{background-color:var(--tk-color-text-secondary-900)}.bg-color-tk-color-text-secondary-800{background-color:var(--tk-color-text-secondary-800)}.bg-color-tk-color-text-secondary-700{background-color:var(--tk-color-text-secondary-700)}.bg-color-tk-color-text-secondary-500{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-secondary-400{background-color:var(--tk-color-text-secondary-400)}.bg-color-tk-color-text-secondary-300{background-color:var(--tk-color-text-secondary-300)}.bg-color-tk-color-text-secondary-200{background-color:var(--tk-color-text-secondary-200)}.bg-color-tk-color-text-secondary-100{background-color:var(--tk-color-text-secondary-100)}.bg-color-tk-color-text-secondary{background-color:var(--tk-color-text-secondary-500)}.bg-color-tk-color-text-accent-900{background-color:var(--tk-color-text-accent-900)}.bg-color-tk-color-text-accent-800{background-color:var(--tk-color-text-accent-800)}.bg-color-tk-color-text-accent-700{background-color:var(--tk-color-text-accent-700)}.bg-color-tk-color-text-accent-500{background-color:var(--tk-color-text-accent-500)}.bg-color-tk-color-text-accent-400{background-color:var(--tk-color-text-accent-400)}.bg-color-tk-color-text-accent-300{background-color:var(--tk-color-text-accent-300)}.bg-color-tk-color-text-accent-200{background-color:var(--tk-color-text-accent-200)}.bg-color-tk-color-text-accent-100{background-color:var(--tk-color-text-accent-100)}.bg-color-tk-color-text-accent{background-color:var(--tk-color-text-accent-500)}\n"] }]
|
|
128
128
|
}], propDecorators: { text: [{
|
|
129
129
|
type: Input
|
|
130
130
|
}], disabled: [{
|
|
@@ -2808,11 +2808,11 @@ class TkKioskFooterNavigationComponent {
|
|
|
2808
2808
|
this.justifyContent = 'center';
|
|
2809
2809
|
}
|
|
2810
2810
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2811
|
-
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", topActions: "topActions", justifyContent: "justifyContent" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .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", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
2811
|
+
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", topActions: "topActions", justifyContent: "justifyContent" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}.bar .actions-b ::ng-deep *{width:100%}\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", "backgroundColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }] }); }
|
|
2812
2812
|
}
|
|
2813
2813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, decorators: [{
|
|
2814
2814
|
type: Component,
|
|
2815
|
-
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}\n"] }]
|
|
2815
|
+
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent, TkKioskTypographyComponent], template: "<section class=\"bar\" [ngStyle]=\"{ height: height }\">\n @if (topActions.length) {\n <section class=\"actions-tob\" >\n @for (action of topActions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n }\n </section>\n }\n\n <section class=\"actions-b\" [ngStyle]=\"{'justify-content': justifyContent, }\">\n @for (action of actions; track action.label) {\n @if (action.typeAction == 'none') {\n <tk-kiosk-typography type=\"subtitle1\" [color]=\"action.textColor || ''\">\n <div [innerHTML]=\"action.label\"></div>\n </tk-kiosk-typography>\n }\n @if (action.typeAction != 'none') {\n\n <tk-kiosk-btn (click)=\"actionEmitter.next(action.action)\" [variant]=\"action.variantColor || 'primary'\"\n [textSize]=\"action.textSize || 'h5-heading'\" [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\" [text]=\"action.label\" [size]=\"action.size || 'large'\"\n [disabled]=\"action.disabled || false\">\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span nz-icon [nzType]=\"action.icon\" class=\"icon\" [style.color]=\"'var(--' + action.textColor + ')'\"></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n\n }\n </section>\n\n</section>", styles: [".bar{display:flex;flex-direction:column;width:100%;padding:40px;justify-content:center;background:var(--tk-color-neutral-100, #cdcdcd)}.bar .icon{font-size:40px;color:inherit}.bar .actions-tob{display:flex;justify-content:center;margin-bottom:32px}.bar .actions-b{display:flex;gap:10px;align-items:center;width:100%}.bar .actions-b .icon{font-size:40px;color:inherit}.bar .actions-b ::ng-deep *{width:100%}\n"] }]
|
|
2816
2816
|
}], propDecorators: { height: [{
|
|
2817
2817
|
type: Input,
|
|
2818
2818
|
args: ['height']
|