https://www.unixauto.hu/webshop/1554.4e67cd60fea99f0f.js

1"use strict";(self.webpackChunkUxAngularOnline=self.webpackChunkUxAngularOnline||[]).push([[1554],{75913:(f,p,c)=>{function u(r,h){return JSON.stringify(r)===JSON.stringify(h)}function m(r,h){return r.reduce((a,d)=>(a.push(...h(d)),a),new Array)}function S(r,h){return[...new Map(r.map(a=>[a[h],a])).values()]}c.d(p,{EH:()=>m,Ef:()=>u,dP:()=>S})},66794:(f,p,c)=>{c.d(p,{F:()=>v});var e=c(94650),u=c(24006),m=c(19989),S=c(8929),_=c(7625),r=c(80013),h=c(36737),a=c(41286),d=c(36895),C=c(69544),I=c(90414),T=c(61770);function k(n,o){if(1&n&&(e.TgZ(0,"div",9),e._UZ(1,"img",10),e.qZA()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("src",t.icon,e.LSH)("alt",t.displayName)}}function y(n,o){if(1&n&&(e.TgZ(0,"span",11),e._UZ(1,"app-highlighted-text",12),e.qZA()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("text",t.extraInfo)}}function O(n,o){1&n&&(e.TgZ(0,"div",13),e.O4$(),e.TgZ(1,"svg",14),e._UZ(2,"path",15),e.qZA()())}const M=function(n,o,t,i){return{"tile--selected":n,multiselect:o,"list-styling":t,"tile-styling":i}};let w=(()=>{class n{constructor(t){this.cdr=t,this.displayNameSelector=null,this.iconSelector=null,this.valueSelector=null,this.extraInfoSelector=null,this.searchText="",this.selected=!1,this.multiselect=!1,this.design="list",this.itemSelected=new e.vpe,this.displayName="",this.icon="",this.value=null,this.extraInfo=""}ngOnInit(){this.setDisplayName(),this.setIcon(),this.setValue()}ngOnChanges(t){let i=!1;t.item?.currentValue&&(this.setDisplayName(),this.setIcon(),this.setValue(),i=!0),t.displayNameSelector?.currentValue&&(this.setDisplayName(),i=!0),t.extraInfoSelector?.currentValue&&(this.setExtraInfo(),i=!0),t.iconSelector?.currentValue&&(this.setIcon(),i=!0),t.valueSelector?.currentValue&&(this.setValue(),i=!0),t.searchText?.currentValue&&(this.searchText=t.searchText.currentValue,i=!0),i&&this.cdr.markForCheck()}onItemClicked(){this.item.selected=!this.item.selected,this.selected=this.item.selected,this.itemSelected.emit(this.item),this.cdr.markForCheck()}setDisplayName(){this.displayName=this.displayNameSelector?this.displayNameSelector(this.item.data):""}setIcon(){this.icon=this.iconSelector?(0,I.Jn)(this.iconSelector(this.item.data)):""}setValue(){this.value=this.valueSelector?this.valueSelector(this.item.data):null}setExtraInfo(){this.extraInfo=this.extraInfoSelector?this.extraInfoSelector(this.item.data):""}}return n.\u0275fac=function(t){return new(t||n)(e.Y36(e.sBO))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-tile-selector-item"]],inputs:{item:"item",displayNameSelector:"displayNameSelector",iconSelector:"iconSelector",valueSelector:"valueSelector",extraInfoSelector:"extraInfoSelector",searchText:"searchText",selected:"selected",multiselect:"multiselect",design:"design"},outputs:{itemSelected:"itemSelected"},features:[e.TTD],decls:9,vars:11,consts:[[1,"tile",3,"ngClass","click"],[1,"circle"],[1,"checkmark"],["class","tile-image-container",4,"ngIf"],[1,"tile-title-container"],[1,"tile--title"],[3,"text","highlightText"],["class","tile--extra-info",4,"ngIf"],["class","tile--arrow",4,"ngIf"],[1,"tile-image-container"],[1,"tile-image",3,"src","alt"],[1,"tile--extra-info"],[3,"text"],[1,"tile--arrow"],["viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 -6.99382e-07L6.59 1.41L12.17 7L7.86805e-07 7L6.11959e-07 9Z","fill","#9498A3"]],template:function(t,i){1&t&&(e.TgZ(0,"div",0),e.NdJ("click",function(){return i.onItemClicked()}),e.TgZ(1,"div",1),e._UZ(2,"div",2),e.qZA(),e.YNc(3,k,2,2,"div",3),e.TgZ(4,"div",4)(5,"span",5),e._UZ(6,"app-highlighted-text",6),e.qZA(),e.YNc(7,y,2,1,"span",7),e.qZA(),e.YNc(8,O,3,0,"div",8),e.qZA()),2&t&&(e.Q6J("ngClass",e.l5B(6,M,i.selected,i.multiselect,"list"===i.design,"tile"===i.design)),e.xp6(3),e.Q6J("ngIf",null==i.icon?null:i.icon.length),e.xp6(3),e.Q6J("text",i.displayName)("highlightText",i.searchText),e.xp6(1),e.Q6J("ngIf",null==i.extraInfo?null:i.extraInfo.length),e.xp6(1),e.Q6J("ngIf","list"===i.design))},dependencies:[d.mk,d.O5,T.b],styles:["[_nghost-%COMP%]{width:100%;height:100%}.tile[_ngcontent-%COMP%]{background-color:#fff;border-radius:6px;box-shadow:0 4px 10px #30343f14;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;cursor:pointer;position:relative;font-size:var(--vehicle-select-grid-tile-font-size)}

1.tile[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]{min-height:var(--vehicle-select-grid-tile-image-size);display:flex;justify-content:center}.tile[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]   .tile-image[_ngcontent-%COMP%]{align-self:center;object-fit:contain}.tile[_ngcontent-%COMP%]   .tile-title-container[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tile[_ngcontent-%COMP%]   .tile--title[_ngcontent-%COMP%]{line-height:var(--vehicle-select-grid-tile-line-height);text-align:center;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.tile[_ngcontent-%COMP%]   .tile--extra-info[_ngcontent-%COMP%]{font-size:11px;margin-left:0;margin-right:auto!important}.tile.tile-styling[_ngcontent-%COMP%]{gap:5px}.tile.tile-styling[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]{min-height:var(--vehicle-select-grid-tile-design-image-size);width:100%}.tile.tile-styling[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]   .tile-image[_ngcontent-%COMP%]{max-width:var(--vehicle-select-grid-tile-design-image-size);max-height:var(--vehicle-select-grid-tile-design-image-size)}.tile.list-styling[_ngcontent-%COMP%]{flex-direction:row;justify-content:space-between}.tile.list-styling[_ngcontent-%COMP%]   .tile--title[_ngcontent-%COMP%]{-webkit-line-clamp:1;text-align:start}.tile.list-styling[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]{min-height:var(--vehicle-select-grid-list-design-image-size)}.tile.list-styling[_ngcontent-%COMP%]   .tile-image-container[_ngcontent-%COMP%]   .tile-image[_ngcontent-%COMP%]{max-width:var(--vehicle-select-grid-list-design-image-size);max-height:var(--vehicle-select-grid-list-design-image-size)}.tile.list-styling[_ngcontent-%COMP%]   .tile--arrow[_ngcontent-%COMP%]{width:var(--vehicle-select-grid-list-design-arrow-width);height:var(--vehicle-select-grid-list-design-arrow-height)}

1.tile[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{position:absolute;background:var(--blue3);border-radius:50%;width:25px;height:25px;transform:scale(0);transition:transform .3s;top:-10px;right:-10px}.tile[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{position:absolute;transform:rotate(45deg) translate(-50%,-50%);left:35%;top:45%;height:8.3333333333px;width:4.1666666667px;border-bottom:1px solid var(--white);border-right:1px solid var(--white)}.tile--selected[_ngcontent-%COMP%]{border:2px solid var(--blue3)}.tile--selected[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{transform:scale(1)}"],changeDetection:0}),n})();function F(n,o){if(1&n){const t=e.EpF();e.O4$(),e.kcU(),e.TgZ(0,"button",21),e.NdJ("click",function(){e.CHM(t);const l=e.oxw(3);return e.KtG(l.openSettings())}),e.qZA()}2&n&&e.Q6J("inlineSVG","assets/redesign/icons/settings.svg")}const x=function(n){return{"layout-button--active":n}};function b(n,o){if(1&n){const t=e.EpF();e.TgZ(0,"div",5)(1,"div",6),e._uU(2),e.qZA(),e.TgZ(3,"div",7)(4,"button",8),e.NdJ("click",function(){e.CHM(t);const l=e.oxw(2);return e.KtG(l.changeStyle("list"))}),e.O4$(),e.TgZ(5,"svg",9),e._UZ(6,"path",10)(7,"path",11)(8,"path",12)(9,"path",13)(10,"path",14),e.qZA()(),e.kcU(),e.TgZ(11,"button",15),e.NdJ("click",function(){e.CHM(t);const l=e.oxw(2);return e.KtG(l.changeStyle("tile"))}),e.O4$(),e.TgZ(12,"svg",9),e._UZ(13,"path",16)(14,"path",17)(15,"path",18)(16,"path",19),e.qZA()(),e.YNc(17,F,1,1,"button",20),e.qZA()()}if(2&n){const t=e.oxw(2);e.xp6(2),e.hij(" ",t.title," "),e.xp6(2),e.Q6J("ngClass",e.VKq(4,x,"list"===t.design)),e.xp6(7),e.Q6J("ngClass",e.VKq(6,x,"tile"===t.design)),e.xp6(6),e.Q6J("ngIf",t.needSettingsButton)}}function P(n,o){if(1&n){const t=e.EpF();e.TgZ(0,"img",26),e.NdJ("click",function(){e.CHM(t);const l=e.oxw(3);return e.KtG(l.resetSearch())}),e.qZA()}}function N(n,o){if(1&n){const t=e.EpF();e.ynx(0),e.TgZ(1,"div",22)(2,"input",23,24),e.NdJ("ngModelChange",function(l){e.CHM(t);const g=e.oxw(2);return e.KtG(g.searchText=l)})("ngModelChange",function(l){e.CHM(t);const g=e.oxw(2);return e.KtG(g.onSearch(l))}),e.qZA(),e.YNc(4,P,1,0,"img",25),e.qZA(),e.BQk()}if(2&n){const t=e.oxw(2);e.xp6(2),e.Q6J("placeholder",t.searchPlaceholder)("ngModel",t.searchText),e.xp6(2),e.Q6J("ngIf",null==t.validSearchText?null:t.validSearchText.length)}}function Z(n,o){if(1&n){const t=e.EpF();e.ynx(0),e.TgZ(1,"app-tile-selector-item",27),e.NdJ("itemSelected",function(l){e.CHM(t);const g=e.oxw(2);return e.KtG(g.onItemSelected(l,!0))}),e.qZA(),e.BQk()}if(2&n){const t=e.oxw(2);e.xp6(1),e.Q6J("displayNameSelector",t.getAllSelectedItemDisplayNameSelectorFn)("valueSelector",t.getAllSelectedItemValueSelectorFn)("item",t.allSelectedItem)("searchText",t.validSearchText)("selected",t.allSelectedItem.selected)("multiselect",t.multiselect)("design",t.design)}}function A(n,o){if(1&n){const t=e.EpF();e.ynx(0),e.TgZ(1,"app-tile-selector-item",28),e.NdJ("itemSelected",function(l){e.CHM(t);const g=e.oxw(2);return e.KtG(g.onItemSelected(l,!1))}),e.qZA(),e.BQk()}if(2&n){const t=o.$implicit,i=e.oxw(2);e.xp6(1),e.Q6J("displayNameSelector",i.displayNameSelectorFn)("iconSelector",i.iconSelectorFn)("valueSelector",i.valueSelectorFn)("item",t)("searchText",i.validSearchText)("selected",t.selected)("multiselect",i.multiselect)("design",i.design)("extraInfoSelector",i.extraInfoSelectorFn)}}const E=function(n){return{"button--secondary":n}};function J(n,o){if(1&n){const t=e.EpF();e.TgZ(0,"div",29)(1,"button",30),e.NdJ("click",function(){e.CHM(t);const l=e.oxw(2);return e.KtG(l.nextStep())}),e._uU(2),e.qZA()()}if(2&n){const t=e.oxw(2);e.xp6(1),e.Q6J("ngClass",e.VKq(3,E,t.kioskService.isKioskMode)),e.xp6(1),e.AsE(" ",t.nextStepStr," (",t.selectedCount,") ")}}const V=function(n,o,t){return{multiselect:n,"list-styling":o,"tile-styling":t}};function D(n,o){if(1&n&&(e.ynx(0),e.YNc(1,b,18,8,"div",1),e.YNc(2,N,5,3,"ng-container",0),e.TgZ(3,"div",2),e.YNc(4,Z,2,7,"ng-container",0),e.YNc(5,A,2,9,"ng-container",3),e.qZA(),e.YNc(6,J,3,5,"div",4),e.BQk()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngIf",null==t.title?null:t.title.length),e.xp6(1),e.Q6J("ngIf",t.hasSearch),e.xp6(1),e.Q6J("ngClass",e.kEZ(6,V,t.multiselect,"list"===t.design,"tile"===t.design)),e.xp6(1),e.Q6J("ngIf",t.hasAllSelectedItem),e.xp6(1),e.Q6J("ngForOf",t.filteredDataSource),e.xp6(1),e.Q6J("ngIf",t.multiselect&&t.hasSelectedItem)}}const H={provide:u.JU,useExisting:(0,e.Gpc)(()=>v),multi:!0};let v=(()=>{class n extends((0,m.t)()){constructor(t,i){super(),this.cdr=t,this.kioskService=i,this.displayNameSelectorFn=null,this.iconSelectorFn=null,this.valueSelectorFn=null,this.isSelectedFn=null,this.setSelectedFn=null,this.extraInfoSelectorFn=null,this.multiselect=!1,this.optionList=[],this.hasSearch=!0,this.searchPlaceholder="",this.hasAllSelectedItem=!0,this.allSelectedItemStr="",this.nextStepStr="",this.needSettingsButton=!1,this.multiselectNextStepWhenOnlyOneItemInDataSourceAndItemHasBeenSelected=!1,this.design="list",this.itemSelected=new e.vpe,this.valueSelected=new e.vpe,this.nextStepSelected=new e.vpe,this.designChanged=new e.vpe,this.settingsButtonClicked=new e.vpe,this.allSelected=new e.vpe,this.hasSelectedItem=!1,this.dataSource=[],this.filteredDataSource=[],this.disabled=!1,this.onChange=l=>{},this.onTouched=()=>{},this.search$=new S.xQ,this.searchText="",this.validSearchText="",this.allSelectedItem={data:-1,selected:!1},this.selectedCount=0,this.getAllSelectedItemDisplayNameSelectorFn=l=>this.allSelectedItemStr,this.getAllSelectedItemValueSelectorFn=l=>-1}writeValue(t){t?.length?(this.dataSource=t.map(i=>({data:i,selected:!!this.isSelectedFn&&this.isSelectedFn(i)})),this.initFilteredItems(this.validSearchText),this.hasSelectedItem=this.dataSource?.some(i=>i.selected)):(this.dataSource=[],this.filteredDataSource=[]),this._onChange()}_onChange(){this.onChange(this.dataSource.map(t=>(this.setSelectedFn&&this.setSelectedFn(t.data,t.selected),t.data)))}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){this.disabled=t}ngOnChanges(t){let i=!1;if(t.optionList?.currentValue){this.dataSource=[],this.filteredDataSource=[];

1for(const l of t.optionList.currentValue)this.dataSource.push({data:l,selected:!1}),this.filteredDataSource.push({data:l,selected:!1});this.hasSelectedItem=this.dataSource?.some(l=>l.selected),i=!0}i&&this.cdr.markForCheck()}ngOnInit(){this.initSearch()}initSearch(){this.search$.pipe((0,_.R)(this.destroyed$),(0,r.b)(50)).subscribe(t=>{this.initFilteredItems(t)})}initFilteredItems(t){if(!t.length||!t.trim().length)return this.filteredDataSource=[...this.dataSource],this.validSearchText=this.searchText="",void this.cdr.markForCheck();const i=(0,h.y)(t),l=[...this.dataSource.filter(g=>(0,h.y)(this.displayNameSelectorFn(g.data)).includes(i))];0===l.length?this.searchText=this.validSearchText:(this.validSearchText=this.searchText=t,this.filteredDataSource=l),this.cdr.markForCheck()}onItemSelected(t,i){if(!t)return;if(!i&&this.hasAllSelectedItem&&(this.allSelectedItem.selected=!1),i&&!this.multiselect)return this.allSelected.emit(),void this.dataSource.forEach(s=>{s.selected=!1});this.multiselect?i?(this.allSelectedItem={...this.allSelectedItem,selected:t.selected},this.dataSource.forEach(s=>{s.selected=t.selected})):t.selected?(this.dataSource.forEach(s=>{this.valueSelectorFn(s.data)===this.valueSelectorFn(t.data)&&(s.selected=!0)}),this.dataSource.every(s=>s.selected)&&(this.allSelectedItem={...this.allSelectedItem,selected:!0})):(this.dataSource.forEach(s=>{this.valueSelectorFn(s.data)===this.valueSelectorFn(t.data)&&(s.selected=!1)}),this.allSelectedItem={...this.allSelectedItem,selected:!1}):this.dataSource.forEach(t.selected?s=>{s.selected=this.valueSelectorFn(s.data)===this.valueSelectorFn(t.data)}:s=>s.selected=!1),this.dataSource=[...this.dataSource],this.initFilteredItems(this.validSearchText),this.hasSelectedItem=this.dataSource?.some(s=>s.selected),this._onChange();const l=this.dataSource.filter(s=>s.selected).map(s=>s.data),g=this.allSelectedItem?.selected??!1;this.itemSelected.emit({selectedItems:l,allItemsSelected:g}),this.valueSelected.emit({values:l.map(s=>this.valueSelectorFn(s)),allItemsSelected:g}),this.multiselect&&this.multiselectNextStepWhenOnlyOneItemInDataSourceAndItemHasBeenSelected&&1===this.dataSource.length&&this.nextStepSelected.emit({selectedItems:l,allItemsSelected:g}),this.selectedCount=l?.length??0,this.cdr.markForCheck()}onSearch(t){this.search$.next(t)}resetSearch(){this.search$.next("")}nextStep(){this.nextStepSelected.emit({selectedItems:this.dataSource.filter(t=>t.selected).map(t=>t.data),allItemsSelected:this.dataSource.every(t=>t.selected)})}changeStyle(t){this.design=t,this.designChanged.emit(t),this.cdr.markForCheck()}openSettings(){this.settingsButtonClicked.emit()}}return n.\u0275fac=function(t){return new(t||n)(e.Y36(e.sBO),e.Y36(a.$))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-tile-selector"]],inputs:{title:"title",displayNameSelectorFn:"displayNameSelectorFn",iconSelectorFn:"iconSelectorFn",valueSelectorFn:"valueSelectorFn",isSelectedFn:"isSelectedFn",setSelectedFn:"setSelectedFn",extraInfoSelectorFn:"extraInfoSelectorFn",multiselect:"multiselect",optionList:"optionList",hasSearch:"hasSearch",searchPlaceholder:"searchPlaceholder",hasAllSelectedItem:"hasAllSelectedItem",allSelectedItemStr:"allSelectedItemStr",nextStepStr:"nextStepStr",needSettingsButton:"needSettingsButton",multiselectNextStepWhenOnlyOneItemInDataSourceAndItemHasBeenSelected:"multiselectNextStepWhenOnlyOneItemInDataSourceAndItemHasBeenSelected",design:"design"},outputs:{itemSelected:"itemSelected",valueSelected:"valueSelected",nextStepSelected:"nextStepSelected",designChanged:"designChanged",settingsButtonClicked:"settingsButtonClicked",allSelected:"allSelected"},features:[e._Bn([H]),e.qOj,e.TTD],decls:1,vars:1,consts:[[4,"ngIf"],["class","tiles-title mb-2",4,"ngIf"],[1,"tile-items",3,"ngClass"],[4,"ngFor","ngForOf"],["class","next-step-container",4,"ngIf"],[1,"tiles-title","mb-2"],[1,"tiles-title--text"],[1,"tiles-title--designs"],[1,"button-clean","px-0","layout-button","layout-button--kompakt",3,"ngClass","click"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M3 2H21","stroke","#44464A","stroke-width","2","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M3 7H21","stroke","#44464A","stroke-width","2","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M3 12H21","stroke","#44464A","stroke-width","2","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M3 17H21","stroke","#44464A","stroke-width","2","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M3 22H21","stroke","#44464A","stroke-width","2","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],[1,"button-clean","px-0","layout-button","layout-button--matrix",3,"ngClass","click"],["d","M10 2H2V10H10V2Z","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M22 2H14V10H22V2Z","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M22 14H14V22H22V14Z","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["d","M10 14H2V22H10V14Z","stroke-linecap","round","stroke-linejoin","round",1,"svg-stroke"],["class","button-clean px-0 layout-button layout-button--kompakt",3,"inlineSVG","click",4,"ngIf"],[1,"button-clean","px-0","layout-button","layout-button--kompakt",3,"inlineSVG","click"],[1,"pb-3","position-relative"],["type","text",1,"input","input--rounded","w-100",3,"placeholder","ngModel","ngModelChange"],["searchInput",""],["src","assets/redesign/icons/close-grey.svg","class","input-remove-button",3,"click",4,"ngIf"],["src","assets/redesign/icons/close-grey.svg",1,"input-remove-button",3,"click"],[3,"displayNameSelector","valueSelector","item","searchText","selected","multiselect","design","itemSelected"],[3,"displayNameSelector","iconSelector","valueSelector","item","searchText","selected","multiselect","design","extraInfoSelector","itemSelected"],[1,"next-step-container"],[1,"button","button--large","w-100","p-2",3,"ngClass","click"]],template:function(t,i){1&t&&e.YNc(0,D,7,10,"ng-container",0),2&t&&e.Q6J("ngIf",null==i.dataSource?null:i.dataSource.length)},dependencies:[d.mk,d.sg,d.O5,u.Fj,u.JJ,u.On,C.d$,w],styles:[".tiles-title[_ngcontent-%COMP%]{display:flex}.tiles-title--text[_ngcontent-%COMP%]{flex-grow:1;color:var(--grey7);font-size:16px;font-weight:700}.tiles-title--designs[_ngcontent-%COMP%]{display:flex;gap:10px}.tile-selector--style[_ngcontent-%COMP%]{display:flex;gap:10px;justify-content:flex-end}.tile-items[_ngcontent-%COMP%]{display:grid;place-items:center}.tile-items.tile-styling[_ngcontent-%COMP%]{grid-template-columns:repeat(auto-fill,minmax(var(--vehicle-select-grid-tile-design-element-size),1fr));grid-auto-rows:var(--vehicle-select-grid-tile-design-element-size);grid-gap:var(--vehicle-select-grid-tile-design-element-gap)}.tile-items.list-styling[_ngcontent-%COMP%]{grid-auto-rows:var(--vehicle-select-grid-list-design-element-size);grid-gap:var(--vehicle-select-grid-list-design-element-gap)}.tile-items.multiselect[_ngcontent-%COMP%]{margin-bottom:calc(var(--kiosk-menu-bar-height) + 20px)}.input-remove-button[_ngcontent-%COMP%]{position:absolute;top:50%;right:16px;transform:translateY(-78%);cursor:pointer}.next-step-container[_ngcontent-%COMP%]{background-color:var(--white);margin-left:-15px;margin-right:-15px;padding:var(--vehicle-select-grid-button-padding);position:fixed;bottom:var(--vehicle-select-grid-button-bottom);width:100%;height:var(--vehicle-select-grid--height);display:flex;align-items:center}.next-step-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{height:var(--vehicle-select-grid-button-height)}"],changeDetection:0}),n})()},37384:(f,p,c)=>{c.d(p,{E:()=>_});var e=c(84080),u=c(64838),m=c(94650),S=c(98184);let _=(()=>

1{class r{constructor(a){this.overlay=a,this.reqCount=0}init(){this.reqCount++,1===this.reqCount&&(this.overlayRef=this.overlay.create(),this.overlayRef.attach(new e.C5(u.a)))}destroy(){this.reqCount=0,this.overlayRef.detach()}ngOnDestroy(){}}return r.\u0275fac=function(a){return new(a||r)(m.LFG(S.aV))},r.\u0275prov=m.Yz7({token:r,factory:r.\u0275fac,providedIn:"root"}),r})()}}]);