@tekus/kiosks-design-system 0.0.32 → 0.0.34
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-footer-navigation/tk-kiosk-footer-navigation.component.mjs +3 -3
- package/esm2022/lib/icon-data-set/icons/arrow-left.mjs +5 -0
- package/esm2022/lib/icon-data-set/icons/index.mjs +2 -1
- package/esm2022/lib/icon-data-set/icons-svg.mjs +6 -2
- package/fesm2022/tekus-kiosks-design-system.mjs +11 -2
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/icon-data-set/icons/arrow-left.d.ts +1 -0
- package/lib/icon-data-set/icons/index.d.ts +1 -0
- package/package.json +1 -1
package/esm2022/lib/components/tk-kiosk-footer-navigation/tk-kiosk-footer-navigation.component.mjs
CHANGED
|
@@ -10,11 +10,11 @@ export class TkKioskFooterNavigationComponent {
|
|
|
10
10
|
this.actions = [];
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
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" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section
|
|
13
|
+
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" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n textSize=\"h5-heading\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .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", "textSize"], outputs: ["onClick"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section
|
|
17
|
+
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n textSize=\"h5-heading\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"] }]
|
|
18
18
|
}], propDecorators: { height: [{
|
|
19
19
|
type: Input,
|
|
20
20
|
args: ['height']
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
25
25
|
type: Input,
|
|
26
26
|
args: ['actions']
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9jb21wb25lbnRzL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uL3RrLWtpb3NrLWZvb3Rlci1uYXZpZ2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi90ay1raW9zay1mb290ZXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVXJELE1BQU0sT0FBTyxnQ0FBZ0M7SUFQN0M7UUFRbUIsV0FBTSxHQUFXLE9BQU8sQ0FBQztRQUN4QixrQkFBYSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ2pFLFlBQU8sR0FBb0IsRUFBRSxDQUFBO0tBRWhEOzhHQUxZLGdDQUFnQztrR0FBaEMsZ0NBQWdDLDhLQ2I3Qyw2L0JBdUNBLGlQRDlCWSxPQUFPLDJFQUFFLGVBQWUsaUtBQUUsbUJBQW1COzsyRkFJNUMsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixDQUFDOzhCQUt2QyxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ0csYUFBYTtzQkFBOUIsTUFBTTt1QkFBQyxRQUFRO2dCQUNFLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRrS2lvc2tCdG5Db21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay1idG4nO1xuaW1wb3J0IHsgTnpJY29uRGlyZWN0aXZlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IEZvb3RlckFjdGlvbnMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1mb290ZXItbmF2aWdhdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLCBOekljb25EaXJlY3RpdmUsIFRrS2lvc2tCdG5Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGsta2lvc2stZm9vdGVyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tGb290ZXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCdoZWlnaHQnKSBoZWlnaHQ6IHN0cmluZyA9ICcxNzBweCc7XG4gIEBPdXRwdXQoJ2FjdGlvbicpIGFjdGlvbkVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBJbnB1dCgnYWN0aW9ucycpIGFjdGlvbnM6IEZvb3RlckFjdGlvbnNbXSA9IFtdXG5cbn1cbiIsIjxzZWN0aW9uXG4gIGNsYXNzPVwiYmFyXCJcbiAgW25nU3R5bGVdPVwieyBoZWlnaHQ6IGhlaWdodCwgY29sb3I6ICd2YXIoLS10ay1jb2xvci1wcmltYXJ5LTcwMCknIH1cIlxuPlxuICBAZm9yIChhY3Rpb24gb2YgYWN0aW9uczsgdHJhY2sgYWN0aW9uLmxhYmVsKSB7XG5cbiAgPHRrLWtpb3NrLWJ0blxuICAgIChjbGljayk9XCJhY3Rpb25FbWl0dGVyLm5leHQoYWN0aW9uLmFjdGlvbilcIlxuICAgIFt2YXJpYW50XT1cImFjdGlvbi52YXJpYW50Q29sb3JcIlxuICAgIHRleHRTaXplPVwiaDUtaGVhZGluZ1wiXG4gICAgW291dGxpbmVdPVwiYWN0aW9uLm91dGxpbmUgfHwgZmFsc2VcIlxuICAgIFt0ZXh0Q29sb3JdPVwiYWN0aW9uLnRleHRDb2xvciB8fCAndGstY29sb3Itd2hpdGUnXCJcbiAgICBbdGV4dF09XCJhY3Rpb24ubGFiZWxcIlxuICAgIFtzaXplXT1cImFjdGlvbi5zaXplIHx8ICdsYXJnZSdcIlxuICA+XG4gICAgQGlmKGFjdGlvbi5pY29uICYmIGFjdGlvbi5pY29uUG9zaXRpb24gPT09ICdsZWZ0Jyl7XG5cbiAgICA8ZGl2IGxlZnQtc2VjdGlvbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIG56LWljb25cbiAgICAgICAgW256VHlwZV09XCJhY3Rpb24uaWNvblwiXG4gICAgICAgIGNsYXNzPVwiaWNvblwiXG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCIndmFyKC0tJyArIGFjdGlvbi50ZXh0Q29sb3IgKyAnKSdcIlxuICAgICAgPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICB9IEBpZihhY3Rpb24uaWNvbiAmJiBhY3Rpb24uaWNvblBvc2l0aW9uID09PSAncmlnaHQnKXtcblxuICAgIDxkaXY+XG4gICAgICA8c3BhblxuICAgICAgICBuei1pY29uXG4gICAgICAgIFtuelR5cGVdPVwiYWN0aW9uLmljb25cIlxuICAgICAgICBjbGFzcz1cImljb25cIlxuICAgICAgICBbc3R5bGUuY29sb3JdPVwiJ3ZhcigtLScgKyBhY3Rpb24udGV4dENvbG9yICsgJyknXCJcbiAgICAgID48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgfVxuICA8L3RrLWtpb3NrLWJ0bj5cbiAgfVxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export const arrowLeft = `<svg width="61" height="60" viewBox="0 0 61 60" fill="none">
|
|
2
|
+
<path d="M28.0357 15.75L13.25 30.75M13.25 30.75L28.0357 45.75M13.25 30.75L47.75 30.75" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
4
|
+
`;
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyb3ctbGVmdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvaWNvbi1kYXRhLXNldC9pY29ucy9hcnJvdy1sZWZ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRzs7O0NBR3hCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgYXJyb3dMZWZ0ID0gYDxzdmcgIHdpZHRoPVwiNjFcIiBoZWlnaHQ9XCI2MFwiIHZpZXdCb3g9XCIwIDAgNjEgNjBcIiBmaWxsPVwibm9uZVwiPlxuICA8cGF0aCBkPVwiTTI4LjAzNTcgMTUuNzVMMTMuMjUgMzAuNzVNMTMuMjUgMzAuNzVMMjguMDM1NyA0NS43NU0xMy4yNSAzMC43NUw0Ny43NSAzMC43NVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjRcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XG48L3N2Zz5cbmA7XG4iXX0=
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './add';
|
|
2
2
|
export * from './arrow-go-down';
|
|
3
|
+
export * from './arrow-left';
|
|
3
4
|
export * from './arrow-right';
|
|
4
5
|
export * from './chevron-left';
|
|
5
6
|
export * from './chevron-right';
|
|
@@ -14,4 +15,4 @@ export * from './tiket-2';
|
|
|
14
15
|
export * from './trash-outline';
|
|
15
16
|
export * from './x';
|
|
16
17
|
export * from './clock';
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2ljb24tZGF0YS1zZXQvaWNvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxPQUFPLENBQUM7QUFDdEIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxLQUFLLENBQUM7QUFDcEIsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FkZCc7XG5leHBvcnQgKiBmcm9tICcuL2Fycm93LWdvLWRvd24nO1xuZXhwb3J0ICogZnJvbSAnLi9hcnJvdy1sZWZ0JztcbmV4cG9ydCAqIGZyb20gJy4vYXJyb3ctcmlnaHQnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGV2cm9uLWxlZnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGV2cm9uLXJpZ2h0JztcbmV4cG9ydCAqIGZyb20gJy4vY2xvc2UnO1xuZXhwb3J0ICogZnJvbSAnLi9lZGl0LW91dGxpbmUnO1xuZXhwb3J0ICogZnJvbSAnLi9lZGl0JztcbmV4cG9ydCAqIGZyb20gJy4vbG9nLW91dCc7XG5leHBvcnQgKiBmcm9tICcuL21pbnVzJztcbmV4cG9ydCAqIGZyb20gJy4vc2hvcC1iYWcnO1xuZXhwb3J0ICogZnJvbSAnLi9zaG9wcGluZy1jYXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vdGlrZXQtMic7XG5leHBvcnQgKiBmcm9tICcuL3RyYXNoLW91dGxpbmUnO1xuZXhwb3J0ICogZnJvbSAnLi94JztcbmV4cG9ydCAqIGZyb20gJy4vY2xvY2snO1xuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { chevronRight, tkKioskLogOut, chevronLeft, tkKioskAdd, arrowRight, shoppingCart, tkKioskMinus, tkKioskEdit, tkKioskEditOutline, tkKioskTrashOutline, tkKioskX, tkKioskArrowGoDown, tkKiosTiket2, shopBag, clock, } from './icons';
|
|
1
|
+
import { chevronRight, tkKioskLogOut, chevronLeft, tkKioskAdd, arrowLeft, arrowRight, shoppingCart, tkKioskMinus, tkKioskEdit, tkKioskEditOutline, tkKioskTrashOutline, tkKioskX, tkKioskArrowGoDown, tkKiosTiket2, shopBag, clock, } from './icons';
|
|
2
2
|
import searchNormal from './icons/search-normal';
|
|
3
3
|
export const iconsDefaults = [
|
|
4
4
|
{
|
|
@@ -29,6 +29,10 @@ export const iconsDefaults = [
|
|
|
29
29
|
name: 'tk-kiosk:chevron-right',
|
|
30
30
|
literal: chevronRight,
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
name: 'tk-kiosk:arrow-left',
|
|
34
|
+
literal: arrowLeft,
|
|
35
|
+
},
|
|
32
36
|
{
|
|
33
37
|
name: 'tk-kiosk:arrow-right',
|
|
34
38
|
literal: arrowRight,
|
|
@@ -67,4 +71,4 @@ export const iconsDefaults = [
|
|
|
67
71
|
literal: clock,
|
|
68
72
|
},
|
|
69
73
|
];
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtc3ZnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGsta2lvc2stZHMvc3JjL2xpYi9pY29uLWRhdGEtc2V0L2ljb25zLXN2Zy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksRUFDWixXQUFXLEVBQ1gsa0JBQWtCLEVBQ2xCLG1CQUFtQixFQUNuQixRQUFRLEVBQ1Isa0JBQWtCLEVBQ2xCLFlBQVksRUFDWixPQUFPLEVBQ1AsS0FBSyxHQUNOLE1BQU0sU0FBUyxDQUFDO0FBQ2pCLE9BQU8sWUFBWSxNQUFNLHVCQUF1QixDQUFDO0FBRWpELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQjtRQUNFLElBQUksRUFBRSxjQUFjO1FBQ3BCLE9BQU8sRUFBRSxVQUFVO0tBQ3BCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsZUFBZTtRQUNyQixPQUFPLEVBQUUsV0FBVztLQUNyQjtJQUNEO1FBQ0UsSUFBSSxFQUFFLGdCQUFnQjtRQUN0QixPQUFPLEVBQUUsWUFBWTtLQUN0QjtJQUNEO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsT0FBTyxFQUFFLFFBQVE7S0FDbEI7SUFDRDtRQUNFLElBQUksRUFBRSxrQkFBa0I7UUFDeEIsT0FBTyxFQUFFLGFBQWE7S0FDdkI7SUFDRDtRQUNFLElBQUksRUFBRSx1QkFBdUI7UUFDN0IsT0FBTyxFQUFFLFdBQVc7S0FDckI7SUFDRDtRQUNFLElBQUksRUFBRSx3QkFBd0I7UUFDOUIsT0FBTyxFQUFFLFlBQVk7S0FDdEI7SUFDRDtRQUNFLElBQUksRUFBRSxxQkFBcUI7UUFDM0IsT0FBTyxFQUFFLFNBQVM7S0FDbkI7SUFDRDtRQUNFLElBQUksRUFBRSxzQkFBc0I7UUFDNUIsT0FBTyxFQUFFLFVBQVU7S0FDcEI7SUFDRDtRQUNFLElBQUksRUFBRSx3QkFBd0I7UUFDOUIsT0FBTyxFQUFFLFlBQVk7S0FDdEI7SUFDRDtRQUNFLElBQUksRUFBRSx3QkFBd0I7UUFDOUIsT0FBTyxFQUFFLFlBQVk7S0FDdEI7SUFDRDtRQUNFLElBQUksRUFBRSx3QkFBd0I7UUFDOUIsT0FBTyxFQUFFLGtCQUFrQjtLQUM1QjtJQUVELGlCQUFpQjtJQUNqQjtRQUNFLElBQUksRUFBRSx1QkFBdUI7UUFDN0IsT0FBTyxFQUFFLGtCQUFrQjtLQUM1QjtJQUNEO1FBQ0UsSUFBSSxFQUFFLHdCQUF3QjtRQUM5QixPQUFPLEVBQUUsbUJBQW1CO0tBQzdCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsa0JBQWtCO1FBQ3hCLE9BQU8sRUFBRSxZQUFZO0tBQ3RCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsbUJBQW1CO1FBQ3pCLE9BQU8sRUFBRSxPQUFPO0tBQ2pCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsZ0JBQWdCO1FBQ3RCLE9BQU8sRUFBRSxLQUFLO0tBQ2Y7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY2hldnJvblJpZ2h0LFxuICB0a0tpb3NrTG9nT3V0LFxuICBjaGV2cm9uTGVmdCxcbiAgdGtLaW9za0FkZCxcbiAgYXJyb3dMZWZ0LFxuICBhcnJvd1JpZ2h0LFxuICBzaG9wcGluZ0NhcnQsXG4gIHRrS2lvc2tNaW51cyxcbiAgdGtLaW9za0VkaXQsXG4gIHRrS2lvc2tFZGl0T3V0bGluZSxcbiAgdGtLaW9za1RyYXNoT3V0bGluZSxcbiAgdGtLaW9za1gsXG4gIHRrS2lvc2tBcnJvd0dvRG93bixcbiAgdGtLaW9zVGlrZXQyLFxuICBzaG9wQmFnLFxuICBjbG9jayxcbn0gZnJvbSAnLi9pY29ucyc7XG5pbXBvcnQgc2VhcmNoTm9ybWFsIGZyb20gJy4vaWNvbnMvc2VhcmNoLW5vcm1hbCc7XG5cbmV4cG9ydCBjb25zdCBpY29uc0RlZmF1bHRzID0gW1xuICB7XG4gICAgbmFtZTogJ3RrLWtpb3NrOmFkZCcsXG4gICAgbGl0ZXJhbDogdGtLaW9za0FkZCxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICd0ay1raW9zazplZGl0JyxcbiAgICBsaXRlcmFsOiB0a0tpb3NrRWRpdCxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICd0ay1raW9zazptaW51cycsXG4gICAgbGl0ZXJhbDogdGtLaW9za01pbnVzLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ3RrLWtpb3NrOngnLFxuICAgIGxpdGVyYWw6IHRrS2lvc2tYLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ3RrLWtpb3NrOmxvZy1vdXQnLFxuICAgIGxpdGVyYWw6IHRrS2lvc2tMb2dPdXQsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6Y2hldnJvbi1sZWZ0JyxcbiAgICBsaXRlcmFsOiBjaGV2cm9uTGVmdCxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICd0ay1raW9zazpjaGV2cm9uLXJpZ2h0JyxcbiAgICBsaXRlcmFsOiBjaGV2cm9uUmlnaHQsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6YXJyb3ctbGVmdCcsXG4gICAgbGl0ZXJhbDogYXJyb3dMZWZ0LFxuICB9LFxuICB7XG4gICAgbmFtZTogJ3RrLWtpb3NrOmFycm93LXJpZ2h0JyxcbiAgICBsaXRlcmFsOiBhcnJvd1JpZ2h0LFxuICB9LFxuICB7XG4gICAgbmFtZTogJ3RrLWtpb3NrOnNob3BwaW5nLWNhcnQnLFxuICAgIGxpdGVyYWw6IHNob3BwaW5nQ2FydCxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICd0ay1raW9zazpzZWFyY2gtbm9ybWFsJyxcbiAgICBsaXRlcmFsOiBzZWFyY2hOb3JtYWwsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6YXJyb3ctZ28tZG93bicsXG4gICAgbGl0ZXJhbDogdGtLaW9za0Fycm93R29Eb3duLFxuICB9LFxuXG4gIC8vIE9VVExJTkVTIElDT05TXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6ZWRpdC1vdXRsaW5lJyxcbiAgICBsaXRlcmFsOiB0a0tpb3NrRWRpdE91dGxpbmUsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6dHJhc2gtb3V0bGluZScsXG4gICAgbGl0ZXJhbDogdGtLaW9za1RyYXNoT3V0bGluZSxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICd0ay1raW9zazp0aWtldC0yJyxcbiAgICBsaXRlcmFsOiB0a0tpb3NUaWtldDIsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6c2hvcC1iYWcnLFxuICAgIGxpdGVyYWw6IHNob3BCYWcsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAndGsta2lvc2s6Y2xvY2snLFxuICAgIGxpdGVyYWw6IGNsb2NrLFxuICB9LFxuXTtcbiJdfQ==
|
|
@@ -1349,6 +1349,11 @@ const tkKioskArrowGoDown = `<svg xmlns="http://www.w3.org/2000/svg" width="80" h
|
|
|
1349
1349
|
<path d="M40 63.333L40 16.6663M40 63.333L20 43.333M40 63.333L60 43.333" stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
1350
1350
|
</svg> `;
|
|
1351
1351
|
|
|
1352
|
+
const arrowLeft = `<svg width="61" height="60" viewBox="0 0 61 60" fill="none">
|
|
1353
|
+
<path d="M28.0357 15.75L13.25 30.75M13.25 30.75L28.0357 45.75M13.25 30.75L47.75 30.75" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
1354
|
+
</svg>
|
|
1355
|
+
`;
|
|
1356
|
+
|
|
1352
1357
|
const arrowRight = `<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1353
1358
|
<path d="M32.8934 21.5603C33.1921 21.2616 33.3332 20.8789 33.3332 20.5001C33.3332 20.1213 33.1921 19.7386 32.8934 19.4399L24.8001 11.3465C24.2181 10.7646 23.2615 10.7646 22.6796 11.3465C22.0977 11.9285 22.0977 12.885 22.6796 13.467L29.7127 20.5001L22.6796 27.5332C22.0977 28.1151 22.0977 29.0717 22.6796 29.6536C23.2615 30.2356 24.2181 30.2356 24.8001 29.6536L32.8934 21.5603Z" fill="currentColor" stroke="currentColor"/>
|
|
1354
1359
|
<path d="M31.6065 22C32.4293 22 33.1065 21.3228 33.1065 20.5C33.1065 19.6772 32.4293 19 31.6065 19L9.1665 19C8.34369 19 7.6665 19.6772 7.6665 20.5C7.6665 21.3228 8.34369 22 9.1665 22L31.6065 22Z" fill="currentColor" stroke="currentColor"/>
|
|
@@ -1473,6 +1478,10 @@ const iconsDefaults = [
|
|
|
1473
1478
|
name: 'tk-kiosk:chevron-right',
|
|
1474
1479
|
literal: chevronRight,
|
|
1475
1480
|
},
|
|
1481
|
+
{
|
|
1482
|
+
name: 'tk-kiosk:arrow-left',
|
|
1483
|
+
literal: arrowLeft,
|
|
1484
|
+
},
|
|
1476
1485
|
{
|
|
1477
1486
|
name: 'tk-kiosk:arrow-right',
|
|
1478
1487
|
literal: arrowRight,
|
|
@@ -1774,11 +1783,11 @@ class TkKioskFooterNavigationComponent {
|
|
|
1774
1783
|
this.actions = [];
|
|
1775
1784
|
}
|
|
1776
1785
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1777
|
-
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" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section
|
|
1786
|
+
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" }, outputs: { actionEmitter: "action" }, ngImport: i0, template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n textSize=\"h5-heading\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .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", "textSize"], outputs: ["onClick"] }] }); }
|
|
1778
1787
|
}
|
|
1779
1788
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskFooterNavigationComponent, decorators: [{
|
|
1780
1789
|
type: Component,
|
|
1781
|
-
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section
|
|
1790
|
+
args: [{ selector: 'tk-kiosk-footer-navigation', standalone: true, imports: [NgStyle, NzIconDirective, TkKioskBtnComponent], template: "<section\n class=\"bar\"\n [ngStyle]=\"{ height: height, color: 'var(--tk-color-primary-700)' }\"\n>\n @for (action of actions; track action.label) {\n\n <tk-kiosk-btn\n (click)=\"actionEmitter.next(action.action)\"\n [variant]=\"action.variantColor\"\n textSize=\"h5-heading\"\n [outline]=\"action.outline || false\"\n [textColor]=\"action.textColor || 'tk-color-white'\"\n [text]=\"action.label\"\n [size]=\"action.size || 'large'\"\n >\n @if(action.icon && action.iconPosition === 'left'){\n\n <div left-section>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n } @if(action.icon && action.iconPosition === 'right'){\n\n <div>\n <span\n nz-icon\n [nzType]=\"action.icon\"\n class=\"icon\"\n [style.color]=\"'var(--' + action.textColor + ')'\"\n ></span>\n </div>\n }\n </tk-kiosk-btn>\n }\n</section>\n", styles: [".bar{display:flex;width:100%;padding:10px;justify-content:center;align-items:center;gap:10px;background:var(--tk-color-neutral-200, #CDCDCD)}.bar .icon{font-size:40px;color:inherit}\n"] }]
|
|
1782
1791
|
}], propDecorators: { height: [{
|
|
1783
1792
|
type: Input,
|
|
1784
1793
|
args: ['height']
|