PageSourceSearch

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

js hi.is collected 2026-09-24 08:40:48 UTC 6,739 bytes, 53 lines download raw bytes

1(()=>{"use strict";(self.webpackChunk_dxp_quartz=self.webpackChunk_dxp_quartz||[]).push([[542],{4030:function(t,e,o){o.d(e,{w:function(){return d}});var i,n=o(7220);const r=new CSSStyleSheet,l=null!==(i=window.quartzBaseStylesPath)&&void 0!==i?i:"quartz.css";fetch(l).then((t=>t.text())).then((t=>{r.replaceSync(t)})).catch((t=>console.error("Gat ekki hlaðið Quartz stílum:",t)));class d extends n.oi{static get baseStyles(){return n.dy``}static get styles(){return[]}connectedCallback(){super.connectedCallback(),this.shadowRoot&&this.shadowRoot.adoptedStyleSheets&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,r])}render(){return n.dy`<slot></slot>`}}},2879:function(t,e,o){var i=o(7220),n=o(5471),r=o(9407),l=o(4030),d=o(8019),s=function(t,e,o,i){var n,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(l=(r<3?n(l):r>3?n(e,o,l):n(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l};let a=class extends l.w{constructor(){super(...arguments),this.withButton=!1,this.titleH1=!1,this._buttonTemplate=t=>{var e,o;let n=!1,l=!1,d="blue",s=!1,a=!1,b="blue",p=!1,h=!1;return"outline"===this.buttonStyle&&(n=!0),"text"===this.buttonStyle&&(l=!0),"pink"===this.buttonColor&&(d="pink"),"outline"===this.buttonStyle2&&(s=!0),"text"===this.buttonStyle2&&(a=!0),"pink"===this.buttonColor2&&(b="pink"),(null===(e=this.buttonHref)||void 0===e?void 0:e.startsWith("https://"))&&(p=!0),(null===(o=this.buttonHref2)||void 0===o?void 0:o.startsWith("https://"))&&(h=!0),this.buttonHref2?t?i.dy`
2        <div class="video-text__button two_buttons">
3          <qz-button
4            color=${d}
5            href=${(0,r.o)(this.buttonHref)}
6            iconafter="arrow_forward"
7            label=${(0,r.o)(this.buttonTitle)}
8            ?outline=${n}
9            ?text=${l}
10            ?external=${p}
11          ></qz-button>
12          <qz-button
13            color=${b}
14            href=${(0,r.o)(this.buttonHref2)}
15            iconafter="arrow_forward"
16            label=${(0,r.o)(this.buttonTitle2)}
17            ?outline=${s}
18            ?text=${a}
19            ?external2=${h}
20          ></qz-button>
21        </div>`:i.dy``:t?i.dy`
22        <div class="video-text__button">
23          <qz-button
24            color=${d}
25            href=${(0,r.o)(this.buttonHref)}
26            iconafter="arrow_forward"
27            label=${(0,r.o)(this.buttonTitle)}
28            ?outline=${n}
29            ?text=${l}
30            ?external=${p}
31          ></qz-button>
32        </div>`:i.dy``},this._titleTemplate=t=>t?t?i.dy` <h1>${this.videoTextTitle}</h1> `:i.dy``:i.dy` <h2>${this.videoTextTitle}</h2> `}static get styles(){return[i.iv`
33        ${(0,i.$m)(":host{display:block}.video-text{position:relative}.video-text:focus{--tw-border-opacity:1;border-bottom-width:4px;border-color:rgb(191 18 93/var(--tw-border-opacity));border-top-width:4px}@media (min-width:1024px){.video-text{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:0px){.video-text__content{padding:1.5rem}}@media (min-width:1024px){.video-text__content{padding:0;padding-left:4rem;width:50%}}@media (min-width:768px){.video-text__media{width:50%}}slot[name=kicker]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));display:block;font-size:1rem;line-height:1.5rem;text-transform:uppercase}.subheading{margin-bottom:.5rem}@media (min-width:1024px){:host([video-align=right]) .video-text__content{padding-right:5rem}:host([video-align=right]) .video-text__content{padding-left:0}:host([video-align=right]) .video-text__media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.video-text__button{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:row;flex-direction:row;flex-grow:1}.video-text__button,.video-text__button.two_buttons{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:0px){.video-text__button.two_buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;gap:1rem}}@media (min-width:1200px){.video-text__button.two_buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:row;flex-direction:row;gap:2rem}}h1,h2{font-family:Atkinson Hyperlegible,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.75rem;font-weight:700;line-height:2.1rem}@media (min-width:1024px){h1,h2{font-size:2.5rem;line-height:3rem}}h1,h2{padding-bottom:1.5rem;padding-top:1.5rem}")}
34      `]}render(){return i.dy`
35      ${l.w.baseStyles}
36      <div class="video-text">
37        <div class="video-text__media">
38          <slot name="media"></slot>
39        </div>
40        <div class="video-text__content">
41          <slot name="kicker">${this.kicker}</slot>
42          <small class="preheading">
43            ${this.preHeader}
44          </small>
45          ${this._titleTemplate(this.titleH1)}
46          <div slot="subheading" class="subheading">
47            <h7>${this.subHeader}</h7>
48          </div>
49          ${(0,d.A)(this.videoText)}
50          ${this._buttonTemplate(this.withButton)}
51        </div>
52      </div>
53    `}};s([(0,n.Cb)({type:String,attribute:"video-align"})],a.prototype,"videoAlign",void 0),s([(0,n.Cb)({type:String})],a.prototype,"videoTextTitle",void 0),s([(0,n.Cb)({type:String})],a.prototype,"videoText",void 0),s([(0,n.Cb)({type:String})],a.prototype,"preHeader",void 0),s([(0,n.Cb)({type:String})],a.prototype,"subHeader",void 0),s([(0,n.Cb)({type:String})],a.prototype,"kicker",void 0),s([(0,n.Cb)({type:Boolean,attribute:"with-button"})],a.prototype,"withButton",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonTitle",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonHref",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonTitle2",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonHref2",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonStyle",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonColor",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonStyle2",void 0),s([(0,n.Cb)({type:String})],a.prototype,"buttonColor2",void 0),s([(0,n.Cb)({type:Boolean,attribute:"titleh1"})],a.prototype,"titleH1",void 0),a=s([(0,n.Mo)("qz-video-text")],a)}},function(t){t.O(0,[736],(function(){return t(t.s=2879)})),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.