npm - @smartbit4all/ng-client - Versions diffs - 3.3.46 → 3.3.48 - Mend

@smartbit4all/ng-client 3.3.46 → 3.3.48

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 (9) hide show

package/esm2020/lib/smart-grid/components/smart-grid-card/smart-grid-card.component.mjs CHANGED Viewed

@@ -6,9 +6,6 @@ export class SmartGridCardComponent {
     constructor(cfService) {
         this.cfService = cfService;
         this.uiActionModels = [];
-        this.onSelectCallback = async (rowId) => {
-            await this.onSelect(rowId);
-        };
     }
     ngAfterViewInit() {
         this.constructUiActionModels();
@@ -39,16 +36,18 @@ export class SmartGridCardComponent {
                 ['item', this.item],
                 ['uiActionModels', this.uiActionModels],
                 ['gridIdentifier', this.smartGrid.gridIdentifier],
-                ['onSelect', this.onSelectCallback],
             ]));
         }
     }
+    select() {
+        this.onSelect(this.item.id);
+    }
 }
 SmartGridCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridCardComponent, deps: [{ token: i1.ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component });
-SmartGridCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: { item: "item", smartGrid: "smartGrid", onSelect: "onSelect" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["customCardComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-template #customCardComponent></ng-template>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] });
+SmartGridCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: { item: "item", smartGrid: "smartGrid", onSelect: "onSelect" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["customCardComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div (click)=\"select()\" class=\"smart-grid-card-template\">\r\n  <ng-template #customCardComponent></ng-template>\r\n</div>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-smart-grid-card', template: "<ng-template #customCardComponent></ng-template>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] }]
+            args: [{ selector: 'app-smart-grid-card', template: "<div (click)=\"select()\" class=\"smart-grid-card-template\">\r\n  <ng-template #customCardComponent></ng-template>\r\n</div>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ComponentFactoryService }]; }, propDecorators: { item: [{
                 type: Input
             }], smartGrid: [{
@@ -59,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: ViewChild,
                 args: ['customCardComponent', { read: ViewContainerRef }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWdyaWQvY29tcG9uZW50cy9zbWFydC1ncmlkLWNhcmQvc21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWdyaWQvY29tcG9uZW50cy9zbWFydC1ncmlkLWNhcmQvc21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFNBQVMsRUFDVCxnQkFBZ0IsR0FFakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFhLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFTOUQsTUFBTSxPQUFPLHNCQUFzQjtJQVlqQyxZQUFvQixTQUFrQztRQUFsQyxjQUFTLEdBQVQsU0FBUyxDQUF5QjtRQUh0RCxtQkFBYyxHQUFVLEVBQUUsQ0FBQztRQWdEM0IscUJBQWdCLEdBQUcsS0FBSyxFQUFFLEtBQWUsRUFBaUIsRUFBRTtZQUMxRCxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsQ0FBQyxDQUFDO0lBL0N1RCxDQUFDO0lBRTFELGVBQWU7UUFDYixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQWMsRUFBRSxFQUFFO1lBQzdELElBQUksUUFBUSxHQUFRLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztZQUVyQyxRQUFRLENBQUMsTUFBTSxHQUFHO2dCQUNoQixHQUFHLFFBQVEsQ0FBQyxNQUFNO2dCQUNsQixLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUk7YUFDakIsQ0FBQztZQUVGLE9BQU87Z0JBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWTtnQkFDekMsUUFBUTtnQkFDUixRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjO2dCQUN2QyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO2FBQ3JCLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxJQUFJLEtBQUssYUFBYSxDQUFDLE1BQU0sRUFBRTtZQUMvRCxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBRXBCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQ2hELElBQUksQ0FBQyxLQUFNLEVBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLEVBQzlCLElBQUksR0FBRyxDQUFjO2dCQUNuQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNuQixDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxjQUFjLENBQUM7Z0JBQ3ZDLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUM7Z0JBQ2pELENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQzthQUNwQyxDQUFDLENBQ0gsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7bUhBdkRVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDROQUtTLGdCQUFnQiw2QkN2QjVELGtySEE4RkE7MkZENUVhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxxQkFBcUI7OEdBS3RCLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR04sS0FBSztzQkFESixTQUFTO3VCQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29tcG9uZW50UmVmLFxyXG4gIElucHV0LFxyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgT25EZXN0cm95LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTbWFydEdyaWQsIFNtYXJ0R3JpZFR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvbW9kZWwnO1xyXG5pbXBvcnQgeyBHcmlkUm93IH0gZnJvbSAnLi4vLi4vYXBpL2dyaWQtYXBpJztcclxuaW1wb3J0IHsgQ29tcG9uZW50RmFjdG9yeVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnQtZmFjdG9yeS1zZXJ2aWNlL3Byb2plY3RzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNtYXJ0LWdyaWQtY2FyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWdyaWQtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNtYXJ0R3JpZENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIGl0ZW0hOiBHcmlkUm93O1xyXG4gIEBJbnB1dCgpIHNtYXJ0R3JpZCE6IFNtYXJ0R3JpZDtcclxuICBASW5wdXQoKSBvblNlbGVjdCE6IChyb3dJZDogc3RyaW5nW10pID0+IFByb21pc2U8dm9pZD47XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2N1c3RvbUNhcmRDb21wb25lbnQnLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSlcclxuICB2Y1JlZj86IFZpZXdDb250YWluZXJSZWY7XHJcbiAgY29tcG9uZW50UmVmPzogQ29tcG9uZW50UmVmPGFueT47XHJcblxyXG4gIHVpQWN0aW9uTW9kZWxzOiBhbnlbXSA9IFtdO1xyXG5cclxuICB2YWx1ZXM6IGFueTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNmU2VydmljZTogQ29tcG9uZW50RmFjdG9yeVNlcnZpY2UpIHt9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29uc3RydWN0VWlBY3Rpb25Nb2RlbHMoKTtcclxuICAgIHRoaXMuY29uc3RydWN0Q29tcG9uZW50KCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMudmNSZWY/LmNsZWFyKCk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RVaUFjdGlvbk1vZGVscygpOiB2b2lkIHtcclxuICAgIHRoaXMudWlBY3Rpb25Nb2RlbHMgPSB0aGlzLml0ZW0uYWN0aW9ucy5tYXAoKF91aUFjdGlvbjogYW55KSA9PiB7XHJcbiAgICAgIGxldCB1aUFjdGlvbjogYW55ID0geyAuLi5fdWlBY3Rpb24gfTtcclxuXHJcbiAgICAgIHVpQWN0aW9uLnBhcmFtcyA9IHtcclxuICAgICAgICAuLi51aUFjdGlvbi5wYXJhbXMsXHJcbiAgICAgICAgbW9kZWw6IHRoaXMuaXRlbSxcclxuICAgICAgfTtcclxuXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgc2VydmljZVRvVXNlOiB0aGlzLnNtYXJ0R3JpZC5zZXJ2aWNlVG9Vc2UsXHJcbiAgICAgICAgdWlBY3Rpb24sXHJcbiAgICAgICAgd2lkZ2V0SWQ6IHRoaXMuc21hcnRHcmlkLmdyaWRJZGVudGlmaWVyLFxyXG4gICAgICAgIG5vZGVJZDogdGhpcy5pdGVtLmlkLFxyXG4gICAgICB9O1xyXG4gICAgfSk7XHJcbiAgfVxyXG4gIGNvbnN0cnVjdENvbXBvbmVudCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmPy50eXBlID09PSBTbWFydEdyaWRUeXBlLkNVU1RPTSkge1xyXG4gICAgICB0aGlzLnZjUmVmPy5jbGVhcigpO1xyXG5cclxuICAgICAgdGhpcy5jb21wb25lbnRSZWYgPSB0aGlzLmNmU2VydmljZS5jcmVhdGVDb21wb25lbnQoXHJcbiAgICAgICAgdGhpcy52Y1JlZiEsXHJcbiAgICAgICAgdGhpcy5zbWFydEdyaWQuY3VzdG9tQ29tcG9uZW50LFxyXG4gICAgICAgIG5ldyBNYXA8c3RyaW5nLCBhbnk+KFtcclxuICAgICAgICAgIFsnaXRlbScsIHRoaXMuaXRlbV0sXHJcbiAgICAgICAgICBbJ3VpQWN0aW9uTW9kZWxzJywgdGhpcy51aUFjdGlvbk1vZGVsc10sXHJcbiAgICAgICAgICBbJ2dyaWRJZGVudGlmaWVyJywgdGhpcy5zbWFydEdyaWQuZ3JpZElkZW50aWZpZXJdLFxyXG4gICAgICAgICAgWydvblNlbGVjdCcsIHRoaXMub25TZWxlY3RDYWxsYmFja10sXHJcbiAgICAgICAgXSlcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uU2VsZWN0Q2FsbGJhY2sgPSBhc3luYyAocm93SWQ6IHN0cmluZ1tdKTogUHJvbWlzZTx2b2lkPiA9PiB7XHJcbiAgICBhd2FpdCB0aGlzLm9uU2VsZWN0KHJvd0lkKTtcclxuICB9O1xyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjY3VzdG9tQ2FyZENvbXBvbmVudD48L25nLXRlbXBsYXRlPlxyXG48IS0tIDxkaXYgW25nU3dpdGNoXT1cInNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmIS50eXBlXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidDQVJEMSdcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICBzbWFydEdyaWQuZGF0YUxheW91dERlZiEuZ3JpZExheW91dCA9PT0gJ1JPVydcclxuICAgICAgICAgICAgICAgID8gJ3NtLWNhcmQtY29udGFpbmVyLWxpc3QnXHJcbiAgICAgICAgICAgICAgICA6ICdzbS1jYXJkLWNvbnRhaW5lcidcclxuICAgICAgICBcIlxyXG4gICAgPlxyXG4gICAgICAgIDxzbWFydC1pY29uIFtpY29uXT1cIml0ZW0uZGF0YS5pY29uXCI+PC9zbWFydC1pY29uPlxyXG4gICAgICAgIDxkaXY+e3sgaXRlbS5kYXRhLnRpdGxlIH19PC9kaXY+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGRpdj57eyBpdGVtLmRhdGEuc3RhdGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj57eyBpdGVtLmRhdGEuc3RhdGVEYXRlIH19PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGRpdj57eyBpdGVtLmRhdGEubGFzdFZpZXdlZCB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0uZGF0YS5sYXN0Vmlld2VkRGF0ZSB9fTwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidDQVJEMidcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICBzbWFydEdyaWQuZGF0YUxheW91dERlZiEuZ3JpZExheW91dCA9PT0gJ0NPTFVNTidcclxuICAgICAgICAgICAgICAgID8gJ3NtLWxpc3QtY2FyZC1jb250YWluZXInXHJcbiAgICAgICAgICAgICAgICA6ICdzbS1saXN0LWNhcmQtY29udGFpbmVyLWxpc3QnXHJcbiAgICAgICAgXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICAgICAgc21hcnRHcmlkLmRhdGFMYXlvdXREZWYhLmdyaWRMYXlvdXQgPT09ICdDT0xVTU4nXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnc20tbGlzdC1jYXJkLWltYWdlJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogJ3NtLWxpc3QtY2FyZC1pbWFnZS1saXN0J1xyXG4gICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICAgICAgICAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIGl0ZW0uZGF0YS5pbWcgKyAnKSdcclxuICAgICAgICAgICAgfVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB0aXRsZT1cImJ0blwiPlxyXG4gICAgICAgICAgICAgICAgPHNtYXJ0LWljb24gaWNvbj1cImZhdm9yaXRlX2JvcmRlclwiPjwvc21hcnQtaWNvbj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJcclxuICAgICAgICAgICAgICAgIHNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmIS5ncmlkTGF5b3V0ID09PSAnQ09MVU1OJ1xyXG4gICAgICAgICAgICAgICAgICAgID8gJ3NtLWxpc3QtY2FyZC1kYXRhLWNvbnRhaW5lcidcclxuICAgICAgICAgICAgICAgICAgICA6ICdzbS1saXN0LWNhcmQtZGF0YS1jb250YWluZXItbGlzdCdcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYXQtY2FwdGlvbiBjb2xvci1wcmltYXJ5XCI+XHJcbiAgICAgICAgICAgICAgICA8Yj57eyBpdGVtLmRhdGEudGl0bGUgfX08L2I+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJcclxuICAgICAgICAgICAgICAgICAgICBpdGVtLmRhdGEuYXZhaWxhYmlsaXR5ID09PSAnUmVuZGVsaGV0xZEnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJ3NtLWxpc3Qtb3JkZXJlZCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiAnJyB8fCBpdGVtLmRhdGEuYXZhaWxhYmlsaXR5ID09PSAnS8Opc3psZXRlbidcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnc20tbGlzdC1pbnN0b2NrJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6ICdzbS1saXN0LWNvbWluZ3Nvb24nXHJcbiAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8c21hcnQtaWNvbiBpY29uPVwie3sgaXRlbS5kYXRhLmljb24gfX1cIj48L3NtYXJ0LWljb24+XHJcbiAgICAgICAgICAgICAgICA8Yj57eyBpdGVtLmRhdGEuYXZhaWxhYmlsaXR5IH19PC9iPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbS1saXN0LWZvbnQtc2l6ZSBjb2xvci1zZWNvbmRhcnlcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbS1saXN0LWZvbnQtc2l6ZSBjb2xvci1zZWNvbmRhcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmRhdGEubGFzdFVwZGF0ZSB9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtLWxpc3QtZm9udC1zaXplIGNvbG9yLXByaW1hcnlcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbS1saXN0LXByaWNlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzbWFydEdyaWQuZGF0YUxheW91dERlZiEuZ3JpZExheW91dFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJ3NtLWxpc3QtY2FyZC1wcmljZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdzbS1saXN0LWNhcmQtcHJpY2UtbGlzdCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2xvci1wcmltYXJ5XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Yj57eyBpdGVtLmRhdGEucHJpY2UgfX0gRnQ8L2I+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic20tbGlzdC1mb250LXNpemUgY29sb3ItcHJpbWFyeVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJmYWxzZVwiIG1hdC1pY29uLWJ1dHRvbiB0aXRsZT1cImJ0bjJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNtYXJ0LWljb24gaWNvbj1cInt7IGl0ZW0uZGF0YS5pY29uIH19XCIgY2xhc3M9XCJjb2xvci1wcmltYXJ5XCI+PC9zbWFydC1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiAtLT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWdyaWQvY29tcG9uZW50cy9zbWFydC1ncmlkLWNhcmQvc21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LW5nLWNsaWVudC9zcmMvbGliL3NtYXJ0LWdyaWQvY29tcG9uZW50cy9zbWFydC1ncmlkLWNhcmQvc21hcnQtZ3JpZC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFNBQVMsRUFDVCxnQkFBZ0IsR0FFakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFhLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFTOUQsTUFBTSxPQUFPLHNCQUFzQjtJQVlqQyxZQUFvQixTQUFrQztRQUFsQyxjQUFTLEdBQVQsU0FBUyxDQUF5QjtRQUh0RCxtQkFBYyxHQUFVLEVBQUUsQ0FBQztJQUc4QixDQUFDO0lBRTFELGVBQWU7UUFDYixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQWMsRUFBRSxFQUFFO1lBQzdELElBQUksUUFBUSxHQUFRLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztZQUVyQyxRQUFRLENBQUMsTUFBTSxHQUFHO2dCQUNoQixHQUFHLFFBQVEsQ0FBQyxNQUFNO2dCQUNsQixLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUk7YUFDakIsQ0FBQztZQUVGLE9BQU87Z0JBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWTtnQkFDekMsUUFBUTtnQkFDUixRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjO2dCQUN2QyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO2FBQ3JCLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxJQUFJLEtBQUssYUFBYSxDQUFDLE1BQU0sRUFBRTtZQUMvRCxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBRXBCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQ2hELElBQUksQ0FBQyxLQUFNLEVBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLEVBQzlCLElBQUksR0FBRyxDQUFjO2dCQUNuQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNuQixDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxjQUFjLENBQUM7Z0JBQ3ZDLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUM7YUFDbEQsQ0FBQyxDQUNILENBQUM7U0FDSDtJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUcsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O21IQTFEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQiw0TkFLUyxnQkFBZ0IsNkJDdkI1RCwrdkhBZ0dBOzJGRDlFYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCOzhHQUt0QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdOLEtBQUs7c0JBREosU0FBUzt1QkFBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbXBvbmVudFJlZixcclxuICBJbnB1dCxcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG4gIE9uRGVzdHJveSxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU21hcnRHcmlkLCBTbWFydEdyaWRUeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21vZGVsJztcclxuaW1wb3J0IHsgR3JpZFJvdyB9IGZyb20gJy4uLy4uL2FwaS9ncmlkLWFwaSc7XHJcbmltcG9ydCB7IENvbXBvbmVudEZhY3RvcnlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50LWZhY3Rvcnktc2VydmljZS9wcm9qZWN0cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zbWFydC1ncmlkLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1ncmlkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWdyaWQtY2FyZC5jb21wb25lbnQuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbWFydEdyaWRDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBpdGVtITogR3JpZFJvdztcclxuICBASW5wdXQoKSBzbWFydEdyaWQhOiBTbWFydEdyaWQ7XHJcbiAgQElucHV0KCkgb25TZWxlY3QhOiAocm93SWQ6IHN0cmluZykgPT4gUHJvbWlzZTx2b2lkPjtcclxuXHJcbiAgQFZpZXdDaGlsZCgnY3VzdG9tQ2FyZENvbXBvbmVudCcsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KVxyXG4gIHZjUmVmPzogVmlld0NvbnRhaW5lclJlZjtcclxuICBjb21wb25lbnRSZWY/OiBDb21wb25lbnRSZWY8YW55PjtcclxuXHJcbiAgdWlBY3Rpb25Nb2RlbHM6IGFueVtdID0gW107XHJcblxyXG4gIHZhbHVlczogYW55O1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2ZTZXJ2aWNlOiBDb21wb25lbnRGYWN0b3J5U2VydmljZSkge31cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jb25zdHJ1Y3RVaUFjdGlvbk1vZGVscygpO1xyXG4gICAgdGhpcy5jb25zdHJ1Y3RDb21wb25lbnQoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy52Y1JlZj8uY2xlYXIoKTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdFVpQWN0aW9uTW9kZWxzKCk6IHZvaWQge1xyXG4gICAgdGhpcy51aUFjdGlvbk1vZGVscyA9IHRoaXMuaXRlbS5hY3Rpb25zLm1hcCgoX3VpQWN0aW9uOiBhbnkpID0+IHtcclxuICAgICAgbGV0IHVpQWN0aW9uOiBhbnkgPSB7IC4uLl91aUFjdGlvbiB9O1xyXG5cclxuICAgICAgdWlBY3Rpb24ucGFyYW1zID0ge1xyXG4gICAgICAgIC4uLnVpQWN0aW9uLnBhcmFtcyxcclxuICAgICAgICBtb2RlbDogdGhpcy5pdGVtLFxyXG4gICAgICB9O1xyXG5cclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICBzZXJ2aWNlVG9Vc2U6IHRoaXMuc21hcnRHcmlkLnNlcnZpY2VUb1VzZSxcclxuICAgICAgICB1aUFjdGlvbixcclxuICAgICAgICB3aWRnZXRJZDogdGhpcy5zbWFydEdyaWQuZ3JpZElkZW50aWZpZXIsXHJcbiAgICAgICAgbm9kZUlkOiB0aGlzLml0ZW0uaWQsXHJcbiAgICAgIH07XHJcbiAgICB9KTtcclxuICB9XHJcbiAgY29uc3RydWN0Q29tcG9uZW50KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc21hcnRHcmlkLmRhdGFMYXlvdXREZWY/LnR5cGUgPT09IFNtYXJ0R3JpZFR5cGUuQ1VTVE9NKSB7XHJcbiAgICAgIHRoaXMudmNSZWY/LmNsZWFyKCk7XHJcblxyXG4gICAgICB0aGlzLmNvbXBvbmVudFJlZiA9IHRoaXMuY2ZTZXJ2aWNlLmNyZWF0ZUNvbXBvbmVudChcclxuICAgICAgICB0aGlzLnZjUmVmISxcclxuICAgICAgICB0aGlzLnNtYXJ0R3JpZC5jdXN0b21Db21wb25lbnQsXHJcbiAgICAgICAgbmV3IE1hcDxzdHJpbmcsIGFueT4oW1xyXG4gICAgICAgICAgWydpdGVtJywgdGhpcy5pdGVtXSxcclxuICAgICAgICAgIFsndWlBY3Rpb25Nb2RlbHMnLCB0aGlzLnVpQWN0aW9uTW9kZWxzXSxcclxuICAgICAgICAgIFsnZ3JpZElkZW50aWZpZXInLCB0aGlzLnNtYXJ0R3JpZC5ncmlkSWRlbnRpZmllcl0sXHJcbiAgICAgICAgXSlcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNlbGVjdCgpOiB2b2lkIHtcclxuICAgIHRoaXMub25TZWxlY3QodGhpcy5pdGVtLmlkISk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKGNsaWNrKT1cInNlbGVjdCgpXCIgY2xhc3M9XCJzbWFydC1ncmlkLWNhcmQtdGVtcGxhdGVcIj5cclxuICA8bmctdGVtcGxhdGUgI2N1c3RvbUNhcmRDb21wb25lbnQ+PC9uZy10ZW1wbGF0ZT5cclxuPC9kaXY+XHJcbjwhLS0gPGRpdiBbbmdTd2l0Y2hdPVwic21hcnRHcmlkLmRhdGFMYXlvdXREZWYhLnR5cGVcIj5cclxuICAgIDxkaXZcclxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ0NBUkQxJ1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgICAgICAgIHNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmIS5ncmlkTGF5b3V0ID09PSAnUk9XJ1xyXG4gICAgICAgICAgICAgICAgPyAnc20tY2FyZC1jb250YWluZXItbGlzdCdcclxuICAgICAgICAgICAgICAgIDogJ3NtLWNhcmQtY29udGFpbmVyJ1xyXG4gICAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgICAgPHNtYXJ0LWljb24gW2ljb25dPVwiaXRlbS5kYXRhLmljb25cIj48L3NtYXJ0LWljb24+XHJcbiAgICAgICAgPGRpdj57eyBpdGVtLmRhdGEudGl0bGUgfX08L2Rpdj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0uZGF0YS5zdGF0ZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0uZGF0YS5zdGF0ZURhdGUgfX08L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0uZGF0YS5sYXN0Vmlld2VkIH19PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+e3sgaXRlbS5kYXRhLmxhc3RWaWV3ZWREYXRlIH19PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXZcclxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ0NBUkQyJ1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgICAgICAgIHNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmIS5ncmlkTGF5b3V0ID09PSAnQ09MVU1OJ1xyXG4gICAgICAgICAgICAgICAgPyAnc20tbGlzdC1jYXJkLWNvbnRhaW5lcidcclxuICAgICAgICAgICAgICAgIDogJ3NtLWxpc3QtY2FyZC1jb250YWluZXItbGlzdCdcclxuICAgICAgICBcIlxyXG4gICAgPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgICAgICAgICAgICBzbWFydEdyaWQuZGF0YUxheW91dERlZiEuZ3JpZExheW91dCA9PT0gJ0NPTFVNTidcclxuICAgICAgICAgICAgICAgICAgICA/ICdzbS1saXN0LWNhcmQtaW1hZ2UnXHJcbiAgICAgICAgICAgICAgICAgICAgOiAnc20tbGlzdC1jYXJkLWltYWdlLWxpc3QnXHJcbiAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcclxuICAgICAgICAgICAgICAgICdiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgaXRlbS5kYXRhLmltZyArICcpJ1xyXG4gICAgICAgICAgICB9XCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIHRpdGxlPVwiYnRuXCI+XHJcbiAgICAgICAgICAgICAgICA8c21hcnQtaWNvbiBpY29uPVwiZmF2b3JpdGVfYm9yZGVyXCI+PC9zbWFydC1pY29uPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICAgICAgc21hcnRHcmlkLmRhdGFMYXlvdXREZWYhLmdyaWRMYXlvdXQgPT09ICdDT0xVTU4nXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnc20tbGlzdC1jYXJkLWRhdGEtY29udGFpbmVyJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogJ3NtLWxpc3QtY2FyZC1kYXRhLWNvbnRhaW5lci1saXN0J1xyXG4gICAgICAgICAgICBcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1hdC1jYXB0aW9uIGNvbG9yLXByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgIDxiPnt7IGl0ZW0uZGF0YS50aXRsZSB9fTwvYj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW0uZGF0YS5hdmFpbGFiaWxpdHkgPT09ICdSZW5kZWxoZXTFkSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnc20tbGlzdC1vcmRlcmVkJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6ICcnIHx8IGl0ZW0uZGF0YS5hdmFpbGFiaWxpdHkgPT09ICdLw6lzemxldGVuJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICdzbS1saXN0LWluc3RvY2snXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogJ3NtLWxpc3QtY29taW5nc29vbidcclxuICAgICAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxzbWFydC1pY29uIGljb249XCJ7eyBpdGVtLmRhdGEuaWNvbiB9fVwiPjwvc21hcnQtaWNvbj5cclxuICAgICAgICAgICAgICAgIDxiPnt7IGl0ZW0uZGF0YS5hdmFpbGFiaWxpdHkgfX08L2I+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtLWxpc3QtZm9udC1zaXplIGNvbG9yLXNlY29uZGFyeVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtLWxpc3QtZm9udC1zaXplIGNvbG9yLXNlY29uZGFyeVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGF0YS5sYXN0VXBkYXRlIH19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic20tbGlzdC1mb250LXNpemUgY29sb3ItcHJpbWFyeVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtLWxpc3QtcHJpY2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNtYXJ0R3JpZC5kYXRhTGF5b3V0RGVmIS5ncmlkTGF5b3V0XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnc20tbGlzdC1jYXJkLXByaWNlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ3NtLWxpc3QtY2FyZC1wcmljZS1saXN0J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbG9yLXByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxiPnt7IGl0ZW0uZGF0YS5wcmljZSB9fSBGdDwvYj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbS1saXN0LWZvbnQtc2l6ZSBjb2xvci1wcmltYXJ5XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImZhbHNlXCIgbWF0LWljb24tYnV0dG9uIHRpdGxlPVwiYnRuMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c21hcnQtaWNvbiBpY29uPVwie3sgaXRlbS5kYXRhLmljb24gfX1cIiBjbGFzcz1cImNvbG9yLXByaW1hcnlcIj48L3NtYXJ0LWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+IC0tPlxyXG4iXX0=

package/fesm2015/smartbit4all-ng-client.mjs CHANGED Viewed

@@ -8571,9 +8571,6 @@ class SmartGridCardComponent {
     constructor(cfService) {
         this.cfService = cfService;
         this.uiActionModels = [];
-        this.onSelectCallback = (rowId) => __awaiter(this, void 0, void 0, function* () {
-            yield this.onSelect(rowId);
-        });
     }
     ngAfterViewInit() {
         this.constructUiActionModels();
@@ -8603,16 +8600,18 @@ class SmartGridCardComponent {
                 ['item', this.item],
                 ['uiActionModels', this.uiActionModels],
                 ['gridIdentifier', this.smartGrid.gridIdentifier],
-                ['onSelect', this.onSelectCallback],
             ]));
         }
     }
+    select() {
+        this.onSelect(this.item.id);
+    }
 }
 SmartGridCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridCardComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component });
-SmartGridCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: { item: "item", smartGrid: "smartGrid", onSelect: "onSelect" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["customCardComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-template #customCardComponent></ng-template>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] });
+SmartGridCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: { item: "item", smartGrid: "smartGrid", onSelect: "onSelect" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["customCardComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div (click)=\"select()\" class=\"smart-grid-card-template\">\r\n  <ng-template #customCardComponent></ng-template>\r\n</div>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-smart-grid-card', template: "<ng-template #customCardComponent></ng-template>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] }]
+            args: [{ selector: 'app-smart-grid-card', template: "<div (click)=\"select()\" class=\"smart-grid-card-template\">\r\n  <ng-template #customCardComponent></ng-template>\r\n</div>\r\n<!-- <div [ngSwitch]=\"smartGrid.dataLayoutDef!.type\">\r\n    <div\r\n        *ngSwitchCase=\"'CARD1'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'ROW'\r\n                ? 'sm-card-container-list'\r\n                : 'sm-card-container'\r\n        \"\r\n    >\r\n        <smart-icon [icon]=\"item.data.icon\"></smart-icon>\r\n        <div>{{ item.data.title }}</div>\r\n        <div>\r\n            <div>{{ item.data.state }}</div>\r\n            <div>{{ item.data.stateDate }}</div>\r\n        </div>\r\n        <div>\r\n            <div>{{ item.data.lastViewed }}</div>\r\n            <div>{{ item.data.lastViewedDate }}</div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        *ngSwitchCase=\"'CARD2'\"\r\n        [ngClass]=\"\r\n            smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                ? 'sm-list-card-container'\r\n                : 'sm-list-card-container-list'\r\n        \"\r\n    >\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-image'\r\n                    : 'sm-list-card-image-list'\r\n            \"\r\n            [ngStyle]=\"{\r\n                'background-image': 'url(' + item.data.img + ')'\r\n            }\"\r\n        >\r\n            <button mat-icon-button title=\"btn\">\r\n                <smart-icon icon=\"favorite_border\"></smart-icon>\r\n            </button>\r\n        </div>\r\n        <div\r\n            [ngClass]=\"\r\n                smartGrid.dataLayoutDef!.gridLayout === 'COLUMN'\r\n                    ? 'sm-list-card-data-container'\r\n                    : 'sm-list-card-data-container-list'\r\n            \"\r\n        >\r\n            <div class=\"mat-caption color-primary\">\r\n                <b>{{ item.data.title }}</b>\r\n            </div>\r\n            <div\r\n                [ngClass]=\"\r\n                    item.data.availability === 'Rendelhet\u0151'\r\n                        ? 'sm-list-ordered'\r\n                        : '' || item.data.availability === 'K\u00E9szleten'\r\n                        ? 'sm-list-instock'\r\n                        : 'sm-list-comingsoon'\r\n                \"\r\n            >\r\n                <smart-icon icon=\"{{ item.data.icon }}\"></smart-icon>\r\n                <b>{{ item.data.availability }}</b>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-secondary\"></div>\r\n                <div class=\"sm-list-font-size color-secondary\">\r\n                    {{ item.data.lastUpdate }}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"sm-list-font-size color-primary\"></div>\r\n                <div class=\"sm-list-price-container\">\r\n                    <div\r\n                        [ngClass]=\"\r\n                            smartGrid.dataLayoutDef!.gridLayout\r\n                                ? 'sm-list-card-price'\r\n                                : 'sm-list-card-price-list'\r\n                        \"\r\n                    >\r\n                        <div class=\"color-primary\">\r\n                            <b>{{ item.data.price }} Ft</b>\r\n                        </div>\r\n                        <div class=\"sm-list-font-size color-primary\"></div>\r\n                    </div>\r\n                    <button *ngIf=\"false\" mat-icon-button title=\"btn2\">\r\n                        <smart-icon icon=\"{{ item.data.icon }}\" class=\"color-primary\"></smart-icon>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n", styles: [".sm-card-container{display:flex;flex-direction:column;padding:1rem}.sm-card-container-list{display:flex;flex-direction:row;padding:1rem;gap:.25rem}.sm-card-title{display:flex}.sm-card-data-fontsize{font-size:10px}.sm-card-data0{border-radius:32px;padding:.1rem .5rem;width:-moz-fit-content;width:fit-content}.sm-list-card-container{display:flex;flex-direction:column;border-radius:.75rem}.sm-list-card-image{height:9rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem .5rem 0rem 0rem}.sm-list-card-data-container{display:flex;flex-direction:column;text-align:left;padding:.5rem;border-radius:0rem 0rem .5rem .5rem;gap:.25rem}.sm-list-card-price{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;width:100%}.sm-list-instock{display:flex;flex-direction:row;align-items:center;border-radius:.125rem;padding:.125rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-ordered{display:flex;align-items:center;flex-direction:row;border-radius:.125rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-comingsoon{align-items:center;display:flex;flex-direction:row;border-radius:.25rem;padding:.25rem;width:-moz-fit-content;width:fit-content;font-size:8px}.sm-list-font-size{font-size:10px}.sm-list-card-container ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}.sm-list-card-container-list{display:flex;flex-direction:row;height:10.75rem;padding:1rem;border-radius:.5rem}.sm-list-card-image-list{width:8.5rem;display:flex;flex-direction:column;padding:.75rem;align-items:flex-end;border-radius:.5rem}.sm-list-card-data-container-list{display:flex;flex-direction:column;text-align:left;padding-left:1rem;width:10.5rem}.sm-list-card-price-list{display:flex;flex-direction:column;border-radius:.25rem;padding:.25rem;height:2rem;width:100%}.sm-list-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.sm-list-card-container-list ::ng-deep .mat-icon-button{max-width:-moz-fit-content!important;max-width:fit-content!important;max-height:30px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentFactoryService }]; }, propDecorators: { item: [{
                 type: Input
             }], smartGrid: [{