1(()=>{"use strict";(self.webpackChunk_dxp_quartz=self.webpackChunk_dxp_quartz||[]).push([[206],{4030:function(t,i,e){e.d(i,{w:function(){return l}});var d,a=e(7220);const o=new CSSStyleSheet,n=null!==(d=window.quartzBaseStylesPath)&&void 0!==d?d:"quartz.css";fetch(n).then((t=>t.text())).then((t=>{o.replaceSync(t)})).catch((t=>console.error("Gat ekki hlaðið Quartz stÃlum:",t)));class l extends a.oi{static get baseStyles(){return a.dy``}static get styles(){return[]}connectedCallback(){super.connectedCallback(),this.shadowRoot&&this.shadowRoot.adoptedStyleSheets&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,o])}render(){return a.dy`<slot></slot>`}}},6578:function(t,i,e){var d=e(7220),a=e(5471),o=e(4030),n=function(t,i,e,d){var a,o=arguments.length,n=o<3?i:null===d?d=Object.getOwnPropertyDescriptor(i,e):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,d);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(n=(o<3?a(n):o>3?a(i,e,n):a(i,e))||n);return o>3&&n&&Object.defineProperty(i,e,n),n};const l=t=>"video"===t?d.dy`<div class="media__video"><slot name="media"></slot></div>`:d.dy`<slot></slot>`;let p=class extends o.w{constructor(){super(...arguments),this.hasCaption=!1,this.isBanner=!1,this._expandImage=()=>{this._expandPanelEl.style.display="flex"},this._closeImage=()=>{this._expandPanelEl.style.display="none",this._expandPanelImgEl&&(this._expandPanelImgEl.style.width="60%",this._expandPanelImgEl.style.height="60%")},this._zoomImage=t=>{const i=Number(this._expandedImgEl.style.width.replace("%","")),e=t?`${i+20}%`:i-20+"%";t||!t&&i-20>0?(this._expandedImgEl.style.width=e,this._expandedImgEl.style.height=e,this._zoomOutEl.disabled=!1):this._zoomOutEl.disabled=!0}}static get styles(){return[d.iv` 2 ${(0,d.$m)(":host{display:block}.media__media{display:grid}::slotted([slot=text]),:not([name])::slotted(*){grid-column-start:1;grid-row-start:1}::slotted([slot=text]){margin-left:auto;margin-right:auto;width:100%}@media (min-width:0px){::slotted([slot=text]){max-width:0;padding-left:16px;padding-right:16px}}@media (min-width:428px){::slotted([slot=text]){max-width:428px;padding-left:16px;padding-right:16px}}@media (min-width:640px){::slotted([slot=text]){max-width:640px;padding-left:16px;padding-right:16px}}@media (min-width:768px){::slotted([slot=text]){max-width:768px;padding-left:64px;padding-right:64px}}@media (min-width:1024px){::slotted([slot=text]){max-width:1024px;padding-left:96px;padding-right:96px}}@media (min-width:1200px){::slotted([slot=text]){max-width:1200px;padding-left:96px;padding-right:96px}}@media (min-width:1536px){::slotted([slot=text]){max-width:1536px;padding-left:96px;padding-right:96px}}@media (min-width:1920px){::slotted([slot=text]){max-width:1920px}}@media (min-width:0px){::slotted([slot=text]){max-width:calc(100% + 32px);width:100%}}@media (min-width:428px){::slotted([slot=text]){max-width:calc(100% + 32px);width:100%}}@media (min-width:640px){::slotted([slot=text]){max-width:calc(100% + 32px);width:100%}}@media (min-width:768px){::slotted([slot=text]){max-width:calc(100% + 128px);width:100%}}@media (min-width:1024px){::slotted([slot=text]){max-width:calc(100% + 192px);width:100%}}@media (min-width:1200px){::slotted([slot=text]){max-width:calc(100% + 192px);width:100%}}@media (min-width:1536px){::slotted([slot=text]){max-width:calc(100% + 192px);width:100%}}::slotted([slot=text]){-ms-flex-item-align:center;align-self:center;font-size:1.25rem;justify-self:center;line-height:1.5rem;padding-bottom:1rem;padding-top:1rem;text-align:center;z-index:10}:not([name])::slotted(*){width:100%}:host(:not([has-caption])) .media__caption{display:none}.media__caption{--tw-text-opacity:1;color:rgb(78 78 78/var(--tw-text-opacity));display:block;font-size:1rem;font-weight:400;line-height:1.5rem;padding-top:1rem}.media__caption,.media__inner{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.media__video{aspect-ratio:16/9;position:relative}:host([full]) .media__caption{margin-left:auto;margin-right:auto;width:100%}@media (min-width:0px){:host([full]) .media__caption{max-width:0;padding-left:16px;padding-right:16px}}@media (min-width:428px){:host([full]) .media__caption{max-width:428px;padding-left:16px;padding-right:16px}}@media (min-width:640px){:host([full]) .media__caption{max-width:640px;padding-left:16px;padding-right:16px}}@media (min-width:768px){:host([full]) .media__caption{max-width:768px;padding-left:64px;padding-right:64px}}@media (min-width:1024px){:host([full]) .media__caption{max-width:1024px;padding-left:96px;padding-right:96px}}@media (min-width:1200px){:host([full]) .media__caption{max-width:1200px;padding-left:96px;padding-right:96px}}
2@media (min-width:1536px){:host([full]) .media__caption{max-width:1536px;padding-left:96px;padding-right:96px}}@media (min-width:1920px){:host([full]) .media__caption{max-width:1920px}}@media (min-width:0px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:428px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:640px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:768px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1024px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1200px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1536px){:host([full]) .media__caption{max-width:100%;padding-left:0;padding-right:0}}:host([full]) .media__caption{padding-bottom:1rem;padding-top:1rem}:host([expandable]) .media{position:relative}:host([expandable]) .expand__toggle{position:absolute;right:0;z-index:10}:host([expandable]) .media__expand{-webkit-box-orient:vertical;-webkit-box-direction:normal;--tw-bg-opacity:0.8;-webkit-animation:fade-in .2s ease-out 0s 1 normal forwards running;animation:fade-in .2s ease-out 0s 1 normal forwards running;background-color:rgb(0 0 0/var(--tw-bg-opacity));display:none;-ms-flex-direction:column;flex-direction:column;height:100%;position:fixed;right:0;top:0;width:100%;z-index:60}:host([expandable]) .media__expand .hotbar{-webkit-box-pack:end;-ms-flex-pack:end;--tw-bg-opacity:0.4;background-color:rgb(0 0 0/var(--tw-bg-opacity));display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:.5rem .5rem 1.25rem}:host([expandable]) .media__expand .hotbar qz-button{margin-left:.5rem;margin-right:.5rem}:host([expandable]) .expanded__image{margin:auto;max-width:none;-webkit-transition:width .2s ease,height .2s ease;transition:width .2s ease,height .2s ease}:host([is_banner]) .media__media{aspect-ratio:2.4/1!important;display:grid!important;min-height:200px}:host([is_banner]) ::slotted(img),:host([is_banner]) ::slotted(picture){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}")} 3 `]}render(){const{full:t,variant:i,expandable:e}=this;let a,n=d.dy``;return a=!0===(e&&(n=d.dy` 4 <div class="expand__toggle"> 5 <qz-button color="blue" @click=${this._expandImage} icononly icononlyname="add_circle_filled"></qz-button> 6 </div> 7 <div class="media__expand"> 8 <div class="hotbar"> 9 <qz-button color="blue" @click=${()=>this._zoomImage(!1)} icononly icononlyname="remove"></qz-button> 10 <qz-button color="blue" @click=${()=>this._zoomImage(!0)} icononly icononlyname="add"></qz-button> 11 <qz-button color="blue" @click=${this._closeImage} icononly icononlyname="close"></qz-button> 12 </div> 13 <div class="expanded__image" style="width: 60%; height: 60%;"> 14 <slot name="expanded-image"></slot> 15 </div> 16 </div> 17 `),t)?d.dy` 18 <div class="media__media"> 19 ${l(i)} 20 <slot name="text"></slot> 21 </div> 22 <div class="media__caption"> 23 <slot name="caption"></slot> 24 </div> 25 `:d.dy` 26 <div class="media__container"> 27 <div class="media__media"> 28 ${l(i)} 29 <slot name="text"></slot> 30 </div> 31 <div class="media__caption"> 32 <slot name="caption"></slot> 33 </div> 34 </div> 35 `,d.dy` 36 ${o.w.baseStyles} 37 <div class="media">${n} ${a}</div> 38 `}};n([(0,a.Cb)({type:Boolean})],p.prototype,"full",void 0),n([(0,a.Cb)({type:Boolean,attribute:"has-caption"})],p.prototype,"hasCaption",void 0),n([(0,a.Cb)({type:String})],p.prototype,"variant",void 0),n([(0,a.Cb)({type:Boolean})],p.prototype,"expandable",void 0),n([(0,a.Cb)({type:Boolean,attribute:"is_banner"})],p.prototype,"isBanner",void 0),n([(0,a.IO)(".media__expand")],p.prototype,"_expandPanelEl",void 0),n([(0,a.IO)(".media__expand img")],p.prototype,"_exp
38andPanelImgEl",void 0),n([(0,a.IO)(".zoom-out")],p.prototype,"_zoomOutEl",void 0),n([(0,a.IO)(".expanded__image")],p.prototype,"_expandedImgEl",void 0),p=n([(0,a.Mo)("qz-media")],p)}},function(t){t.O(0,[736],(function(){return t(t.s=6578)})),t.O()}])})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.