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

1(()=>{"use strict";(self.webpackChunk_dxp_quartz=self.webpackChunk_dxp_quartz||[]).push([[986],{4030:function(t,e,r){r.d(e,{w:function(){return a}});var n,s=r(7220);const o=new CSSStyleSheet,i=null!==(n=window.quartzBaseStylesPath)&&void 0!==n?n:"quartz.css";fetch(i).then((t=>t.text())).then((t=>{o.replaceSync(t)})).catch((t=>console.error("Gat ekki hlaðið Quartz stílum:",t)));class a extends s.oi{static get baseStyles(){return s.dy``}static get styles(){return[]}connectedCallback(){super.connectedCallback(),this.shadowRoot&&this.shadowRoot.adoptedStyleSheets&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,o])}render(){return s.dy`<slot></slot>`}}},8601:function(t,e,r){var n=r(7220),s=r(5471),o=r(4030),i=function(t,e,r,n){var s,o=arguments.length,i=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i};let a=class extends o.w{static get styles(){return[n.iv`
2        ${(0,n.$m)(".spinner svg{height:2rem;width:2rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.spinner .circle{opacity:.2}:host([size=small]) .spinner svg{height:1rem;width:1rem}:host([size=large]) .spinner svg{height:3rem;width:3rem}")}
3      `]}render(){const{firstColor:t,secondColor:e}=this;return n.dy`
4      ${o.w.baseStyles}
5      <div class="spinner">
6        <svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
7          <path
8            class="circle"
9            clip-rule="evenodd"
10            d="M23.99 40.68a16.69 16.69 0 100-33.37 16.69 16.69 0 000 33.37zm0 7.15c13.16 0 23.84-10.68 23.84-23.84S37.15.15 23.99.15.15 10.83.15 23.99s10.68 23.84 23.84 23.84z"
11            // fill=currentColor
12            fill=${t}
13            fill-rule="evenodd"
14          ></path>
15          <path
16            class="partial"
17            d="M.15 23.99C.15 10.83 10.83.15 23.99.15V7.3A16.69 16.69 0 007.3 23.99H.15z"
18            fill=${e}
19          ></path>
20        </svg>
21      </div>
22    `}};i([(0,s.Cb)({type:String})],a.prototype,"size",void 0),i([(0,s.Cb)({type:String})],a.prototype,"firstColor",void 0),i([(0,s.Cb)({type:String})],a.prototype,"secondColor",void 0),a=i([(0,s.Mo)("qz-spinner")],a)}},function(t){t.O(0,[736],(function(){return t(t.s=8601)})),t.O()}])})();