@tekus/kiosks-design-system 2.12.0 → 2.14.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.
Files changed (3) hide show
  1. package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs +2 -2
  2. package/fesm2022/tekus-kiosks-design-system.mjs +2 -2
  3. package/package.json +1 -1
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}.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"] }] }); }
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}.bar .actions-b ::ng-deep *{width:100%}\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']
package/fesm2022/tekus-kiosks-design-system.mjs CHANGED
@@ -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}.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"] }] }); }
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}.bar .actions-b ::ng-deep *{width:100%}\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']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekus/kiosks-design-system",
3
- "version": "2.12.0",
3
+ "version": "2.14.0",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": "^17.0.0",
6
6
  "@angular/common": "^17.1.0",