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

1(()=>{"use strict";(self.webpackChunk_dxp_quartz=self.webpackChunk_dxp_quartz||[]).push([[111],{4030:function(t,n,i){i.d(n,{w:function(){return c}});var d,o=i(7220);const e=new CSSStyleSheet,a=null!==(d=window.quartzBaseStylesPath)&&void 0!==d?d:"quartz.css";fetch(a).then((t=>t.text())).then((t=>{e.replaceSync(t)})).catch((t=>console.error("Gat ekki hlaðið Quartz stílum:",t)));class c extends o.oi{static get baseStyles(){return o.dy``}static get styles(){return[]}connectedCallback(){super.connectedCallback(),this.shadowRoot&&this.shadowRoot.adoptedStyleSheets&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,e])}render(){return o.dy`<slot></slot>`}}},8760:function(t,n,i){var d=i(7220),o=i(5471),e=i(4030),a=function(t,n,i,d){var o,e=arguments.length,a=e<3?n:null===d?d=Object.getOwnPropertyDescriptor(n,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,n,i,d);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(a=(e<3?o(a):e>3?o(n,i,a):o(n,i))||a);return e>3&&a&&Object.defineProperty(n,i,a),a};let c=class extends e.w{static get styles(){return[d.iv`
2        ${(0,d.$m)(":host{display:block}:host(:not([width=full])) .section{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}:host(:not([width=full])) .section__content{margin-left:auto;margin-right:auto;width:100%}@media (min-width:0px){:host(:not([width=full])) .section__content{max-width:0;padding-left:16px;padding-right:16px}}@media (min-width:428px){:host(:not([width=full])) .section__content{max-width:428px;padding-left:16px;padding-right:16px}}@media (min-width:640px){:host(:not([width=full])) .section__content{max-width:640px;padding-left:16px;padding-right:16px}}@media (min-width:768px){:host(:not([width=full])) .section__content{max-width:768px;padding-left:64px;padding-right:64px}}@media (min-width:1024px){:host(:not([width=full])) .section__content{max-width:1024px;padding-left:96px;padding-right:96px}}@media (min-width:1200px){:host(:not([width=full])) .section__content{max-width:1200px;padding-left:96px;padding-right:96px}}@media (min-width:1536px){:host(:not([width=full])) .section__content{max-width:1536px;padding-left:96px;padding-right:96px}}@media (min-width:1920px){:host(:not([width=full])) .section__content{max-width:1920px}}@media (min-width:0px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1536px){:host(:not([content-padding]):not([width=full])) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:0px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-16px;margin-right:-16px;max-width:calc(100% + 32px);padding-left:16px;padding-right:16px;width:calc(100% + 32px)}}@media (min-width:428px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-16px;margin-right:-16px;max-width:calc(100% + 32px);padding-left:16px;padding-right:16px;width:calc(100% + 32px)}}@media (min-width:640px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-16px;margin-right:-16px;max-width:calc(100% + 32px);padding-left:16px;padding-right:16px;width:calc(100% + 32px)}}@media (min-width:768px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-64px;margin-right:-64px;max-width:calc(100% + 128px);padding-left:64px;padding-right:64px;width:calc(100% + 128px)}}@media (min-width:1024px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-96px;margin-right:-96px;max-width:calc(100% + 192px);padding-left:96px;padding-right:96px;width:calc(100% + 192px)}}@media (min-width:1200px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-96px;margin-right:-96px;max-width:calc(100% + 192px);padding-left:96px;padding-right:96px;width:calc(100% + 192px)}}

2@media (min-width:1536px){:host([content-padding=outer]:not([width=full])) .section__content{margin-left:-96px;margin-right:-96px;max-width:calc(100% + 192px);padding-left:96px;padding-right:96px;width:calc(100% + 192px)}}@media (min-width:0px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:428px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:640px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:768px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1024px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1200px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1536px){:host([content-padding=none]:not([width=full])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:0px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:428px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:640px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:768px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1024px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1200px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:1536px){:host([content-padding=none]:not([width=fullspace])) .section__content{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:0px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1536px){:host(:not([content-padding=none])[width=wide]) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:0px){@media (min-width:0px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 192px);width:100%}}@media (min-width:1536px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(100% + 192px);width:100%}}}@media (min-width:1024px){@media (min-width:0px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 192px);width:100%}}

2@media (min-width:1536px){:host(:not([content-padding=none])[width=content]) .section__content{max-width:calc(50% + 192px);width:100%}}}@media (min-width:0px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 192px);width:100%}}@media (min-width:1536px){:host(:not([content-padding=none])[width=narrow]) .section__content{max-width:calc(44% + 192px);width:100%}}@media (min-width:0px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 32px);width:100%}}@media (min-width:428px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 32px);width:100%}}@media (min-width:640px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 32px);width:100%}}@media (min-width:768px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 128px);width:100%}}@media (min-width:1024px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 192px);width:100%}}@media (min-width:1200px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 192px);width:100%}}@media (min-width:1536px){:host(:not([content-padding=none])[width=full_content]) .section__content{max-width:calc(70% + 192px);width:100%}}:host([width=full]) .section__content{left:50%;margin-left:-50%;margin-right:-50%;max-width:100%;position:relative;right:50%;width:100%}@media (min-width:0px){:host([width=full]) .section__content{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){:host([width=full]) .section__content{padding-left:0;padding-right:0}}@media (min-width:0px){:host([width2=fullspacemobile]):host([width=full]) .section__content,:host([width2=fullspacemobile]):host([width=full_content]) .section__content{padding-left:0;padding-right:0}}::slotted(*){display:block}:host([spacing*=top-small]) .section__content{padding-top:2rem}@media (min-width:0px){:host([spacing*=top-large]) .section__content{padding-top:4rem}}@media (min-width:1024px){:host([spacing*=top-large]) .section__content{padding-top:72px}}:host([spacing*=bottom-small]) .section__content{padding-bottom:2rem}@media (min-width:0px){:host([spacing*=bottom-large]) .section__content{padding-bottom:4rem}}@media (min-width:1024px){:host([spacing*=bottom-large]) .section__content{padding-bottom:72px}}:host([theme=dark]){--tw-bg-opacity:1;background-color:rgb(10 5 97/var(--tw-bg-opacity))}:host([theme=dark]) .section__content{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(10 5 97/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}:host([theme=light]){--tw-bg-opacity:1;background-color:rgb(229 237 255/var(--tw-bg-opacity))}:host([theme=light]) .section__content{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 237 255/var(--tw-bg-opacity));color:rgb(28 28 28/var(--tw-text-opacity))}:host([namsleid]) .section__content{padding-right:0}:host([unpublished]) .section__content{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}@media screen and (max-width:767px){:host([full-width-mobile]) .section__content{padding-left:0;padding-right:0}}")}
3      `]}render(){return d.dy`
4      ${e.w.baseStyles}
5      <section class="section">
6        <div class="section__content" part="section-content">
7          <slot></slot>
8        </div>
9      </section>
10    `}};a([(0,o.Cb)({type:String,attribute:"content-padding"})],c.prototype,"contentPadding",void 0),a([(0,o.Cb)({type:Boolean,attribute:"has-grid"})],c.prototype,"hasGrid",void 0),a([(0,o.Cb)({type:String})],c.prototype,"spacing",void 0),a([(0,o.Cb)({type:String})],c.prototype,"theme",void 0),a([(0,o.Cb)({type:String})],c.prototype,"width",void 0),a([(0,o.Cb)({type:Boolean})],c.prototype,"width2",void 0),a([(0,o.Cb)({type:String})],c.prototype,"unpublished",void 0),c=a([(0,o.Mo)("qz-section")],c)}},function(t){t.O(0,[736],(function(){return t(t.s=8760)})),t.O()}])})();