npm-allakando-publish/dist/js/esm-bundle.js

Allakando's web component library

/** @preserve @license @cc_on
 * ----------------------------------------------------------
 * npm-allakando-publish version 0.0.35
 * Allakando's web component library
 * Copyright (c) 2023 Allakando
 * All Rights Reserved. MIT License
 * https://mit-license.org/
 * ----------------------------------------------------------
 */
if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>:host([size=large]) button{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.5rem;line-height:1.75rem}@media screen and (max-width: 768px){:host([size=large]) button{font-size:1.5rem;line-height:1.75rem}}button{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.25rem;line-height:1.5rem}@media screen and (max-width: 768px){button{font-size:1.25rem;line-height:1.5rem}}:host([size=small]) button{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1rem;line-height:1.25rem}@media screen and (max-width: 768px){:host([size=small]) button{font-size:1rem;line-height:1.25rem}}:host{display:inline-block;width:100%}button{--color-dark: var(--ako-primary-color-1000, #7aa329);--color-standard: var(--ako-primary-color-900, #96c933);--color-light: var(--ako-primary-color-800, #a0ce47);--with-color: #ffffff;color:var(--with-color);background:var(--color-standard);box-shadow:0 1em 1em -1em var(--color-dark);padding:.75em;cursor:pointer;white-space:nowrap;text-align:center;width:100%;border:none;outline:none;transition:all ease var(--ako-standard-animation-duration, 200ms);border-radius:var(--ako-component-border-radius, 0.2rem)}button:active{box-shadow:none !important;transform:translateY(0.1875rem)}button:hover,button:active{background-color:var(--color-light)}.disabled{cursor:not-allowed;opacity:75% !important;box-shadow:none !important}.disabled:hover,.disabled:active{background:var(--color-standard) !important;transform:none !important}#container{display:flex;align-items:center;justify-content:center;gap:.5em}#icon{height:1.5em;width:1.5em;min-height:1.5em;min-width:1.5em;object-fit:contain;pointer-events:none}:host([size=large]) button{color:#fff}:host([size=small]) button{color:#fff}:host([hollow]) button{color:var(--color-standard);background:rgba(0,0,0,0);box-shadow:none;border:2px solid var(--color-standard);padding:calc(.7em - 2px)}:host([hollow]) button:hover,:host([hollow]) button:active{color:var(--with-color);background:var(--color-standard)}button[type=primary]{--color-dark: var(--ako-primary-color-500, #c0df85);--color-standard: var(--ako-primary-color-900, #96c933);--color-light: var(--ako-primary-color-800, #a0ce47)}button[type=neutral]{--color-dark: var(--ako-neutral-color-900, #686868);--color-standard: var(--ako-neutral-color-800, #777777);--color-light: var(--ako-neutral-color-700, #868686)}button[type=warning]{--color-dark: var(--ako-warning-color-1000, #EAB300);--color-standard: var(--ako-warning-color-900, #f5bb00);--color-light: var(--ako-warning-color-800, #f6c21a)}button[type=error]{--color-dark: var(--ako-error-color-1000, #E62900);--color-standard: var(--ako-error-color-900, #f52c00);--color-light: var(--ako-error-color-800, #f6411a)}</style><button>\r\n  <div id="container">\r\n    <img alt="Icon" id="icon" />\r\n    <slot></slot>\r\n  </div>\r\n</button>';class t extends HTMLElement{static get observedAttributes(){return["disabled","akostyle","icon","icon-placement","size","type","direction"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._mainContainer=this.shadowRoot.querySelector("#container"),this._iconElement=this.shadowRoot.querySelector("#icon"),this._slotElement=this.shadowRoot.querySelector("slot"),this._buttonElement=this.shadowRoot.querySelector("button"),this._buttonElement.addEventListener("click",(()=>{this._buttonElement.style.transform="translateY(0.1875rem)",setTimeout((()=>{this._buttonElement.style.removeProperty("transform")}),50)})),this._render()}attributeChangedCallback(){this._render()}click(){this._buttonElement.click()}_render(){this._mainContainer.style.removeProperty("flex-direction"),this.hasAttribute("direction")&&"column"===this.getAttribute("direction").toLowerCase()&&(this._mainContainer.style.flexDirection="column"),this._iconElement.style.removeProperty("display"),this.hasAttribute("icon")?this._iconElement.setAttribute("src",this.getAttribute("icon")):this._iconElement.style.display="none",this.hasAttribute("icon-placement")&&"after"===this.getAttribute("icon-placement").toLowerCase()?(this._mainContainer.appendChild(this._slotElement),this._mainContainer.appendChild(this._iconElement)):(this._mainContainer.appendChild(this._iconElement),this._mainContainer.appendChild(this._slotElement)),this._buttonElement.classList.remove("disabled"),this._buttonElement.removeAttribute("disabled"),this.hasAttribute("disabled")&&(this._buttonElement.classList.add("disabled"),this._buttonElement.setAttribute("disabled",!0)),this._buttonElement.removeAttribute("style"),this.hasAttribute("akostyle")&&(this._buttonElement.style=this.getAttribute("akostyle")),this._buttonElement.removeAttribute("type"),this.hasAttribute("type")?this._buttonElement.setAttribute("type",this.getAttribute("type").toLowerCase()):this._buttonElement.setAttribute("type","primary")}}window.customElements.define("ako-button",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>.spinner{width:100%;height:100%;display:block}.spinner g:first-child{transform:rotate(0deg);transform-origin:50px 50px}.spinner g:nth-child(2){transform:rotate(30deg);transform-origin:50px 50px}.spinner g:nth-child(3){transform:rotate(60deg);transform-origin:50px 50px}.spinner g:nth-child(4){transform:rotate(90deg);transform-origin:50px 50px}.spinner g:nth-child(5){transform:rotate(120deg);transform-origin:50px 50px}.spinner g:nth-child(6){transform:rotate(150deg);transform-origin:50px 50px}.spinner g:nth-child(7){transform:rotate(180deg);transform-origin:50px 50px}.spinner g:nth-child(8){transform:rotate(210deg);transform-origin:50px 50px}.spinner g:nth-child(9){transform:rotate(240deg);transform-origin:50px 50px}.spinner g:nth-child(10){transform:rotate(270deg);transform-origin:50px 50px}.spinner g:nth-child(11){transform:rotate(300deg);transform-origin:50px 50px}.spinner g:nth-child(12){transform:rotate(330deg);transform-origin:50px 50px}.spinner-blade{width:.5rem;height:1.5rem;fill:var(--ako-neutral-color-900, #686868)}</style><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100"\r\n  preserveAspectRatio="xMaxYMax" class="spinner">\r\n  <g>\r\n    <rect x="46" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite">\r\n      </animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite">\r\n      </animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite">\r\n      </animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s"\r\n        repeatCount="indefinite"></animate>\r\n    </rect>\r\n  </g>\r\n  <g>\r\n    <rect x="46" y="2" y="2" rx="6" ry="3" class="spinner-blade">\r\n      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite">\r\n      </animate>\r\n    </rect>\r\n  </g>\r\n</svg>';class t extends HTMLElement{static get observedAttributes(){return["size"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._spinner=this.shadowRoot.querySelector("svg")}attributeChangedCallback(e,t,o){"size"===e&&(null===o?this._spinner.removeAttribute("style"):(this._spinner.style.height=o,this._spinner.style.minHeight=o,this._spinner.style.maxHeight=o,this._spinner.style.width=o,this._spinner.style.minWidth=o,this._spinner.style.maxWidth=o))}}window.customElements.define("ako-spinner",t)}const e="data:image/png;base64,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",t="data:image/png;base64,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",o="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDMzLjAwMDAwMCwgLTc2OS4wMDAwMDApIHRyYW5zbGF0ZSgyMDM0LjAwMDAwMCwgNzcwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=";if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#header #header-title{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:2.5rem;line-height:2.875rem}@media screen and (max-width: 768px){#header #header-title{font-size:1.875rem;line-height:2.125rem}}#header #header-subtitle{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.375rem;line-height:1.875rem}@media screen and (max-width: 768px){#header #header-subtitle{font-size:1.375rem;line-height:1.5rem}}#body,#footer{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:400;font-size:1.25rem;line-height:1.75rem}@media screen and (max-width: 768px){#body,#footer{font-size:1.25rem;line-height:1.75rem}}#main{display:block;position:fixed;top:0;left:0;z-index:9001;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}#backdrop{position:fixed;inset:0;background-color:#000;opacity:.5;pointer-events:none;z-index:9000}#window{position:relative;display:flex;flex-direction:column;width:750px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2);border-radius:var(--ako-component-border-radius, 0.2rem);animation-duration:var(--ako-standard-animation-duration, 200ms);animation-timing-function:ease-in-out;transition:all var(--ako-standard-animation-duration, 200ms);margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:5rem}@media(max-width: 846px){#body{padding:var(--ako-dialog-content-padding, 2rem 4rem 4rem 4rem) !important}#header{padding-left:4rem !important;padding-right:4rem !important}#window{width:calc(100% - 6rem)}}@media(max-width: 569px){#body{padding:var(--ako-dialog-content-padding, 2rem) !important}#header{padding-left:2rem !important;padding-right:2rem !important}#window{width:calc(100% - 1rem)}}@keyframes main-animation{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}#header,:host([noheader]) #body{border-top-left-radius:var(--ako-component-border-radius, 0.2rem);border-top-right-radius:var(--ako-component-border-radius, 0.2rem)}#footer,:host([nofooter]) #body{border-bottom-left-radius:var(--ako-component-border-radius, 0.2rem);border-bottom-right-radius:var(--ako-component-border-radius, 0.2rem)}#header{background:#fff;border-bottom:none;display:flex;flex-direction:column;gap:.5rem;user-select:none;background-image:linear-gradient(to bottom, var(--ako-primary-color-600, #b6d970), var(--ako-primary-color-900, #96c933));padding-bottom:2rem !important;padding-top:6.25rem !important;padding-left:6.25rem;padding-right:6.25rem}#header #header-title,#header #header-subtitle{display:none;flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header #header-title{color:#fff}#header #header-subtitle{color:#fff}#close-icon{font-size:1.25rem;position:absolute;top:0;right:0;padding:1.75rem;cursor:pointer;filter:invert(1);opacity:.75;transition:opacity var(--ako-standard-animation-duration, 200ms)}#close-icon:hover{opacity:1}#body{height:100%;overflow:auto;background:#fff;padding:var(--ako-dialog-content-padding, 2rem 6.25rem 4rem 6.25rem)}#footer{background:#fff;border-top:none;display:flex;flex-direction:row;align-items:center;white-space:nowrap;overflow:hidden}#header,#footer{min-height:3rem}.icon{display:block;min-height:1em;min-width:1em;height:1em;width:1em;position:relative}.icon[src=""]{visibility:hidden}.icon:not([src]){display:none}:host([noheader]) #header{display:none}:host([noheader]) #close-icon{filter:none;background-color:#fff;border-radius:50%;margin:1rem;padding:.75rem}:host([nofooter]) #footer{display:none}:host([noclose]) #close-icon{display:none}:host([subtitle]) #header{padding-top:4rem !important}:host([scrollable]) #window{max-height:calc(100% - 10rem)}:host([scrollable]) #header{min-height:auto}:host([center]) #main{inset:0;height:100vh;width:100vw}:host([center]) #window{max-height:90vh;position:fixed;inset:0;height:max-content;margin:auto}:host([fluid]) #window{max-width:max-content}</style><div id="backdrop"></div>\n<div id="main">\n  <div id="window">\n    <img class="icon" id="close-icon"></img>\n    <div id="header">\n      <span id="header-title"></span>\n      <span id="header-subtitle"></span>\n      <slot name="header"></slot>\n    </div>\n    <div id="body">\n      <slot></slot>\n    </div>\n    <div id="footer">\n      <slot name="footer"></slot>\n    </div>\n  </div>\n</div>\n';class t extends HTMLElement{static get observedAttributes(){return["noheader","nofooter","noclose","modality","title","subtitle"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._mainElement=this.shadowRoot.querySelector("#main"),this._windowElement=this.shadowRoot.querySelector("#window"),this._headerElement=this.shadowRoot.querySelector("#header"),this._headerTextElement=this.shadowRoot.querySelector("#header-title"),this._headerSubtitleElement=this.shadowRoot.querySelector("#header-subtitle"),this._headerButtonsContainerElement=this.shadowRoot.querySelector("#header-buttons"),this._closeIconElement=this.shadowRoot.querySelector("#close-icon"),this._bodyElement=this.shadowRoot.querySelector("#body"),this._footerElement=this.shadowRoot.querySelector("#footer"),this._closeIconElement.setAttribute("src","data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'><path fill-rule='nonzero' d='M8.412 6.883L14.588.707a1 1 0 0 1 1.414 0l.116.115a1 1 0 0 1 0 1.415L9.942 8.412l6.176 6.176a1 1 0 0 1 0 1.414l-.116.116a1 1 0 0 1-1.414 0L8.412 9.942l-6.175 6.176a1 1 0 0 1-1.415 0l-.115-.116a1 1 0 0 1 0-1.414l6.176-6.176L.707 2.237a1 1 0 0 1 0-1.415L.822.707a1 1 0 0 1 1.415 0l6.175 6.176z'/></svg>"),this._closeIconElement.addEventListener("click",this.close.bind(this)),this._hasMounted=!1,this._mainElement.addEventListener("click",(e=>{"disabled"!==this.getAttribute("modality")&&e.composedPath()[0]===this._mainElement&&this.close()}))}connectedCallback(){this._hasMounted||(this._hasMounted=!0,requestAnimationFrame((()=>{this._animate(!1)}))),document.body.style.overflow="hidden"}disconnectedCallback(){0===document.querySelectorAll("ako-dialog").length&&(document.body.style.overflow=null)}attributeChangedCallback(e,t,o){"title"===e&&this._updateHeaderText(o,!0),"subtitle"===e&&this._updateHeaderText(o,!1)}_updateHeaderText(e,t){const o=t?this._headerTextElement:this._headerSubtitleElement;o.innerHTML="",o.style.removeProperty("display"),e&&(o.appendChild(document.createTextNode(e)),o.style.display="initial")}_animate(e){let t;const o=new Promise((e=>t=e));e&&(this._windowElement.style.animationDirection="reverse"),this._windowElement.style.animationName="main-animation";const n=()=>{this._windowElement.style.removeProperty("animation-name"),this._windowElement.style.removeProperty("animation-direction"),this._windowElement.removeEventListener("animationend",n),t()};return this._windowElement.addEventListener("animationend",n),o}close(e){e&&e.preventDefault(),this._animate(!0).then((()=>this.remove())),this.dispatchEvent(new CustomEvent("close"))}}window.customElements.define("ako-dialog",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#accordion-wrapper #accordion-header #accordion-title.opened{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:2.5rem;line-height:2.875rem}@media screen and (max-width: 768px){#accordion-wrapper #accordion-header #accordion-title.opened{font-size:1.875rem;line-height:2.125rem}}#accordion-wrapper #accordion-header #accordion-title{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:400;font-size:1.5rem;line-height:2rem}@media screen and (max-width: 768px){#accordion-wrapper #accordion-header #accordion-title{font-size:1.5rem;line-height:1.875rem}}#accordion-wrapper #accordion-header #toggle-accordion,#accordion-wrapper #accordion-header{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:400;font-size:1.25rem;line-height:1.75rem}@media screen and (max-width: 768px){#accordion-wrapper #accordion-header #toggle-accordion,#accordion-wrapper #accordion-header{font-size:1.25rem;line-height:1.75rem}}:host(:not(:first-of-type)) #accordion-wrapper{border-top:0}#accordion-wrapper{padding-top:1.75rem;padding-bottom:1.75rem;transition:all .2s;border-top:var(--ako-accordion-border-top, 2px solid #f0f0f0);border-bottom:var(--ako-accordion-border-bottom, 2px solid #f0f0f0)}#accordion-wrapper #accordion-header{display:flex;align-items:center;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}@media(min-width: 576px){#accordion-wrapper #accordion-header{padding:0}}#accordion-wrapper #accordion-header #image-title-wrap{display:flex;justify-content:center;align-items:center;overflow:hidden}#accordion-wrapper #accordion-header #accordion-title{line-height:initial !important;transition:all .2s;white-space:nowrap;overflow:hidden;flex:auto;text-overflow:ellipsis}#accordion-wrapper #accordion-header #accordion-image{display:none;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;margin-right:1.75rem}#accordion-wrapper #accordion-header #accordion-image.is-image{background-size:contain;background-repeat:no-repeat;background-position:center center}#accordion-wrapper #accordion-header #accordion-image.is-letters{background:var(--ako-primary-color-900, #96c933);color:#fff;text-transform:uppercase;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1;font-weight:700}#accordion-wrapper #accordion-header #toggle-accordion{cursor:pointer;white-space:nowrap;margin-left:1.75rem}#accordion-wrapper #accordion-header #toggle-accordion:after{display:inline-block;content:"";width:.875rem;height:.75rem;margin-left:.5rem;background-size:.85rem .5rem;background-repeat:no-repeat;background-position:50%;transition:transform 200ms;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14 8\'%3E%3Cpath d=\'M13.3.7a1 1 0 010 1.3L7.7 7.3a1 1 0 01-1.4 0L.7 2A1 1 0 01.7.7a1 1 0 011.4 0L7 5.3 11.9.7a1 1 0 011.4 0z\' fill=\'%23686868\' fill-rule=\'evenodd\'/%3E%3C/svg%3E")}#accordion-wrapper #accordion-header #toggle-accordion.opened:after{transform:rotate(-180deg)}#accordion-wrapper #accordion-content{display:block;margin-top:1.25rem}#accordion-wrapper #accordion-content.closed{display:none !important}@media(max-width: 768px){#accordion-wrapper{padding-top:1rem;padding-bottom:1.25rem}}</style><div id="accordion-wrapper">\n\t<div id="accordion-header">\n\t\t<div id="image-title-wrap">\n\t\t\t<div id="accordion-image"></div>\n\t\t\t<div id="accordion-title"></div>\n\t\t</div>\n\t\t<span id="toggle-accordion"></span>\n\t</div>\n\t<div id="accordion-content" class="closed">\n\t\t<slot></slot>\n\t</div>\n</div>\n';class t extends HTMLElement{static get observedAttributes(){return["title","icon","open-text","close-text"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._titleTextElement=this.shadowRoot.querySelector("#accordion-title"),this._toggleAccordionElement=this.shadowRoot.querySelector("#toggle-accordion"),this._contentElement=this.shadowRoot.querySelector("#accordion-content"),this._mainElement=this.shadowRoot.querySelector("#accordion-wrapper"),this._slotElement=this.shadowRoot.querySelector("slot"),this._imageElement=this.shadowRoot.querySelector("#accordion-image"),this._accordionOpened=!1,this._openAccordionText="Visa",this._closeAccordionText="Dölj",this._toggleAccordionElement.addEventListener("click",this.toggle.bind(this)),this._render()}attributeChangedCallback(e,t,o){"title"===e&&this._updateHeaderText(o),this._render()}_updateHeaderText(e){const t=this._titleTextElement;t.innerHTML="",t.style.removeProperty("display"),e&&(t.appendChild(document.createTextNode(e)),t.style.display="initial")}isValidUrl(e){try{return Boolean(new URL(e))}catch(e){return!1}}toggle(e){e&&e.preventDefault(),this._accordionOpened?(this._contentElement.classList.add("closed"),this._titleTextElement.classList.remove("opened"),this._toggleAccordionElement.classList.remove("opened"),this._toggleAccordionElement.textContent=this._openAccordionText,this._accordionOpened=!1):(this._contentElement.classList.remove("closed"),this._titleTextElement.classList.add("opened"),this._toggleAccordionElement.classList.add("opened"),this._toggleAccordionElement.textContent=this._closeAccordionText,this._accordionOpened=!0)}_render(){this.hasAttribute("open-text")&&(this._openAccordionText=this.getAttribute("open-text")),this.hasAttribute("close-text")&&(this._closeAccordionText=this.getAttribute("close-text")),this._toggleAccordionElement.innerHTML="",this._toggleAccordionElement.appendChild(document.createTextNode(this._openAccordionText)),this.hasAttribute("icon")&&(this._imageElement.style.display="flex",this.isValidUrl(this.getAttribute("icon"))?(this._imageElement.style.backgroundImage=`url(${this.getAttribute("icon")})`,this._imageElement.classList.add("is-image")):(this._imageElement.innerHTML=this.getAttribute("icon").substring(0,2),this._imageElement.classList.add("is-letters")))}}window.customElements.define("ako-accordion",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>.toggle{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:max-content;height:max-content;cursor:pointer;transition:all 300ms;background:rgba(0,0,0,0);border-radius:.5em;padding:.5em;box-shadow:none}#open-svg{width:1.5rem;height:1.25rem}#close-svg{width:1.25rem;height:1.25rem}svg path{stroke:var(--ako-neutral-color-600, #959595);fill:var(--ako-neutral-color-600, #959595);stroke-width:4px;stroke-linecap:round;transition:all 300ms}.toggle:hover svg path{opacity:.7}#close-toggle{position:absolute;right:.75rem;top:.5rem}#menu-panel{display:block;position:fixed;top:0;height:100vh;width:18.75rem;max-width:100vw;right:-18.75rem;z-index:99;transition:inset 300ms,box-shadow 300ms;box-shadow:none;background-color:#fff}:host([open]) #menu-panel{right:0;pointer-events:unset;box-shadow:-1.25rem 0 1.875rem 0 rgba(0,0,0,.1)}#backdrop{pointer-events:none;background:rgba(0,0,0,0);position:fixed;inset:0;z-index:98}:host([open]) #backdrop{pointer-events:all;display:block}</style><div id="menu-panel">\r\n  <div class="toggle" id="close-toggle">\r\n    <svg id="close-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">\r\n      <path d="M3 3l26 26M29 3l-26 26"></path>\r\n    </svg>\r\n  </div>\r\n  <slot></slot>\r\n</div>\r\n<div id="backdrop"></div>\r\n<div class="toggle">\r\n  <svg id="open-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 32">\r\n    <path d="M2 2h32M2 16h32M2 30h32"></path>\r\n  </svg>\r\n</div>';class t extends HTMLElement{static get observedAttributes(){return["open"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this.shadowRoot.querySelectorAll(".toggle").forEach((e=>e.addEventListener("click",(()=>this.toggleAttribute("open"))))),this.shadowRoot.querySelector("#backdrop").addEventListener("click",(()=>this.toggleAttribute("open")))}attributeChangedCallback(){this._render()}_render(){this.hasAttribute("open")?document.body.style.overflow="hidden":document.body.style.removeProperty("overflow")}}window.customElements.define("ako-drawer",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#badge{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1rem;line-height:1.5rem}@media screen and (max-width: 768px){#badge{font-size:1rem;line-height:1.5rem}}#badge{display:flex;position:absolute;box-sizing:border-box;align-items:center;justify-content:center;bottom:100%;left:100%}#badge-value{display:flex;justify-content:center;align-items:center;position:absolute;width:max-content;min-width:1em;min-height:1.5em;border-radius:4em;padding:0 .25em;color:#fff;background-color:var(--ako-error-color-800, #f6411a);z-index:1}:host([inline]) #badge{left:auto;bottom:auto;display:inline-block;position:static}:host([inline]) #badge-value{position:initial}:host([shape=square]) #badge-value{border-radius:.125em}:host([type=primary]) #badge-value{background-color:var(--ako-primary-color-800, #a0ce47)}:host([type=neutral]) #badge-value{background-color:var(--ako-neutral-color-800, #777777)}:host([type=warning]) #badge-value{background-color:var(--ako-warning-color-800, #f6c21a)}:host([type=error]) #badge-value{background-color:var(--ako-error-color-1000, #E62900)}</style><div id="badge">\r\n    <div id="badge-value">\r\n        <slot></slot>\r\n    </div>\r\n</div>';class t extends HTMLElement{static get observedAttributes(){return["shape","type","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0))}}window.customElements.define("ako-badge",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#card-image-placeholder{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.75rem;line-height:2.125rem}@media screen and (max-width: 768px){#card-image-placeholder{font-size:1.5rem;line-height:1.75rem}}#notification-title{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.375rem;line-height:1.875rem}@media screen and (max-width: 768px){#notification-title{font-size:1.375rem;line-height:1.5rem}}#notification-message{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:400;font-size:1rem;line-height:1.5rem}@media screen and (max-width: 768px){#notification-message{font-size:1rem;line-height:1.5rem}}#notification{display:flex;flex-direction:row;text-align:left;justify-content:left}#notification-image{display:none;min-width:6.75rem;min-height:6.75rem;width:6.75rem;height:6.75rem;align-self:start;border-radius:50%;color:#fff}#card-image-placeholder{display:flex;color:#fff;background:var(--ako-primary-color-900, #96c933);align-items:center;justify-content:center;min-width:6.75rem;min-height:6.75rem;width:6.75rem;height:6.75rem;border-radius:50%}:host(:not([noclose])) #close-icon{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;box-sizing:border-box;position:absolute;border:2px solid var(--ako-neutral-color-900, #686868);background:#fff;border-radius:50%;cursor:pointer;z-index:1}:host(:not([noclose])) #close-icon svg{fill:var(--ako-neutral-color-900, #686868);stroke:var(--ako-neutral-color-900, #686868);width:.75rem;height:auto;stroke-width:1.4}#content{width:100%;display:flex;align-self:center;flex-direction:column;margin-left:1.75rem;overflow:hidden}#notification-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#notification-message{margin-top:.5rem}</style><div id="notification">\r\n  <div id="close-icon">\r\n    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">\r\n      <path d="M8.412 6.883L14.588.707a1 1 0 0 1 1.414 0l.116.115a1 1 0 0 1 0 1.415L9.942 8.412l6.176 6.176a1 1 0 0 1 0 1.414l-.116.116a1 1 0 0 1-1.414 0L8.412 9.942l-6.175 6.176a1 1 0 0 1-1.415 0l-.115-.116a1 1 0 0 1 0-1.414l6.176-6.176L.707 2.237a1 1 0 0 1 0-1.415L.822.707a1 1 0 0 1 1.415 0l6.175 6.176z"/>\r\n    </svg>\r\n  </div>\r\n  <div id="card-image-placeholder"></div>\r\n  <img id="notification-image" alt="Image"></img>\r\n  <div id="content">\r\n    <div id="notification-title"></div>\r\n    <div id="notification-message"></div>\r\n  </div>\r\n</div>';class t extends HTMLElement{static get observedAttributes(){return["image","title","message","noclose"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._notificationElement=this.shadowRoot.querySelector("#notification"),this._closeIconElement=this.shadowRoot.querySelector("#close-icon"),this._imageElement=this.shadowRoot.querySelector("#notification-image"),this._imagePlaceholderElement=this.shadowRoot.querySelector("#card-image-placeholder"),this._notificationTitleElement=this.shadowRoot.querySelector("#notification-title"),this._notificationMessageElement=this.shadowRoot.querySelector("#notification-message"),this._closeIconElement.addEventListener("click",this._closeClickHandler.bind(this))}attributeChangedCallback(e,t,o){"image"===e&&this._updateImage(o),"title"===e&&this._updateTitleText(o),"message"===e&&this._updateMesageText(o)}_updateTitleText(e){const t=this._notificationTitleElement;t.innerHTML="",e&&t.appendChild(document.createTextNode(e))}_updateMesageText(e){const t=this._notificationMessageElement;t.innerHTML="",e&&t.appendChild(document.createTextNode(e))}_isValidUrl(e){try{return Boolean(new URL(e))}catch(e){return!1}}_closeClickHandler(){this._notificationElement&&this._notificationElement.remove()}_updateImage(e){this._imageElement.style.removeProperty("display"),this._imagePlaceholderElement.style.display="none",this._imagePlaceholderElement.innerHTML="",e?this._isValidUrl(e)?(this._imageElement.setAttribute("src",e),this._imageElement.style.display="block"):(this._imagePlaceholderElement.appendChild(document.createTextNode(e.substring(0,2).toUpperCase())),this._imagePlaceholderElement.style.removeProperty("display")):this._imagePlaceholderElement.style.removeProperty("display")}}window.customElements.define("ako-notification",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#tab-title{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:2.5rem;line-height:2.5rem;text-transform:uppercase}button{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1rem;line-height:1.25rem}@media screen and (max-width: 768px){button{font-size:1rem;line-height:1.25rem}}:host(:not([title])) #tab-title{display:none}:host(:not([icon])) #icon{display:none}button{--color-dark: var(--ako-neutral-color-1000, #535353);--color-standard: var(--ako-neutral-color-900, #686868);--color-light: var(--ako-neutral-color-100, #e1e1e1);--with-color: #ffffff;color:var(--color-standard);background:var(--color-light);box-shadow:none;cursor:pointer;width:100%;height:6.75rem;min-height:6.75rem;border:none;outline:none}#tab{display:block;align-items:center;justify-content:center;flex-direction:column}#tab-title{display:block;margin-bottom:.5rem;color:var(--ako-neutral-color-900, #686868);justify-content:center;height:60%;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{height:2.375rem;min-height:2.375rem;margin-bottom:.25rem;filter:brightness(0.75)}#subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([active]) button{--color-dark: var(--ako-primary-color-1000, #7aa329);--color-standard: var(--ako-primary-color-900, #96c933);--color-light: var(--ako-primary-color-600, #b6d970);--with-color: #ffffff;color:var(--with-color);background:linear-gradient(to bottom, var(--color-light), var(--color-standard));box-shadow:0 1.25rem 1.25rem -1.125rem var(--color-dark);border-radius:var(--ako-component-border-radius, 0.2rem)}:host([active]) button:hover,:host([active]) button:active{background-color:var(--color-light)}:host([active]) button #icon{filter:brightness(1.9)}:host([active]) button #tab-title{color:var(--with-color)}</style><button>\r\n    <div id="tab">\r\n      <img alt="Icon" id="icon"></img>\r\n      <div id="tab-title"></div>\r\n      <div id="subtitle">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n</button>';class t extends HTMLElement{static get observedAttributes(){return["icon","title","active"]}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0)),this._tabElement=this.shadowRoot.querySelector("#tab"),this._iconElement=this.shadowRoot.querySelector("#icon"),this._tabTitleElement=this.shadowRoot.querySelector("#tab-title"),this._buttonElement=this.shadowRoot.querySelector("button")}attributeChangedCallback(e,t,o){"title"===e&&this._updateTabTitleText(o),"icon"===e&&this._updateIcon(o)}_updateTabTitleText(e){this._tabTitleElement.style.removeProperty("display"),this._tabTitleElement.style.removeProperty("hidden"),this._tabTitleElement.innerHTML="",e&&!this.hasAttribute("icon")?(this._iconElement.style.display="none",this._iconElement.setAttribute("hidden","hidden"),this._tabTitleElement.appendChild(document.createTextNode(e)),this._tabTitleElement.style.display="block"):(this._tabTitleElement.style.display="none",this._tabTitleElement.setAttribute("hidden","hidden"))}_updateIcon(e){this._iconElement.style.removeProperty("display"),this._iconElement.style.removeProperty("hidden"),e&&!this.hasAttribute("title")?(this._tabTitleElement.style.display="none",this._tabTitleElement.setAttribute("hidden","hidden"),this._iconElement.setAttribute("src",e)):(this._iconElement.style.display="none",this._iconElement.setAttribute("hidden","hidden"))}}window.customElements.define("ako-tabbutton",t)}if("undefined"!=typeof document&&"undefined"!=typeof window){const e=document.createElement("template");e.innerHTML='<style>#card-image-placeholder{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.75rem;line-height:2.125rem}@media screen and (max-width: 768px){#card-image-placeholder{font-size:1.5rem;line-height:1.75rem}}#card-title{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:700;font-size:1.375rem;line-height:1.875rem}@media screen and (max-width: 768px){#card-title{font-size:1.375rem;line-height:1.5rem}}#card-subtitle{font-family:var(--ako-font-family-body, --ako-font-family-heading, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-neutral-color-900, #686868);font-weight:400;font-size:1rem;line-height:1.5rem}@media screen and (max-width: 768px){#card-subtitle{font-size:1rem;line-height:1.5rem}}#card{display:flex;align-items:center;flex-direction:column;text-align:center}#card-image{display:none;min-width:6.75rem;min-height:6.75rem;width:6.75rem;height:6.75rem;margin-bottom:1rem;border-radius:50%}#card-image-placeholder{display:flex;color:#fff;background:var(--ako-primary-color-900, #96c933);align-items:center;justify-content:center;min-width:6.75rem;min-height:6.75rem;width:6.75rem;height:6.75rem;margin-bottom:1rem;border-radius:50%}#content{width:100%;display:flex;flex-direction:column;overflow:hidden}#card-title{overf