@tekus/kiosks-design-system 2.3.0 → 2.4.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-bar/tk-kiosk-bar-cart/tk-kiosk-bar-cart.component.mjs +1 -1
- package/esm2022/lib/components/tk-kiosk-bar/tk-kiosk-bar-navigation/tk-kiosk-bar-navigation.component.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-btn/tk-kiosk-btn.component.mjs +6 -3
- package/esm2022/lib/components/tk-kiosk-btn-count/tk-kiosk-btn-count.component.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-product-card/tk-kiosk-product-card.component.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.mjs +2 -2
- package/esm2022/lib/components/tk-kiosk-status-card/tk-kiosk-status-card.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-stepper/tk-kiosk-stepper-container/tk-kiosk-stepper-container.component.mjs +2 -2
- package/fesm2022/tekus-kiosks-design-system.mjs +14 -11
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-btn/tk-kiosk-btn.component.d.ts +2 -1
- package/package.json +1 -1
package/esm2022/lib/components/tk-kiosk-bar/tk-kiosk-bar-cart/tk-kiosk-bar-cart.component.mjs
CHANGED
|
@@ -13,7 +13,7 @@ export class TkKioskBarCartComponent {
|
|
|
13
13
|
this.onClickSeeMore = new EventEmitter();
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarCartComponent, isStandalone: true, selector: "tk-kiosk-bar-cart", inputs: { iconWidth: "iconWidth", iconHeight: "iconHeight", cartItems: "cartItems", icon: "icon" }, outputs: { onClickSeeMore: "onClickSeeMore" }, ngImport: i0, template: "<div class=\"bar-cart\">\n\n <section class=\"bar-cart__data\">\n <div class=\"bar-cart__data__icon-cart\" [class.bar-cart__data__icon-cart--disabled]=\"cartItems === 0\"\n >\n <span nz-icon [nzType]=\"icon\" [class.iconItems]=\"cartItems>0\" [ngStyle]=\"{'font-size': iconWidth, 'height':iconHeight}\" class=\"icon\"></span>\n\n <div class=\"bar-cart__data__icon-cart__elipse\" *ngIf=\"cartItems>0\">\n </div>\n </div>\n <tk-kiosk-typography *ngIf=\"cartItems==0\" type=\"subtitle2\" name=\"emptyCartText\" color=\"tk-color-text-900\">\n Tu carrito est\u00E1 vac\u00EDo\n </tk-kiosk-typography>\n\n <tk-kiosk-typography *ngIf=\"cartItems>0\" type=\"subtitle2\" name=\"touchedCartText\" color=\"tk-color-text-900\">\n Productos en tu carrito\n </tk-kiosk-typography>\n\n <div class=\"bar-cart__data__counter\" *ngIf=\"cartItems>0\">\n <tk-kiosk-typography type=\"subtitle1\" color=\"tk-color-text-accent-900\">{{cartItems}}</tk-kiosk-typography>\n </div>\n </section>\n\n <tk-kiosk-btn *ngIf=\"cartItems>0\" text=\"Ver detalle\" (onClick)=\"onClickSeeMore.emit(true)\" textSize=\"h6-heading\"\n textColor=\"tk-color-secondary-900\" [outline]=\"true\"></tk-kiosk-btn>\n \n</div>", styles: [".bar-cart{width:100%;display:flex;justify-content:space-between;align-items:center}.bar-cart .bar-cart__data{display:flex;align-items:center}.bar-cart .bar-cart__data__counter{margin-left:15px;border-radius:50%;height:67px;padding:10px;display:flex;text-align:center;width:47px;height:46px;flex-direction:column;justify-content:center;background:var(--tk-color-accent-900)}.bar-cart .bar-cart__data__icon-cart{background:var(--tk-color-secondary-900);border-radius:55px;padding:20px;margin-right:20px;position:relative;display:flex}.bar-cart .bar-cart__data__icon-cart .icon{color:var(--tk-color-white-900)}.bar-cart .bar-cart__data__icon-cart .iconItems{color:var(--tk-color-text-secondary-900)}.bar-cart .bar-cart__data__icon-cart__elipse{position:absolute;top:0;right:0;width:33px;height:33px;background:var(--tk-color-accent-900);border-radius:100%}.bar-cart .bar-cart__data__icon-cart--disabled{border-radius:55px;background:var(--tk-color-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "backgroundColor", "textSize"], outputs: ["onClick"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarCartComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
@@ -14,7 +14,7 @@ export class TkKioskBarNavigationComponent {
|
|
|
14
14
|
this.onClickLogOut = new EventEmitter();
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarNavigationComponent, isStandalone: true, selector: "tk-kiosk-bar-navigation", inputs: { backText: "backText", logOutText: "logOutText", iconBack: "iconBack", iconLogoutGradesRotate: "iconLogoutGradesRotate", iconLogout: "iconLogout" }, outputs: { onClickBack: "onClickBack", onClickLogOut: "onClickLogOut" }, ngImport: i0, template: "<section>\n <tk-kiosk-btn id=\"backBtn\" (onClick)=\"onClickBack.emit(true)\" [outline]=\"true\">\n <span nz-icon [nzType]=\"iconBack\" class=\"icon\" id=\"backIcon\"></span>\n <tk-kiosk-typography [type]=\"'h6-heading'\" color=\"tk-color-primary-900\" id=\"backText\">{{backText}}</tk-kiosk-typography>\n </tk-kiosk-btn>\n\n <tk-kiosk-btn id=\"logOutBtn\" (onClick)=\"onClickLogOut.emit(true)\" [outline]=\"true\">\n <tk-kiosk-typography [type]=\"'h6-heading'\" color=\"tk-color-primary-900\" id=\"logOutText\">{{logOutText}}</tk-kiosk-typography>\n <span nz-icon [nzType]=\"iconLogout\" [nzRotate]=\"iconLogoutGradesRotate\" id=\"logOutIcon\" class=\"icon\"></span>\n </tk-kiosk-btn>\n\n\n</section>", styles: ["section{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:100px}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}\n"], dependencies: [{ kind: "component", type: TkKioskBtnComponent, selector: "tk-kiosk-btn", inputs: ["text", "disabled", "outline", "stroked", "rounded", "variant", "size", "textColor", "textSize"], outputs: ["onClick"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskBarNavigationComponent, isStandalone: true, selector: "tk-kiosk-bar-navigation", inputs: { backText: "backText", logOutText: "logOutText", iconBack: "iconBack", iconLogoutGradesRotate: "iconLogoutGradesRotate", iconLogout: "iconLogout" }, outputs: { onClickBack: "onClickBack", onClickLogOut: "onClickLogOut" }, ngImport: i0, template: "<section>\n <tk-kiosk-btn id=\"backBtn\" (onClick)=\"onClickBack.emit(true)\" [outline]=\"true\">\n <span nz-icon [nzType]=\"iconBack\" class=\"icon\" id=\"backIcon\"></span>\n <tk-kiosk-typography [type]=\"'h6-heading'\" color=\"tk-color-primary-900\" id=\"backText\">{{backText}}</tk-kiosk-typography>\n </tk-kiosk-btn>\n\n <tk-kiosk-btn id=\"logOutBtn\" (onClick)=\"onClickLogOut.emit(true)\" [outline]=\"true\">\n <tk-kiosk-typography [type]=\"'h6-heading'\" color=\"tk-color-primary-900\" id=\"logOutText\">{{logOutText}}</tk-kiosk-typography>\n <span nz-icon [nzType]=\"iconLogout\" [nzRotate]=\"iconLogoutGradesRotate\" id=\"logOutIcon\" class=\"icon\"></span>\n </tk-kiosk-btn>\n\n\n</section>", styles: ["section{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:100px}.icon{margin-right:6px;font-size:30px;color:var(--tk-color-primary-900)}\n"], dependencies: [{ 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"] }, { kind: "directive", type: NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBarNavigationComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
34
34
|
}], onClickLogOut: [{
|
|
35
35
|
type: Output
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWJhci90ay1raW9zay1iYXItbmF2aWdhdGlvbi90ay1raW9zay1iYXItbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stYmFyL3RrLWtpb3NrLWJhci1uYXZpZ2F0aW9uL3RrLWtpb3NrLWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVN2RSxNQUFNLE9BQU8sNkJBQTZCO0lBU3hDO1FBUlMsYUFBUSxHQUFXLFFBQVEsQ0FBQztRQUM1QixlQUFVLEdBQVcsT0FBTyxDQUFDO1FBQzdCLGFBQVEsR0FBVyx1QkFBdUIsQ0FBQztRQUMzQywyQkFBc0IsR0FBVyxFQUFFLENBQUM7UUFDcEMsZUFBVSxHQUFXLGtCQUFrQixDQUFDO1FBQ3ZDLGdCQUFXLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDakUsa0JBQWEsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUU5RCxDQUFDOzhHQVRMLDZCQUE2QjtrR0FBN0IsNkJBQTZCLDBUQ1oxQyx5dUJBWVUsc09ESkUsbUJBQW1CLDZNQUFFLDBCQUEwQiwwSEFBRSxlQUFlOzsyRkFJL0QsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSwwQkFBMEIsRUFBRSxlQUFlLENBQUM7d0RBS2xFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi8uLi90ay1raW9zay1idG4nO1xuaW1wb3J0IHsgTnpJY29uRGlyZWN0aXZlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vdGsta2lvc2stdHlwb2dyYXBoeSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RrLWtpb3NrLWJhci1uYXZpZ2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RrS2lvc2tCdG5Db21wb25lbnQsIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25EaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrQmFyTmF2aWdhdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGJhY2tUZXh0OiBzdHJpbmcgPSAnVm9sdmVyJztcbiAgQElucHV0KCkgbG9nT3V0VGV4dDogc3RyaW5nID0gJ1NhbGlyJztcbiAgQElucHV0KCkgaWNvbkJhY2s6IHN0cmluZyA9ICd0ay1raW9zazpjaGV2cm9uLWxlZnQnO1xuICBASW5wdXQoKSBpY29uTG9nb3V0R3JhZGVzUm90YXRlOiBudW1iZXIgPSA5MDtcbiAgQElucHV0KCkgaWNvbkxvZ291dDogc3RyaW5nID0gJ3RrLWtpb3NrOmxvZy1vdXQnO1xuICBAT3V0cHV0KCkgb25DbGlja0JhY2s6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpIG9uQ2xpY2tMb2dPdXQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8c2VjdGlvbj5cbiAgICA8dGsta2lvc2stYnRuIGlkPVwiYmFja0J0blwiIChvbkNsaWNrKT1cIm9uQ2xpY2tCYWNrLmVtaXQodHJ1ZSlcIiAgW291dGxpbmVdPVwidHJ1ZVwiPlxuICAgICAgICA8c3BhbiBuei1pY29uIFtuelR5cGVdPVwiaWNvbkJhY2tcIiBjbGFzcz1cImljb25cIiBpZD1cImJhY2tJY29uXCI+PC9zcGFuPlxuICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBbdHlwZV09XCInaDYtaGVhZGluZydcIiBjb2xvcj1cInRrLWNvbG9yLXByaW1hcnktOTAwXCIgaWQ9XCJiYWNrVGV4dFwiPnt7YmFja1RleHR9fTwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgICA8L3RrLWtpb3NrLWJ0bj5cblxuICAgIDx0ay1raW9zay1idG4gaWQ9XCJsb2dPdXRCdG5cIiAob25DbGljayk9XCJvbkNsaWNrTG9nT3V0LmVtaXQodHJ1ZSlcIiAgW291dGxpbmVdPVwidHJ1ZVwiPlxuICAgICAgICA8dGsta2lvc2stdHlwb2dyYXBoeSBbdHlwZV09XCInaDYtaGVhZGluZydcIiBjb2xvcj1cInRrLWNvbG9yLXByaW1hcnktOTAwXCIgaWQ9XCJsb2dPdXRUZXh0XCI+e3tsb2dPdXRUZXh0fX08L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG4gICAgICAgIDxzcGFuIG56LWljb24gW256VHlwZV09XCJpY29uTG9nb3V0XCIgW256Um90YXRlXT1cImljb25Mb2dvdXRHcmFkZXNSb3RhdGVcIiBpZD1cImxvZ091dEljb25cIiBjbGFzcz1cImljb25cIj48L3NwYW4+XG4gICAgPC90ay1raW9zay1idG4+XG5cblxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -13,6 +13,7 @@ export class TkKioskBtnComponent {
|
|
|
13
13
|
this.variant = 'primary';
|
|
14
14
|
this.size = 'regular';
|
|
15
15
|
this.textColor = 'white';
|
|
16
|
+
this.backgroundColor = '';
|
|
16
17
|
this.textSize = 'h6-heading';
|
|
17
18
|
this.onClick = new EventEmitter();
|
|
18
19
|
this.class = '';
|
|
@@ -25,11 +26,11 @@ export class TkKioskBtnComponent {
|
|
|
25
26
|
this.onClick.emit(true);
|
|
26
27
|
}
|
|
27
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
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", textSize: "textSize" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n (click)=\"clicked()\"\n [disabled]=\"disabled\"\n [class.disabled]=\"disabled\"\n [class]=\"'tk-btn tk-btn-' + variant + ' tk-btn-' + size\"\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}\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-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
30
|
}
|
|
30
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, decorators: [{
|
|
31
32
|
type: Component,
|
|
32
|
-
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]=\"'tk-btn tk-btn-' + variant + ' tk-btn-' + size\"\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}\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-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
34
|
}], propDecorators: { text: [{
|
|
34
35
|
type: Input
|
|
35
36
|
}], disabled: [{
|
|
@@ -46,9 +47,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
46
47
|
type: Input
|
|
47
48
|
}], textColor: [{
|
|
48
49
|
type: Input
|
|
50
|
+
}], backgroundColor: [{
|
|
51
|
+
type: Input
|
|
49
52
|
}], textSize: [{
|
|
50
53
|
type: Input
|
|
51
54
|
}], onClick: [{
|
|
52
55
|
type: Output
|
|
53
56
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFnQixJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVNwRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFlBQU8sR0FDZCxTQUFTLENBQUM7UUFDSCxTQUFJLEdBQWtDLFNBQVMsQ0FBQztRQUNoRCxjQUFTLEdBQVcsT0FBTyxDQUFDO1FBQzVCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLGFBQVEsR0FZTSxZQUFZLENBQUM7UUFDMUIsWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXZFLFVBQUssR0FBRyxFQUFFLENBQUM7S0FTWjtJQVJDLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLGlCQUFpQixJQUFJLENBQUMsT0FBTyxXQUFXLElBQUksQ0FBQyxJQUFJO0tBQzdELENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7OEdBbENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDhWQ1poQyxvbkJBMEJBLG1vVkRsQlksSUFBSSw2RkFBVywwQkFBMEIseUhBQUUsWUFBWTs7MkZBSXRELG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxZQUFZLENBQUM7OEJBS3pELElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBYUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2stYnRuJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nU3R5bGUsIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tCdG5Db21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgb3V0bGluZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdHJva2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnYWNjZW50JyB8ICdzZWNvbmRhcnktbGlnaHQnID1cbiAgICAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAncmVndWxhcicgfCAnbGFyZ2UnID0gJ3JlZ3VsYXInO1xuICBASW5wdXQoKSB0ZXh0Q29sb3I6IHN0cmluZyA9ICd3aGl0ZSc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHRleHRTaXplOlxuICAgIHwgJ2gxLWhlYWRpbmcnXG4gICAgfCAnaDItaGVhZGluZydcbiAgICB8ICdoMy1oZWFkaW5nJ1xuICAgIHwgJ2g0LWhlYWRpbmcnXG4gICAgfCAnaDUtaGVhZGluZydcbiAgICB8ICdoNi1oZWFkaW5nJ1xuICAgIHwgJ3N1YnRpdGxlMSdcbiAgICB8ICdzdWJ0aXRsZTInXG4gICAgfCAnYm9keTEnXG4gICAgfCAnYm9keTInXG4gICAgfCAncDEtcGFyYWdyYXBoJ1xuICAgIHwgJ3VuZGVybGluZS10ZXh0JyA9ICdoNi1oZWFkaW5nJztcbiAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjbGFzcyA9ICcnO1xuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLmNsYXNzID0gYHRrLWJ0biB0ay1idG4tJHt0aGlzLnZhcmlhbnR9IHRrLWJ0bi0ke3RoaXMuc2l6ZX1cbiAgICBgO1xuICB9XG5cbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICAoY2xpY2spPVwiY2xpY2tlZCgpXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzXT1cIlxuICAgICd0ay1idG4gdGstYnRuLScgK1xuICAgIHZhcmlhbnQgK1xuICAgICcgdGstYnRuLScgK1xuICAgIHNpemUgK1xuICAgICcgYmctY29sb3ItJyArXG4gICAgYmFja2dyb3VuZENvbG9yXG4gIFwiXG4gIFtjbGFzcy50ay1idG4tcm91bmRlZF09XCJyb3VuZGVkXCJcbiAgW2NsYXNzLnRrLWJ0bi1vdXRsaW5lXT1cIm91dGxpbmVcIlxuICBbY2xhc3MudGstYnRuLXN0cm9rZWRdPVwic3Ryb2tlZFwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNlY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICA8dGsta2lvc2stdHlwb2dyYXBoeVxuICAgICpuZ0lmPVwidGV4dC5sZW5ndGggPiAwXCJcbiAgICBbdHlwZV09XCJ0ZXh0U2l6ZVwiXG4gICAgW2NvbG9yXT1cImRpc2FibGVkID8gJ3RrLWNvbG9yLW5ldXRyYWwtNzAwJyA6IHRleHRDb2xvclwiXG4gID5cbiAgICB7eyB0ZXh0IH19XG4gIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=
|