@tekus/kiosks-design-system 0.0.40 → 0.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/tk-kiosk-btn/tk-kiosk-btn.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-product-item/tk-kiosk-product-item.component.mjs +3 -3
- package/esm2022/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.mjs +15 -3
- package/fesm2022/tekus-kiosks-design-system.mjs +18 -6
- package/fesm2022/tekus-kiosks-design-system.mjs.map +1 -1
- package/lib/components/tk-kiosk-product-item/tk-kiosk-product-item.component.d.ts +1 -1
- package/lib/components/tk-kiosk-product-resume/tk-kiosk-product-resume.component.d.ts +5 -1
- package/package.json +1 -1
|
@@ -28,11 +28,11 @@ export class TkKioskBtnComponent {
|
|
|
28
28
|
this.onClick.emit(true);
|
|
29
29
|
}
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
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" }, ngImport: i0, template: "<button (click)=\"clicked()\" [disabled]=\"disabled\" [class.disabled]=\"disabled\" [class]=\"class\">\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography *ngIf=\"text.length > 0\" [type]=\"textSize\" [color]=\"disabled ? 'tk-color-neutral-700' : textColor\">\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:10px;
|
|
31
|
+
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" }, ngImport: i0, template: "<button (click)=\"clicked()\" [disabled]=\"disabled\" [class.disabled]=\"disabled\" [class]=\"class\">\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography *ngIf=\"text.length > 0\" [type]=\"textSize\" [color]=\"disabled ? 'tk-color-neutral-700' : textColor\">\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:10px;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-regular{padding:12px 32px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-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);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #FFF;background:var(--tk-color-white-900);border-radius:16px;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:16px;background:#fff}.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 }] }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskBtnComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button (click)=\"clicked()\" [disabled]=\"disabled\" [class.disabled]=\"disabled\" [class]=\"class\">\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography *ngIf=\"text.length > 0\" [type]=\"textSize\" [color]=\"disabled ? 'tk-color-neutral-700' : textColor\">\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:10px;
|
|
35
|
+
args: [{ selector: 'tk-kiosk-btn', standalone: true, imports: [NgIf, NgStyle, TkKioskTypographyComponent, NzIconModule], template: "<button (click)=\"clicked()\" [disabled]=\"disabled\" [class.disabled]=\"disabled\" [class]=\"class\">\n <ng-content select=\"[left-section]\"></ng-content>\n <tk-kiosk-typography *ngIf=\"text.length > 0\" [type]=\"textSize\" [color]=\"disabled ? 'tk-color-neutral-700' : textColor\">\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:10px;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-regular{padding:12px 32px}.tk-btn-large{padding:24px 32px}.tk-btn-primary{background:var(--tk-color-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);transition:box-shadow .3s ease}.tk-btn-secondary-light{background:var(--tk-color-secondary-100);transition:box-shadow .3s ease}.tk-btn-outline{border:3px solid #FFF;background:var(--tk-color-white-900);border-radius:16px;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:16px;background:#fff}.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"] }]
|
|
36
36
|
}], propDecorators: { text: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], disabled: [{
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
54
54
|
}], onClick: [{
|
|
55
55
|
type: Output
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1idG4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFnQixJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVNwRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFlBQU8sR0FBZ0QsU0FBUyxDQUFDO1FBQ2pFLFNBQUksR0FBd0IsU0FBUyxDQUFDO1FBQ3RDLGNBQVMsR0FBVyxPQUFPLENBQUM7UUFDNUIsYUFBUSxHQVlNLFlBQVksQ0FBQztRQUMxQixZQUFPLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFdkUsVUFBSyxHQUFHLEVBQUUsQ0FBQztLQVlaO0lBWEMsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLElBQUksQ0FBQyxPQUFPLFdBQVcsSUFBSSxDQUFDLElBQUk7TUFDNUQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7TUFDcEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7TUFDcEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7S0FDckMsQ0FBQztJQUNKLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs4R0FuQ1UsbUJBQW1CO2tHQUFuQixtQkFBbUIscVNDWmhDLG9YQU9BLDQxQ0RDWSxJQUFJLDZGQUFXLDBCQUEwQix5SEFBRSxZQUFZOzsyRkFJdEQsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLFlBQVksQ0FBQzs4QkFLekQsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBYUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2stYnRuJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nU3R5bGUsIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LCBOekljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGsta2lvc2stYnRuLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRrS2lvc2tCdG5Db21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgb3V0bGluZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdHJva2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnc2Vjb25kYXJ5LWxpZ2h0JyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZTogJ3JlZ3VsYXInIHwgJ2xhcmdlJyA9ICdyZWd1bGFyJztcbiAgQElucHV0KCkgdGV4dENvbG9yOiBzdHJpbmcgPSAnd2hpdGUnO1xuICBASW5wdXQoKSB0ZXh0U2l6ZTpcbiAgICB8ICdoMS1oZWFkaW5nJ1xuICAgIHwgJ2gyLWhlYWRpbmcnXG4gICAgfCAnaDMtaGVhZGluZydcbiAgICB8ICdoNC1oZWFkaW5nJ1xuICAgIHwgJ2g1LWhlYWRpbmcnXG4gICAgfCAnaDYtaGVhZGluZydcbiAgICB8ICdzdWJ0aXRsZTEnXG4gICAgfCAnc3VidGl0bGUyJ1xuICAgIHwgJ2JvZHkxJ1xuICAgIHwgJ2JvZHkyJ1xuICAgIHwgJ3AxLXBhcmFncmFwaCdcbiAgICB8ICd1bmRlcmxpbmUtdGV4dCcgPSAnaDYtaGVhZGluZyc7XG4gIEBPdXRwdXQoKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY2xhc3MgPSAnJztcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jbGFzcyA9IGB0ay1idG4gdGstYnRuLSR7dGhpcy52YXJpYW50fSB0ay1idG4tJHt0aGlzLnNpemV9XG4gICAgJHt0aGlzLnJvdW5kZWQgPyAndGstYnRuLXJvdW5kZWQnIDogJyd9XG4gICAgJHt0aGlzLm91dGxpbmUgPyAndGstYnRuLW91dGxpbmUnIDogJyd9XG4gICAgJHt0aGlzLnN0cm9rZWQgPyAndGstYnRuLXN0cm9rZWQnIDogJyd9XG4gICAgYDtcbiAgfVxuXG4gIGNsaWNrZWQoKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSk7XG4gIH1cbn1cbiIsIjxidXR0b24gKGNsaWNrKT1cImNsaWNrZWQoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzc109XCJjbGFzc1wiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdC1zZWN0aW9uXVwiPjwvbmctY29udGVudD5cbiAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgKm5nSWY9XCJ0ZXh0Lmxlbmd0aCA+IDBcIiBbdHlwZV09XCJ0ZXh0U2l6ZVwiIFtjb2xvcl09XCJkaXNhYmxlZCA/ICd0ay1jb2xvci1uZXV0cmFsLTcwMCcgOiB0ZXh0Q29sb3JcIj5cbiAgICB7eyB0ZXh0IH19XG4gIDwvdGsta2lvc2stdHlwb2dyYXBoeT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -20,7 +20,7 @@ export class TkKioskProductItemComponent {
|
|
|
20
20
|
this.onTrash.emit(this.product.id);
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskProductItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskProductItemComponent, isStandalone: true, selector: "tk-kiosk-product-item", inputs: { product: "product", list: "list", lastItem: "lastItem" }, outputs: { onEdit: "onEdit", onTrash: "onTrash" }, ngImport: i0, template: "<div class=\"product-item\" [class.list]=\"list\" [class.last-item]=\"lastItem\">\n <tk-kiosk-typography color=\"tk-color-text-700\">\n {{ product?.name }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__options-container\" *ngIf=\"product?.options\">\n <tk-kiosk-product-option\n *ngFor=\"let option of product?.options\"\n [option]=\"option\"\n ></tk-kiosk-product-option>\n </div>\n\n <tk-kiosk-typography type=\"h5-heading\" weight=\"600\" color=\"tk-color-text-900\" *ngIf=\"product.price\">\n {{ product?.price | customCurrency }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__actions\">\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:edit-outline\"\n (btnClick)=\"clickEdit()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:trash-outline\"\n (btnClick)=\"clickTrash()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n </div>\n</div>\n", styles: [".product-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:24px;box-shadow:6px 6px 15px #78849526}.product-item.list{border-radius:0}.product-item.last-item{border-radius:0 0 24px 24px}.product-item__options-container{display:flex;gap:18px;flex-wrap:wrap;max-width:400px}.product-item__actions{display:flex;gap:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }, { kind: "component", type: TkKioskProductOptionComponent, selector: "tk-kiosk-product-option", inputs: ["option", "removable"], outputs: ["onDelete"] }, { kind: "pipe", type: CustomCurrencyPipe, name: "customCurrency" }] }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskProductItemComponent, isStandalone: true, selector: "tk-kiosk-product-item", inputs: { product: "product", list: "list", lastItem: "lastItem" }, outputs: { onEdit: "onEdit", onTrash: "onTrash" }, ngImport: i0, template: "<div class=\"product-item\" [class.list]=\"list\" [class.last-item]=\"lastItem\">\n <tk-kiosk-typography color=\"tk-color-text-700\" *ngIf=\"product.name\">\n {{ product?.name }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__options-container\" *ngIf=\"product?.options\">\n <tk-kiosk-product-option\n *ngFor=\"let option of product?.options\"\n [option]=\"option\"\n ></tk-kiosk-product-option>\n </div>\n\n <tk-kiosk-typography type=\"h5-heading\" weight=\"600\" color=\"tk-color-text-900\" *ngIf=\"product.price\">\n {{ product?.price | customCurrency }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__actions\">\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:edit-outline\"\n (btnClick)=\"clickEdit()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:trash-outline\"\n (btnClick)=\"clickTrash()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n </div>\n</div>\n", styles: [".product-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:24px;box-shadow:6px 6px 15px #78849526}.product-item.list{border-radius:0}.product-item.last-item{border-radius:0 0 24px 24px}.product-item__options-container{display:flex;gap:18px;flex-wrap:wrap;max-width:400px}.product-item__actions{display:flex;gap:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TkKioskTypographyComponent, selector: "tk-kiosk-typography", inputs: ["type", "color", "size", "weight", "lineBreak"] }, { kind: "component", type: TkKioskIconBtnComponent, selector: "tk-kiosk-icon-btn", inputs: ["isDisabled", "size", "type", "color", "icon", "iconSrc", "bgColor"], outputs: ["btnClick"] }, { kind: "component", type: TkKioskProductOptionComponent, selector: "tk-kiosk-product-option", inputs: ["option", "removable"], outputs: ["onDelete"] }, { kind: "pipe", type: CustomCurrencyPipe, name: "customCurrency" }] }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskProductItemComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
30
30
|
TkKioskIconBtnComponent,
|
|
31
31
|
TkKioskProductOptionComponent,
|
|
32
32
|
CustomCurrencyPipe,
|
|
33
|
-
], template: "<div class=\"product-item\" [class.list]=\"list\" [class.last-item]=\"lastItem\">\n <tk-kiosk-typography color=\"tk-color-text-700\">\n {{ product?.name }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__options-container\" *ngIf=\"product?.options\">\n <tk-kiosk-product-option\n *ngFor=\"let option of product?.options\"\n [option]=\"option\"\n ></tk-kiosk-product-option>\n </div>\n\n <tk-kiosk-typography type=\"h5-heading\" weight=\"600\" color=\"tk-color-text-900\" *ngIf=\"product.price\">\n {{ product?.price | customCurrency }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__actions\">\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:edit-outline\"\n (btnClick)=\"clickEdit()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:trash-outline\"\n (btnClick)=\"clickTrash()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n </div>\n</div>\n", styles: [".product-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:24px;box-shadow:6px 6px 15px #78849526}.product-item.list{border-radius:0}.product-item.last-item{border-radius:0 0 24px 24px}.product-item__options-container{display:flex;gap:18px;flex-wrap:wrap;max-width:400px}.product-item__actions{display:flex;gap:12px}\n"] }]
|
|
33
|
+
], template: "<div class=\"product-item\" [class.list]=\"list\" [class.last-item]=\"lastItem\">\n <tk-kiosk-typography color=\"tk-color-text-700\" *ngIf=\"product.name\">\n {{ product?.name }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__options-container\" *ngIf=\"product?.options\">\n <tk-kiosk-product-option\n *ngFor=\"let option of product?.options\"\n [option]=\"option\"\n ></tk-kiosk-product-option>\n </div>\n\n <tk-kiosk-typography type=\"h5-heading\" weight=\"600\" color=\"tk-color-text-900\" *ngIf=\"product.price\">\n {{ product?.price | customCurrency }}\n </tk-kiosk-typography>\n\n <div class=\"product-item__actions\">\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:edit-outline\"\n (btnClick)=\"clickEdit()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n <tk-kiosk-icon-btn\n size=\"small\"\n type=\"outline\"\n icon=\"tk-kiosk:trash-outline\"\n (btnClick)=\"clickTrash()\"\n color=\"primary\"\n ></tk-kiosk-icon-btn>\n </div>\n</div>\n", styles: [".product-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:24px;box-shadow:6px 6px 15px #78849526}.product-item.list{border-radius:0}.product-item.last-item{border-radius:0 0 24px 24px}.product-item__options-container{display:flex;gap:18px;flex-wrap:wrap;max-width:400px}.product-item__actions{display:flex;gap:12px}\n"] }]
|
|
34
34
|
}], propDecorators: { product: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], onEdit: [{
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
42
42
|
}], lastItem: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stcHJvZHVjdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1wcm9kdWN0LWl0ZW0vdGsta2lvc2stcHJvZHVjdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay1wcm9kdWN0LWl0ZW0vdGsta2lvc2stcHJvZHVjdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXBFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFlM0UsTUFBTSxPQUFPLDJCQUEyQjtJQWJ4QztRQW9CWSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU5QixTQUFJLEdBQVksS0FBSyxDQUFDO1FBQ3RCLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FTcEM7SUFQQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckMsQ0FBQzs4R0FuQlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsd01DckJ4QyxtakNBaUNBLG1hRHJCSSxZQUFZLGdRQUNaLDBCQUEwQiwwSEFDMUIsdUJBQXVCLG9LQUN2Qiw2QkFBNkIsdUhBQzdCLGtCQUFrQjs7MkZBS1QsMkJBQTJCO2tCQWJ2QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWiwwQkFBMEI7d0JBQzFCLHVCQUF1Qjt3QkFDdkIsNkJBQTZCO3dCQUM3QixrQkFBa0I7cUJBQ25COzhCQUtRLE9BQU87c0JBQWYsS0FBSztnQkFNSSxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFFRSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi90ay1raW9zay10eXBvZ3JhcGh5JztcbmltcG9ydCB7IE9wdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBUa0tpb3NrSWNvbkJ0bkNvbXBvbmVudCB9IGZyb20gJy4uL3RrLWtpb3NrLWljb24tYnRuJztcbmltcG9ydCB7IEN1c3RvbUN1cnJlbmN5UGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL2N1c3RvbS1jdXJyZW5jeS5waXBlJztcbmltcG9ydCB7IFRrS2lvc2tQcm9kdWN0T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vdGsta2lvc2stcHJvZHVjdC1vcHRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ay1raW9zay1wcm9kdWN0LWl0ZW0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFRrS2lvc2tUeXBvZ3JhcGh5Q29tcG9uZW50LFxuICAgIFRrS2lvc2tJY29uQnRuQ29tcG9uZW50LFxuICAgIFRrS2lvc2tQcm9kdWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIEN1c3RvbUN1cnJlbmN5UGlwZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWtpb3NrLXByb2R1Y3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay1wcm9kdWN0LWl0ZW0uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0tpb3NrUHJvZHVjdEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBwcm9kdWN0IToge1xuICAgIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICBwcmljZT86IG51bWJlcjtcbiAgICBvcHRpb25zPzogT3B0aW9uW107XG4gIH07XG4gIEBPdXRwdXQoKSBvbkVkaXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvblRyYXNoID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIGxpc3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGFzdEl0ZW06IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjbGlja0VkaXQoKSB7XG4gICAgdGhpcy5vbkVkaXQuZW1pdCh0aGlzLnByb2R1Y3QuaWQpO1xuICB9XG5cbiAgY2xpY2tUcmFzaCgpIHtcbiAgICB0aGlzLm9uVHJhc2guZW1pdCh0aGlzLnByb2R1Y3QuaWQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvZHVjdC1pdGVtXCIgW2NsYXNzLmxpc3RdPVwibGlzdFwiIFtjbGFzcy5sYXN0LWl0ZW1dPVwibGFzdEl0ZW1cIj5cbiAgPHRrLWtpb3NrLXR5cG9ncmFwaHkgY29sb3I9XCJ0ay1jb2xvci10ZXh0LTcwMFwiICpuZ0lmPVwicHJvZHVjdC5uYW1lXCI+XG4gICAge3sgcHJvZHVjdD8ubmFtZSB9fVxuICA8L3RrLWtpb3NrLXR5cG9ncmFwaHk+XG5cbiAgPGRpdiBjbGFzcz1cInByb2R1Y3QtaXRlbV9fb3B0aW9ucy1jb250YWluZXJcIiAqbmdJZj1cInByb2R1Y3Q/Lm9wdGlvbnNcIj5cbiAgICA8dGsta2lvc2stcHJvZHVjdC1vcHRpb25cbiAgICAgICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcHJvZHVjdD8ub3B0aW9uc1wiXG4gICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgPjwvdGsta2lvc2stcHJvZHVjdC1vcHRpb24+XG4gIDwvZGl2PlxuXG4gIDx0ay1raW9zay10eXBvZ3JhcGh5IHR5cGU9XCJoNS1oZWFkaW5nXCIgd2VpZ2h0PVwiNjAwXCIgY29sb3I9XCJ0ay1jb2xvci10ZXh0LTkwMFwiICpuZ0lmPVwicHJvZHVjdC5wcmljZVwiPlxuICAgIHt7IHByb2R1Y3Q/LnByaWNlIHwgY3VzdG9tQ3VycmVuY3kgfX1cbiAgPC90ay1raW9zay10eXBvZ3JhcGh5PlxuXG4gIDxkaXYgY2xhc3M9XCJwcm9kdWN0LWl0ZW1fX2FjdGlvbnNcIj5cbiAgICA8dGsta2lvc2staWNvbi1idG5cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB0eXBlPVwib3V0bGluZVwiXG4gICAgICBpY29uPVwidGsta2lvc2s6ZWRpdC1vdXRsaW5lXCJcbiAgICAgIChidG5DbGljayk9XCJjbGlja0VkaXQoKVwiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgID48L3RrLWtpb3NrLWljb24tYnRuPlxuICAgIDx0ay1raW9zay1pY29uLWJ0blxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHR5cGU9XCJvdXRsaW5lXCJcbiAgICAgIGljb249XCJ0ay1raW9zazp0cmFzaC1vdXRsaW5lXCJcbiAgICAgIChidG5DbGljayk9XCJjbGlja1RyYXNoKClcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICA+PC90ay1raW9zay1pY29uLWJ0bj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|