PageSourceSearch

https://hi.is/themes/custom/volcano/dist/design-system/components/qz-panel.js?v=2.0.0-beta.6

js hi.is collected 2026-09-24 08:40:45 UTC 7,848 bytes, 37 lines download raw bytes

1(()=>{"use strict";(self.webpackChunk_dxp_quartz=self.webpackChunk_dxp_quartz||[]).push([[167],{4030:function(o,e,t){t.d(e,{w:function(){return c}});var r,a=t(7220);const i=new CSSStyleSheet,l=null!==(r=window.quartzBaseStylesPath)&&void 0!==r?r:"quartz.css";fetch(l).then((o=>o.text())).then((o=>{i.replaceSync(o)})).catch((o=>console.error("Gat ekki hlaðið Quartz stílum:",o)));class c 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,i])}render(){return a.dy`<slot></slot>`}}},8473:function(o,e,t){var r=t(7220),a=t(5471),i=t(4030),l=t(9407),c=function(o,e,t,r){var a,i=arguments.length,l=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,t,r);else for(var c=o.length-1;c>=0;c--)(a=o[c])&&(l=(i<3?a(l):i>3?a(e,t,l):a(e,t))||l);return i>3&&l&&Object.defineProperty(e,t,l),l};let d=class extends i.w{constructor(){super(...arguments),this.closer=!0,this.icon=!0,this.buttonLabel="View more",this.color="blue",this._closePanel=()=>{this.setAttribute("hidden","")},this._closeTemplate=o=>o?r.dy`<div class="panel__closer">
2          <qz-button
3            size="md"
4            icononly=""
5            icononlyname="close"
6            color=${this.color}
7          >
8            <span slot="a11y">Close</span>
9          </qz-button>
10        </div>`:r.dy``,this._iconTemplate=o=>o?r.dy`<div class="panel__icon">
11          <qz-icon
12            color=${this.color}
13            size="20"
14            name="check_circle_filled"
15          ></qz-icon>
16        </div>`:r.dy`<slot name="start"></slot>`}static get styles(){return[r.iv`
17        ${(0,r.$m)(":host{display:grid}@media (min-width:0px){:host{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:768px){:host{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(211 211 211/var(--tw-border-opacity));border-radius:.125rem;border-width:1px;padding:1.5rem}@media (prefers-color-scheme:dark){.panel{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(4 3 43/var(--tw-bg-opacity));border-color:rgb(62 62 62/var(--tw-border-opacity))}}@media (min-width:0px){.panel{--tw-border-opacity:1;border-bottom-color:rgb(211 211 211/var(--tw-border-opacity));border-bottom-width:1px;border-top-color:rgb(16 9 159/var(--tw-border-opacity));border-top-width:4px}}@media (min-width:768px){.panel{--tw-border-opacity:1;border-bottom-color:rgb(16 9 159/var(--tw-border-opacity));border-bottom-width:4px;border-top-color:rgb(211 211 211/var(--tw-border-opacity));border-top-width:1px}}.panel__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.label{-webkit-box-flex:1;-ms-flex-positive:1;--tw-text-opacity:1;color:rgb(28 28 28/var(--tw-text-opacity));flex-grow:1;font-size:1.125rem;font-weight:700;line-height:1.688rem;text-align:left;vertical-align:top}@media (prefers-color-scheme:dark){.label{--tw-text-opacity:1;color:rgb(252 252 252/var(--tw-text-opacity))}}.panel__closer,.panel__icon{-webkit-box-flex:0;-ms-flex:none;flex:none}.panel__icon{margin-right:.5rem}.panel__closer{margin-left:.5rem}.panelText{font-size:1rem;line-height:1.5rem}@media (prefers-color-scheme:dark){.panelText{--tw-text-opacity:1;color:rgb(252 252 252/var(--tw-text-opacity))}}@media (min-width:0px){:host([color=blue]) .panel{--tw-border-opacity:1;border-top-color:rgb(16 9 159/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:0px){:host([color=blue]) .panel{--tw-border-opacity:1;border-top-color:rgb(252 252 252/var(--tw-border-opacity))}}}@media (min-width:768px){:host([color=blue]) .panel{border-bottom-color:rgb(16 9 159/var(--tw-border-opacity))}:host([color=blue]) .panel{--tw-border-opacity:1;border-top-color:rgb(211 211 211/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:768px){:host([color=blue]) .panel{--tw-border-opacity:1;border-bottom-color:rgb(252 252 252/var(--tw-border-opacity))}}}@media (min-width:0px){:host([color=green]) .panel{--tw-border-opacity:1;border-top-color:rgb(19 116 32/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:0px){:host([color=green]) .panel{--tw-border-opacity:1;border-top-color:rgb(157 226 172/var(--tw-border-opacity))}}}@media (min-width:768px){:host([color=green]) .panel{border-bottom-color:rgb(19 116 32/var(--tw-border-opacity))}
17:host([color=green]) .panel{--tw-border-opacity:1;border-top-color:rgb(211 211 211/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:768px){:host([color=green]) .panel{--tw-border-opacity:1;border-bottom-color:rgb(157 226 172/var(--tw-border-opacity))}}}@media (min-width:0px){:host([color=red]) .panel{--tw-border-opacity:1;border-top-color:rgb(178 0 0/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:0px){:host([color=red]) .panel{--tw-border-opacity:1;border-top-color:rgb(255 128 128/var(--tw-border-opacity))}}}@media (min-width:768px){:host([color=red]) .panel{border-bottom-color:rgb(178 0 0/var(--tw-border-opacity))}:host([color=red]) .panel{--tw-border-opacity:1;border-top-color:rgb(211 211 211/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:768px){:host([color=red]) .panel{--tw-border-opacity:1;border-bottom-color:rgb(255 128 128/var(--tw-border-opacity))}}}@media (min-width:0px){:host([color=orange]) .panel{--tw-border-opacity:1;border-top-color:rgb(221 85 43/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:0px){:host([color=orange]) .panel{--tw-border-opacity:1;border-top-color:rgb(250 149 56/var(--tw-border-opacity))}}}@media (min-width:768px){:host([color=orange]) .panel{border-bottom-color:rgb(221 85 43/var(--tw-border-opacity))}:host([color=orange]) .panel{--tw-border-opacity:1;border-top-color:rgb(211 211 211/var(--tw-border-opacity))}}@media (prefers-color-scheme:dark){@media (min-width:768px){:host([color=orange]) .panel{--tw-border-opacity:1;border-bottom-color:rgb(250 149 56/var(--tw-border-opacity))}}}")}
18      `]}render(){const{closer:o,icon:e,outline:t,text:a,buttonStyle:c}=this;return"outline"===c&&(this.outline=!0),"text"===c&&(this.text=!0),r.dy`
19      ${i.w.baseStyles}
20      <div class="panel">
21        <div class="panel__inner">
22          ${this._iconTemplate(e)}
23          <div class="label">${this.label}</div>
24          ${this._closeTemplate(o)}
25        </div>
26        <p class="panelText">${this.panelText}</p>
27        <qz-button
28          class="panelButton"
29          color=${this.color}
30          href=${(0,l.o)(this.buttonHref)}
31          iconafter="arrow_forward"
32          label=${(0,l.o)(this.buttonLabel)}
33          ?outline=${this.outline}
34          ?text=${this.text}
35        ></qz-button>
36      </div>
37    `}};c([(0,a.Cb)({type:Boolean})],d.prototype,"closer",void 0),c([(0,a.Cb)({type:Boolean})],d.prototype,"icon",void 0),c([(0,a.Cb)({type:Boolean})],d.prototype,"grid",void 0),c([(0,a.Cb)({type:Boolean})],d.prototype,"outline",void 0),c([(0,a.Cb)({type:Boolean})],d.prototype,"text",void 0),c([(0,a.Cb)({type:String})],d.prototype,"label",void 0),c([(0,a.Cb)({type:String})],d.prototype,"panelText",void 0),c([(0,a.Cb)({type:String})],d.prototype,"buttonLabel",void 0),c([(0,a.Cb)({type:String})],d.prototype,"color",void 0),c([(0,a.Cb)({type:String})],d.prototype,"buttonStyle",void 0),c([(0,a.Cb)({type:String})],d.prototype,"buttonHref",void 0),d=c([(0,a.Mo)("qz-panel")],d)}},function(o){o.O(0,[736],(function(){return o(o.s=8473)})),o.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.