@kartverket/geonorge-web-components 2.4.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/GnAccordion.js +2 -0
  2. package/GnAccordion.js.map +1 -0
  3. package/GnButton.js +1 -1
  4. package/GnButton.js.map +1 -1
  5. package/gb-accordion.stories.d.ts +5 -0
  6. package/gb-button.stories.d.ts +1 -0
  7. package/gn-accordion.d.ts +15 -0
  8. package/gn-button.d.ts +0 -2
  9. package/index.d.ts +1 -0
  10. package/index.js +1 -1
  11. package/index.js.map +1 -1
  12. package/package.json +1 -1
package/GnAccordion.js ADDED
@@ -0,0 +1,2 @@
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.geonorge=t():(e.geonorge=e.geonorge||{},e.geonorge.GnAccordion=t())}(self,(()=>(()=>{"use strict";var e={583:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(4663),i=n.n(o),r=n(7638),a=n.n(r)()(i());a.push([e.id,'gn-accordion{font-family:"Open Sans",sans-serif;display:block}',"",{version:3,sources:["webpack://./stories/gn-accordion/gn-accordion.scss","webpack://./style/variables/_typography.scss"],names:[],mappings:"AAEA,aACI,kCCHW,CDIX,aAAA",sourcesContent:['@import "../../style/all";\n\ngn-accordion {\n font-family: $default-font;\n display: block;\n}\n','$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;'],sourceRoot:""}]);const s=a},656:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(4663),i=n.n(o),r=n(7638),a=n.n(r)()(i());a.push([e.id,'@keyframes show{0%{opacity:0;margin-top:0px;padding:0 15px 0;line-height:0;max-height:0}100%{opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:1000px}}@keyframes hide{100%{opacity:0;margin-top:0px;padding:0 15px 0;line-height:0;max-height:0}0%{opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:1000px}}@media(min-width: 37.5em){@keyframes show{0%{opacity:0;margin-top:0px;padding:0 30px 0;line-height:0;max-height:0}100%{opacity:1;margin-top:0px;padding:8px 30px 15px;line-height:inherit;max-height:1000px}}@keyframes hide{100%{opacity:0;margin-top:0px;padding:0 30px 0;line-height:0;max-height:0}0%{opacity:1;margin-top:0px;padding:8px 30px 15px;line-height:inherit;max-height:1000px}}}:host{background-color:#eee}.panel{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;font-family:"Open Sans",sans-serif;padding:15px 15px;display:flex;align-items:center;position:relative;text-decoration:none;overflow-wrap:break-word;line-height:1.7;cursor:pointer;border:none;width:100%;background:none;text-align:left}@media(min-width: 37.5em){.panel{padding:15px 30px}}.panel:focus-visible{outline-color:#3767c7;outline-style:auto;outline-width:2px;outline-offset:0px}.panel .panelText{font-family:"Raleway",sans-serif;font-weight:bold;font-size:18px;flex:1}.panel .panelChevron{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;border-radius:100px;margin-right:6px}@media(min-width: 37.5em){.panel .panelChevron{margin-right:0}}.panel .panelChevron::after{content:"";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border-bottom:2px solid;border-right:2px solid;transform:translateY(-30%) rotate(45deg);transition:transform .3s ease-in-out}.panel .panelChevron.expanded::after{transform:translateY(30%) rotate(225deg)}.content{opacity:0;margin-top:0px;line-height:0;max-height:0;overflow:hidden;padding:0 15px 0}@media(min-width: 37.5em){.content{padding:0 30px 0}}.content.initialized{animation:hide .3s ease-in-out}.content.expanded{animation:show .3s ease-in-out;opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:10000px}@media(min-width: 37.5em){.content.expanded{padding:8px 30px 15px}}',"",{version:3,sources:["webpack://./stories/gn-accordion/template.scss","webpack://./style/mixins/_breakpoints.scss","webpack://./style/variables/_colors.scss","webpack://./style/mixins/_appearance.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/variables/_typography.scss"],names:[],mappings:"AAEA,gBACI,GACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,KACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAIR,gBACI,KACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,GACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CClBA,0BDwBJ,gBACI,GACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,KACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAGR,gBACI,KACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,GACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAAA,CAKZ,MACI,qBEpEiB,CFsEjB,OG1EA,uBH2EwB,CG1ExB,oBH0EwB,CGzExB,eHyEwB,CI3E1B,uBJ4E6B,CI3E7B,eJ2E6B,CACvB,kCK9EO,CL+EP,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CC5EA,0BD6DJ,OAiBQ,iBAAA,CAAA,CAEJ,qBACI,qBEjFG,CFkFH,kBAAA,CACA,iBAAA,CACA,kBAAA,CAEJ,kBACI,gCKpGE,CLqGF,gBAAA,CACA,cAAA,CACA,MAAA,CAEJ,qBACI,qBAAA,CACA,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,gBAAA,CCnGJ,0BD4FA,qBASQ,cAAA,CAAA,CAEJ,4BACI,UAAA,CACA,aAAA,CACA,qBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,uBAAA,CACA,sBAAA,CACA,wCAAA,CACA,oCAAA,CAGA,qCACI,wCAAA,CAKhB,SACI,SAAA,CACA,cAAA,CACA,aAAA,CACA,YAAA,CACA,eAAA,CACA,gBAAA,CChIA,0BD0HJ,SAQQ,gBAAA,CAAA,CAEJ,qBACI,8BAAA,CAGJ,kBACI,8BAAA,CACA,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,kBAAA,CC9IJ,0BDwIA,kBAQQ,qBAAA,CAAA",sourcesContent:['@import "../../style/all";\n\n@keyframes show {\n 0% {\n opacity: 0;\n margin-top: 0px;\n padding: 0 15px 0;\n line-height: 0;\n max-height: 0;\n }\n 100% {\n opacity: 1;\n margin-top: 0px;\n padding: 8px 15px 15px;\n line-height: inherit;\n max-height: 1000px;\n }\n}\n\n@keyframes hide {\n 100% {\n opacity: 0;\n margin-top: 0px;\n padding: 0 15px 0;\n line-height: 0;\n max-height: 0;\n }\n 0% {\n opacity: 1;\n margin-top: 0px;\n padding: 8px 15px 15px;\n line-height: inherit;\n max-height: 1000px;\n }\n}\n\n\n@include breakpoint(phablet) {\n @keyframes show {\n 0% {\n opacity: 0;\n margin-top: 0px;\n padding: 0 30px 0;\n line-height: 0;\n max-height: 0;\n }\n 100% {\n opacity: 1;\n margin-top: 0px;\n padding: 8px 30px 15px;\n line-height: inherit;\n max-height: 1000px;\n }\n }\n @keyframes hide {\n 100% {\n opacity: 0;\n margin-top: 0px;\n padding: 0 30px 0;\n line-height: 0;\n max-height: 0;\n }\n 0% {\n opacity: 1;\n margin-top: 0px;\n padding: 8px 30px 15px;\n line-height: inherit;\n max-height: 1000px;\n }\n }\n}\n\n:host {\n background-color: $default-background;\n}\n .panel {\n @include appearance(none);\n @include border-radius(0);\n font-family: $default-font;\n padding: 15px 15px;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow-wrap: break-word;\n line-height: 1.7;\n cursor: pointer;\n border: none;\n width: 100%;\n background: none;\n text-align: left;\n @include breakpoint(phablet) {\n padding: 15px 30px;\n }\n &:focus-visible {\n outline-color: $primary-text;\n outline-style: auto;\n outline-width: 2px;\n outline-offset: 0px;\n }\n .panelText {\n font-family: $header-font;\n font-weight: bold;\n font-size: 18px;\n flex: 1;\n }\n .panelChevron {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 18px;\n height: 18px;\n border-radius: 100px;\n margin-right: 6px;\n @include breakpoint(phablet) {\n margin-right: 0;\n }\n &::after {\n content: "";\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 18px;\n height: 18px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: translateY(-30%) rotate(45deg);\n transition: transform 0.3s ease-in-out;\n }\n &.expanded {\n &::after {\n transform: translateY(30%) rotate(225deg);\n }\n }\n }\n }\n .content {\n opacity: 0;\n margin-top: 0px;\n line-height: 0;\n max-height: 0;\n overflow: hidden;\n padding: 0 15px 0;\n @include breakpoint(phablet) {\n padding: 0 30px 0;\n }\n &.initialized {\n animation: hide 0.3s ease-in-out;\n }\n\n &.expanded {\n animation: show 0.3s ease-in-out;\n opacity: 1;\n margin-top: 0px;\n padding: 8px 15px 15px;\n line-height: inherit;\n max-height: 10000px;\n @include breakpoint(phablet) {\n padding: 8px 30px 15px;\n }\n }\n }\n',"@mixin breakpoint($point) {\n @if $point == desktop {\n @media (min-width: $screen-desktop) {\n @content;\n }\n } @else if $point == laptop {\n @media (min-width: $screen-laptop) {\n @content;\n }\n } @else if $point == tablet {\n @media (min-width: $screen-tablet) {\n @content;\n }\n } @else if $point == phablet {\n @media (min-width: $screen-phablet) {\n @content;\n }\n }\n}\n","$body-background: #ffffff;\n$navigation-bar-background: #f7f7f7;\n$hover-background: rgba(0,0,0,.05);\n$default-border: #d8d8d8;\n\n$default-background: #eee;\n$default-background-hover: #ddd;\n$default-text:#2F3940;\n\n$primary-brand: #FE5000;\n$secondary-brand: #4C7AA9;\n\n$primary-background: #4C7AA9;\n$primary-background-hover: #FE5000;\n$primary-text: #3767C7;\n$primary-text-hover:#0056b3;\n\n\n$success-background: #06A755;\n$success-background-hover: #009745;\n$success-text: #06A755;\n\n\n$warning-background: #C38621;\n$warning-background-hover: #B37611;\n$warning-text: #C38621;\n\n$danger-background: #E00d0D;\n$danger-background-hover: #D00000;\n$danger-text: #E00d0D;\n\n$disabled-background: #eee;\n$disabled-text: #d8d8d8;\n","\ufeff@mixin appearance ($value) {\n -webkit-appearance: $value;\n -moz-appearance: $value;\n appearance: $value;\n}\n","@mixin border-radius($radius) {\n -webkit-border-radius: $radius;\n border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n -webkit-border-top-right-radius: $radius;\n border-top-right-radius: $radius;\n -webkit-border-top-left-radius: $radius;\n border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n -webkit-border-bottom-right-radius: $radius;\n border-bottom-right-radius: $radius;\n -webkit-border-top-right-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n -webkit-border-bottom-right-radius: $radius;\n border-bottom-right-radius: $radius;\n -webkit-border-bottom-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n -webkit-border-bottom-left-radius: $radius;\n border-bottom-left-radius: $radius;\n -webkit-border-top-left-radius: $radius;\n border-top-left-radius: $radius;\n}",'$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;'],sourceRoot:""}]);const s=a},6214:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});const o='<template>\n <button id="panel-button" class="panel" aria-expanded="false">\n <span id="panel-text" class="panelText"></span><span id="panel-chevron" class="panelChevron"></span>\n </button>\n <div id="content" class="content">\n <slot></slot>\n </div>\n</template>\n'},7638:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,i,r){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(a[d]=!0)}for(var A=0;A<e.length;A++){var p=[].concat(e[A]);o&&a[p[0]]||(void 0!==r&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=r),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),i&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=i):p[4]="".concat(i)),t.push(p))}},t}},4663:e=>{e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),r="/*# ".concat(i," */");return[t].concat([r]).join("\n")}return[t].join("\n")}},1397:function(e,t,n){var o=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(i,r){function a(e){try{d(o.next(e))}catch(e){r(e)}}function s(e){try{d(o.throw(e))}catch(e){r(e)}}function d(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}d((o=o.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;const i=n(5969),r=n(5773),a=n(3804);t.Component=e=>t=>{var n;const s=e.tag||a.toKebabCase(t.prototype.constructor.name),d=((n=class extends t{constructor(){super(),this.props={},this.showShadowRoot=null==e.shadow||e.shadow,!this.shadowRoot&&this.showShadowRoot&&this.attachShadow({mode:"open"})}static get observedAttributes(){return Object.keys(this.propsInit||{}).map((e=>a.toKebabCase(e)))}attributeChangedCallback(e,t,n){this.onAttributeChange(e,t,n)}onAttributeChange(e,t,n,o=!0){if(t!=n){o&&(this[a.toCamelCase(e)]=n);const i=this.constructor.watchAttributes;if(i&&i[e]){const o=i[e];this.__connected&&"function"==typeof this[o]&&this[o]({old:t,new:n})}}}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return o(this,void 0,void 0,(function*(){yield this.render(),e.connectedCallback&&e.connectedCallback.call(this),this.__connected=!0,i.addEventListeners(this),r.initializeProps(this)}))}render(){return o(this,void 0,void 0,(function*(){if(this.__connected)return;const t=document.createElement("template");t.innerHTML=yield this.getStyle(),e.template instanceof Promise?t.content.appendChild(yield this.getExternalTemplate()):"string"==typeof e.template&&(t.innerHTML+=e.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(t.content.cloneNode(!0))}))}getExternalTemplate(){return o(this,void 0,void 0,(function*(){const t=(yield e.template).default.toString(),n=document.createRange().createContextualFragment(t);return 1===n.children.length&&"TEMPLATE"===n.children[0].nodeName?n.firstChild.content:n}))}getStyle(){return o(this,void 0,void 0,(function*(){let t;return e.style instanceof Promise?t=(yield e.style).default.toString():"string"==typeof e.style&&(t=e.style),t?`<style>${t}</style>`:""}))}}).__connected=!1,n.ready=new Promise(((e,t)=>e(!0))),n);return customElements.get(s)||customElements.define(s,d),d}},985:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CustomElement=void 0;class n extends HTMLElement{constructor(){super()}connect(e){this.isConnected||document.querySelector(e).appendChild(this)}}t.CustomElement=n},265:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getShadowRootElement=t.getElement=void 0,t.getElement=e=>document.querySelector(e),t.getShadowRootElement=(e,t)=>e.shadowRoot.querySelector(t)},406:function(e,t,n){var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n),Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(1397),t),i(n(985),t),i(n(265),t),i(n(5969),t),i(n(5773),t),i(n(4271),t),i(n(9766),t),i(n(4938),t)},5969:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Dispatch=t.addEventListeners=t.Listen=void 0;const o=n(3804);t.Listen=(e,t)=>(n,o)=>{n.constructor.listeners||(n.constructor.listeners=[]),n.constructor.listeners.push({selector:t,eventName:e,handler:n[o]})},t.addEventListeners=e=>{if(e.constructor.listeners){const t=e.shadowRoot||e;for(const n of e.constructor.listeners){const o=n.selector?t.querySelector(n.selector)?t.querySelector(n.selector):null:e;o&&o.addEventListener(n.eventName,(t=>{n.handler.call(e,t)}))}}},t.Dispatch=e=>(t,n)=>{Object.defineProperty(t,n,{get:function(){const t=this;return{emit(i){const r=e||o.toDotCase(n);t.dispatchEvent(new CustomEvent(r,i))}}}})}},5773:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initializeProps=t.Prop=void 0;const o=n(3804);t.Prop=()=>(e,t)=>{const n=o.toKebabCase(t);e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return this.props[t]?this.props[t]:this.getAttribute(n)},set:function(e){if(this.__connected){const i=this.props[t];this.props[t]=o.tryParseInt(e),"object"!=typeof e?this.setAttribute(n,e):this.onAttributeChange(n,i,e,!1)}else this.hasAttribute(o.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})},t.initializeProps=e=>{const t=e.constructor.watchAttributes;for(let n of(e=>{const t=e.constructor.watchAttributes,n=Object.assign({},t);Object.keys(n).forEach((e=>n[e]=""));const o=Object.assign(Object.assign({},n),e.constructor.propsInit);return Object.keys(o)})(e)){if(t)if(null==t[o.toKebabCase(n)])t[o.toKebabCase(n)]="";else{const i=e.props[n]||e.getAttribute(o.toKebabCase(n));"function"==typeof e[t[n]]&&e[t[n]]({new:i})}e.constructor.propsInit[n]&&(e.hasAttribute(o.toKebabCase(n))||(e[n]=e.constructor.propsInit[n]))}}},4271:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toggle=void 0;const o=n(3804);t.Toggle=()=>(e,t)=>{e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return(e=>{if(this.hasAttribute(e)){const t=this.getAttribute(e);return!!/^(true|false|^$)$/.test(t)&&("true"==t||""==t)}return!1})(t)},set:function(e){const n=e;if(null!=e)switch(typeof e){case"boolean":break;case"string":/^(true|false|^$)$/.test(e)?e="true"==n||""==n:(console.warn(`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`),e=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`}this.__connected?(this.props[t]=e||!1,""!==n&&null!==n?this.setAttribute(t,e):e?this.setAttribute(t,""):this.removeAttribute(t)):this.hasAttribute(o.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})}},9766:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},3804:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.tryParseInt=t.toDotCase=t.toCamelCase=t.toKebabCase=void 0,t.toKebabCase=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),t.toCamelCase=e=>e.toLowerCase().replace(/(\-\w)/g,(e=>e[1].toUpperCase())),t.toDotCase=e=>e.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),t.tryParseInt=e=>parseInt(e)==e&&NaN!==parseFloat(e)?parseInt(e):e},4938:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Watch=void 0;const o=n(3804);t.Watch=e=>(t,n)=>{t.constructor.watchAttributes||(t.constructor.watchAttributes={}),t.constructor.watchAttributes[o.toKebabCase(e)]=n,t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null}},5527:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.addGlobalStylesheet=t.getFocusableElementsInsideElement=void 0,t.getFocusableElementsInsideElement=e=>e.querySelectorAll('button, [href], input, [tabindex="0"]'),t.addGlobalStylesheet=(e,t)=>{const n=document.createElement("style");n.setAttribute("id",e),n.textContent=t,document.getElementById(e)||document.head.appendChild(n)}},3301:function(e,t,n){var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,i)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GnAccordion=void 0;const d=n(406),A=n(5527),p=s(n(583));let c=class extends d.CustomElement{constructor(){super(),(0,A.addGlobalStylesheet)("gn-accordion-styles",p.default)}toggleExpand(){(0,d.getShadowRootElement)(this,"#content").classList.add("initialized");const e=this.isExpanded(this.expanded);this.setAttribute("expanded",e?"false":"true")}isExpanded(e){return""===(null==e?void 0:e.toString())||"true"===(null==e?void 0:e.toString())}connectedCallback(){(0,d.getShadowRootElement)(this,"#panel-button").onclick=()=>this.toggleExpand(),(0,d.getShadowRootElement)(this,"#panel-text").innerText=this.title}titleChanged(){(0,d.getShadowRootElement)(this,"#panel-text").innerText=this.title}expandedChanged(){const e=this.isExpanded(this.expanded),t=(0,d.getShadowRootElement)(this,"#panel-button"),n=(0,d.getShadowRootElement)(this,"#panel-chevron"),o=(0,d.getShadowRootElement)(this,"#content");e?(t.setAttribute("aria-expanded","true"),n.classList.add("expanded"),o.classList.add("expanded")):(t.setAttribute("aria-expanded","false"),n.classList.remove("expanded"),o.classList.remove("expanded"))}setup(e){this.connect(e.container),e.id&&(this.id=e.id)}};r([(0,d.Prop)()],c.prototype,"title",void 0),r([(0,d.Toggle)()],c.prototype,"expanded",void 0),r([(0,d.Watch)("title")],c.prototype,"titleChanged",null),r([(0,d.Watch)("expanded")],c.prototype,"expandedChanged",null),c=r([(0,d.Component)({tag:"gn-accordion",template:Promise.resolve().then((()=>a(n(6214)))),style:Promise.resolve().then((()=>a(n(656))))})],c),t.GnAccordion=c}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var r=t[o]={id:o,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(3301)})()));
2
+ //# sourceMappingURL=GnAccordion.js.map
package/GnAccordion.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GnAccordion.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAkB,SAAID,KAEtBD,EAAe,SAAIA,EAAe,UAAK,CAAC,EAAGA,EAAe,SAAe,YAAIC,IAC9E,CATD,CASGK,MAAM,I,uGCNLC,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACL,EAAOM,GAAI,iEAAoE,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,qDAAqD,gDAAgD,MAAQ,GAAG,SAAW,4BAA4B,eAAiB,CAAC,0GAA4G,iFAAqF,WAAa,MAE/f,S,+ECJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACL,EAAOM,GAAI,ouEAA2uE,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iDAAiD,6CAA6C,2CAA2C,4CAA4C,+CAA+C,gDAAgD,MAAQ,GAAG,SAAW,szCAAszC,eAAiB,CAAC,29HAA+9H,mfAAmf,0uBAA0uB,kIAA6H,28BAA28B,iFAAqF,WAAa,MAEvwU,S,+CCPA,+S,WCMAN,EAAOD,QAAU,SAAUQ,GACzB,IAAIC,EAAO,GA4EX,OAzEAA,EAAKC,SAAW,WACd,OAAOC,KAAKC,KAAI,SAAUC,GACxB,IAAIC,EAAU,GACVC,OAA+B,IAAZF,EAAK,GAoB5B,OAnBIA,EAAK,KACPC,GAAW,cAAcE,OAAOH,EAAK,GAAI,QAEvCA,EAAK,KACPC,GAAW,UAAUE,OAAOH,EAAK,GAAI,OAEnCE,IACFD,GAAW,SAASE,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,OAE5EC,GAAWN,EAAuBK,GAC9BE,IACFD,GAAW,KAETD,EAAK,KACPC,GAAW,KAETD,EAAK,KACPC,GAAW,KAENA,CACT,IAAGI,KAAK,GACV,EAGAT,EAAKU,EAAI,SAAWC,EAASC,EAAOC,EAAQC,EAAUC,GAC7B,iBAAZJ,IACTA,EAAU,CAAC,CAAC,KAAMA,OAASK,KAE7B,IAAIC,EAAyB,CAAC,EAC9B,GAAIJ,EACF,IAAK,IAAIK,EAAI,EAAGA,EAAIhB,KAAKM,OAAQU,IAAK,CACpC,IAAIpB,EAAKI,KAAKgB,GAAG,GACP,MAANpB,IACFmB,EAAuBnB,IAAM,EAEjC,CAEF,IAAK,IAAIqB,EAAK,EAAGA,EAAKR,EAAQH,OAAQW,IAAM,CAC1C,IAAIf,EAAO,GAAGG,OAAOI,EAAQQ,IACzBN,GAAUI,EAAuBb,EAAK,WAGrB,IAAVW,SACc,IAAZX,EAAK,KAGdA,EAAK,GAAK,SAASG,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,MAAMG,OAAOH,EAAK,GAAI,MAF/FA,EAAK,GAAKW,GAMVH,IACGR,EAAK,IAGRA,EAAK,GAAK,UAAUG,OAAOH,EAAK,GAAI,MAAMG,OAAOH,EAAK,GAAI,KAC1DA,EAAK,GAAKQ,GAHVR,EAAK,GAAKQ,GAMVE,IACGV,EAAK,IAGRA,EAAK,GAAK,cAAcG,OAAOH,EAAK,GAAI,OAAOG,OAAOH,EAAK,GAAI,KAC/DA,EAAK,GAAKU,GAHVV,EAAK,GAAK,GAAGG,OAAOO,IAMxBd,EAAKH,KAAKO,GACZ,CACF,EACOJ,CACT,C,WClFAR,EAAOD,QAAU,SAAUa,GACzB,IAAIC,EAAUD,EAAK,GACfgB,EAAahB,EAAK,GACtB,IAAKgB,EACH,OAAOf,EAET,GAAoB,mBAATgB,KAAqB,CAC9B,IAAIC,EAASD,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUN,MACzDO,EAAO,+DAA+DpB,OAAOe,GAC7EM,EAAgB,OAAOrB,OAAOoB,EAAM,OACxC,MAAO,CAACtB,GAASE,OAAO,CAACqB,IAAgBnB,KAAK,KAChD,CACA,MAAO,CAACJ,GAASI,KAAK,KACxB,C,2ZCfA,gBACA,UAEA,UAEa,EAAAoB,UAAaC,GAChBC,I,MACN,MAAMC,EAAcF,EAAKE,KAAO,EAAAC,YAAYF,EAAOG,UAAUC,YAAYC,MACnEC,IAAa,EAAQ,cAAeN,EAaxCI,cACEG,QARK,KAAAC,MAAkB,CAAC,EAUxBrC,KAAKsC,eAAgC,MAAfV,EAAKW,QAAwBX,EAAKW,QAEnDvC,KAAKwC,YAAcxC,KAAKsC,gBAC3BtC,KAAKyC,aAAa,CAAEC,KAAM,QAE9B,CAZkBC,gCAChB,OAAOC,OAAOC,KAAK7C,KAAK8C,WAAa,CAAC,GAAG7C,KAAI8C,GAAK,EAAAhB,YAAYgB,IAChE,CAYOC,yBAAyBd,EAAce,EAAkBC,GAC9DlD,KAAKmD,kBAAkBjB,EAAMe,EAAUC,EACzC,CAEOC,kBAAkBjB,EAAce,EAAkBC,EAAkBE,GAAe,GACxF,GAAIH,GAAYC,EAAU,CACpBE,IAAOpD,KAAK,EAAAqD,YAAYnB,IAASgB,GACrC,MAAMI,EAA6BtD,KAAKiC,YAAoBqB,gBAC5D,GAAIA,GAAmBA,EAAgBpB,GAAO,CAC5C,MAAMqB,EAAuBD,EAAgBpB,GACzClC,KAAKwD,aAC0B,mBAAtBxD,KAAKuD,IACdvD,KAAKuD,GAAc,CAAEE,IAAKR,EAAUS,IAAKR,G,EAKnD,CAEaS,oB,iIACL3D,KAAK4D,SACX,EAAMD,mBAAqB,EAAMA,kBAAiB,WAClD3D,KAAKwD,aAAc,EAEnB,EAAAK,kBAAkB7D,MAClB,EAAA8D,gBAAgB9D,KAClB,G,CAEc4D,S,yCACZ,GAAI5D,KAAKwD,YACP,OAGF,MAAMO,EAAWC,SAASC,cAAc,YACxCF,EAASG,gBAAkBlE,KAAKmE,WAE5BvC,EAAKmC,oBAAoBK,QAC3BL,EAAS5D,QAAQkE,kBAAkBrE,KAAKsE,uBACN,iBAAlB1C,EAAKmC,WACrBA,EAASG,WAAatC,EAAKmC,WAG5B/D,KAAKsC,eAAiBtC,KAAKwC,WAAaxC,MAAMqE,YAAYN,EAAS5D,QAAQoE,WAAU,GACxF,G,CAEcD,sB,yCACZ,MACME,SADwB5C,EAAKmC,UACLU,QAAQ1E,WAChC2E,EAAWV,SAASW,cAAcC,yBAAyBJ,GAEjE,OAAiC,IAA7BE,EAASG,SAASvE,QAAkD,aAAlCoE,EAASG,SAAS,GAAGC,SACjDJ,EAASK,WAAmC5E,QAE/CuE,CACT,G,CAEcP,W,yCACZ,IAAIa,EASJ,OAPIpD,EAAKqD,iBAAiBb,QAExBY,SAD0BpD,EAAKqD,OACbR,QAAQ1E,WACK,iBAAf6B,EAAKqD,QACrBD,EAAMpD,EAAKqD,OAGHD,EAAM,UAAUA,YAAgB,EAC5C,G,IAzFiBxB,aAAuB,EAIvB,EAAA0B,MAA0B,IAAId,SAAQ,CAACe,EAASC,IAAMD,GAAQ,K,GA4FjF,OAJKE,eAAeC,IAAIxD,IACtBuD,eAAe9F,OAAOuC,EAAKK,GAGtBA,CAAa,C,sFCvGxB,MAAsBoD,UAAsBC,YAC1CvD,cACEG,OACF,CAIUqD,QAAQC,GACX1F,KAAK2F,aACR3B,SAAS4B,cAAcF,GAAUrB,YAAYrE,KAEjD,EAXF,iB,0GCFa,EAAA6F,WAAqCH,GACzC1B,SAAS4B,cAAcF,GAGnB,EAAAI,qBAAuB,CAAwB3D,EAA4BuD,IAC/EvD,EAAcK,WAAWoD,cAAcF,E,gZCLhD,aACA,YACA,YACA,aACA,aACA,aACA,aACA,Y,iHCPA,gBA2DS,EAAAK,OAzCM,CAACC,EAAmBN,IAC1B,CAAC7D,EAAaoE,KACdpE,EAAOI,YAAYiE,YACtBrE,EAAOI,YAAYiE,UAAY,IAEjCrE,EAAOI,YAAYiE,UAAUvG,KAAK,CAAE+F,SAAUA,EAAUM,UAAWA,EAAWG,QAAStE,EAAOoE,IAAc,EAoC/F,EAAApC,kBAhCUhC,IACzB,GAAIA,EAAOI,YAAYiE,UAAW,CAChC,MAAME,EAAkBvE,EAAOW,YAAcX,EAC7C,IAAK,MAAMwE,KAAYxE,EAAOI,YAAYiE,UAAsC,CAC9E,MAAMI,EAAeD,EAAiB,SAClCD,EAAWR,cAAcS,EAASX,UAChCU,EAAWR,cAAcS,EAASX,UAAY,KAChD7D,EACAyE,GACFA,EAAYC,iBAAiBF,EAASL,WAAYQ,IAChDH,EAASF,QAAQM,KAAK5E,EAAQ2E,EAAE,G,IAsBW,EAAAE,SAfnCV,GACT,CAACnE,EAAqB8E,KAU3B/D,OAAOgE,eAAe/E,EAAQ8E,EAAc,CAAErB,IAT9C,WACE,MAAM7F,EAAoBO,KAC1B,MAAO,CACL6G,KAAKC,GACH,MAAMC,EAAU,GAA0B,EAAAC,UAAUL,GACpDlH,EAAKwH,cAAc,IAAIC,YAAYH,EAASD,GAC9C,EAEJ,GACoD,C,kGCvDxD,gBAEa,EAAAK,KAAO,IACX,CAACtF,EAAauF,KACnB,MAAMC,EAAW,EAAAtF,YAAYqF,GAsBxBvF,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUsE,GAAY,KACzCxE,OAAOgE,eAAe/E,EAAQuF,EAAU,CAAE9B,IAzB1C,WACE,OAAItF,KAAKqC,MAAM+E,GACNpH,KAAKqC,MAAM+E,GAEbpH,KAAKsH,aAAaD,EAC3B,EAoB+CjE,IAnB/C,SAAamE,GACX,GAAIvH,KAAKwD,YAAa,CACpB,MAAMP,EAAWjD,KAAKqC,MAAM+E,GAC5BpH,KAAKqC,MAAM+E,GAAY,EAAAI,YAAYD,GACf,iBAATA,EACTvH,KAAKyH,aAAaJ,EAAUE,GAE5BvH,KAAKmD,kBAAkBkE,EAAUpE,EAAUsE,GAAO,E,MAG/CvH,KAAK0H,aAAa,EAAA3F,YAAYqF,MACjCpH,KAAKiC,YAAYa,UAAUsE,GAAYG,EAG7C,GAKqD,EAY5C,EAAAzD,gBAAmBjC,IAC9B,MAAMyB,EAAkBzB,EAAOI,YAAYqB,gBAC3C,IAAK,IAAIqE,IAVM,CAAC9F,IAChB,MAAMyB,EAAkBzB,EAAOI,YAAYqB,gBACrCsE,EAAkB,OAAH,UAAQtE,GAC7BV,OAAOC,KAAK+E,GAAiBC,SAAQC,GAAKF,EAAgBE,GAAK,KAC/D,MAAMC,EAAa,OAAH,wBAAQH,GAAoB/F,EAAOI,YAAYa,WAC/D,OAAOF,OAAOC,KAAKkF,EAAW,EAKbC,CAASnG,GAAS,CACjC,GAAIyB,EACF,GAA0C,MAAtCA,EAAgB,EAAAvB,YAAY4F,IAC9BrE,EAAgB,EAAAvB,YAAY4F,IAAS,OAChC,CACL,MAAMM,EAAcpG,EAAOQ,MAAMsF,IAAS9F,EAAOyF,aAAa,EAAAvF,YAAY4F,IAC9B,mBAAjC9F,EAAOyB,EAAgBqE,KAChC9F,EAAOyB,EAAgBqE,IAAO,CAAEjE,IAAKuE,G,CAIvCpG,EAAOI,YAAYa,UAAU6E,KAC1B9F,EAAO6F,aAAa,EAAA3F,YAAY4F,MACnC9F,EAAO8F,GAAQ9F,EAAOI,YAAYa,UAAU6E,I,oFCzDpD,gBAEa,EAAAO,OAAS,IACb,CAACrG,EAAauF,KAkDdvF,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUsE,GAAY,KACzCxE,OAAOgE,eAAe/E,EAAQuF,EAAU,CAAE9B,IArD1C,WAYE,MAXqB,CAAC8B,IACpB,GAAIpH,KAAK0H,aAAaN,GAAW,CAC/B,MAAMe,EAAYnI,KAAKsH,aAAaF,GACpC,QAAI,oBAAoBgB,KAAKD,KACP,QAAbA,GAAoC,IAAbA,E,CAKlC,OAAO,CAAK,EAEPb,CAAaF,EACtB,EAwC+ChE,IAvC/C,SAAamE,GACX,MAAMtE,EAAWsE,EACjB,GAAazG,MAATyG,EACF,cAAeA,GACb,IAAK,UACH,MACF,IAAK,SACC,oBAAoBa,KAAKb,GAC3BA,EAAoB,QAAZtE,GAAkC,IAAZA,GAE9BoF,QAAQC,KAAK,kDAAkDlB,UAAiBG,MAChFA,GAAQ,GAEV,MACF,QACE,KAAM,kDAAmDH,UAAiBG,KAG5EvH,KAAKwD,aACPxD,KAAKqC,MAAM+E,GAAYG,IAAS,EACf,KAAbtE,GAAgC,OAAbA,EACrBjD,KAAKyH,aAAaL,EAAUG,GAExBA,EACFvH,KAAKyH,aAAaL,EAAU,IAE5BpH,KAAKuI,gBAAgBnB,IAIpBpH,KAAK0H,aAAa,EAAA3F,YAAYqF,MACjCpH,KAAKiC,YAAYa,UAAUsE,GAAYG,EAG7C,GAKqD,C,4LCzD5C,EAAAxF,YAAeyG,GACnBA,EACJC,QAAQ,kBAAmB,SAC3BA,QAAQ,UAAW,KACnBC,cAGQ,EAAArF,YAAemF,GACnBA,EACJE,cACAD,QAAQ,WAAYE,GAAMA,EAAE,GAAGC,gBAGvB,EAAA5B,UAAawB,GACjBA,EAAIC,QAAQ,gBAAiB,OACjCA,QAAQ,sBAAuB,KAC/BC,cAGQ,EAAAlB,YAAeD,GAClBsB,SAAStB,IAAUA,GAA+BuB,MAAtBC,WAAWxB,GAAkBsB,SAAStB,GAASA,C,iFCpBrF,gBAEa,EAAAyB,MAAS3B,GACb,CAACxF,EAAa8E,KACd9E,EAAOI,YAAYqB,kBACtBzB,EAAOI,YAAYqB,gBAAkB,CAAC,GAExCzB,EAAOI,YAAYqB,gBAAgB,EAAAvB,YAAYsF,IAAaV,EACvD9E,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUuE,GAAY,IAAI,C,iICXpC,EAAA4B,kCAAqCC,GACvCA,EAAQC,iBAAiB,yCAGvB,EAAAC,oBAAsB,CAACC,EAAwBC,KACxD,MAAMrE,EAAQjB,SAASC,cAAc,SACrCgB,EAAMwC,aAAa,KAAM4B,GACzBpE,EAAMsE,YAAcD,EACftF,SAASwF,eAAeH,IACzBrF,SAASyF,KAAKpF,YAAYY,E,mpCCRlC,eAWA,UAGA,YASO,IAAMyE,EAAN,cAA0B,EAAAnE,cAI7BtD,cACIG,SACA,IAAAgH,qBAAoB,sBAAuB,UAC/C,CAEAO,gBAC2B,IAAA7D,sBAAqB9F,KAAM,YACnC4J,UAAUC,IAAI,eAE7B,MAAMC,EAAa9J,KAAK8J,WAAW9J,KAAK+J,UACxC/J,KAAKyH,aAAa,WAAYqC,EAAa,QAAU,OACzD,CAEAA,WAAWC,GACP,MAAgC,MAAzBA,aAAQ,EAARA,EAAUhK,aAA8C,UAAzBgK,aAAQ,EAARA,EAAUhK,WACpD,CAEA4D,qBAC+B,IAAAmC,sBAAqB9F,KAAM,iBACnCgK,QAAU,IAAMhK,KAAK2J,gBACf,IAAA7D,sBAAqB9F,KAAM,eACnCiK,UAAYjK,KAAKkK,KACtC,CAGAC,gBAC6B,IAAArE,sBAAqB9F,KAAM,eACnCiK,UAAYjK,KAAKkK,KACtC,CAGAE,kBACI,MAAMN,EAAa9J,KAAK8J,WAAW9J,KAAK+J,UAElCM,GAAqB,IAAAvE,sBAAqB9F,KAAM,iBAChDsK,GAAsB,IAAAxE,sBAAqB9F,KAAM,kBACjDuK,GAAiB,IAAAzE,sBAAqB9F,KAAM,YAE9C8J,GACAO,EAAmB5C,aAAa,gBAAiB,QACjD6C,EAAoBV,UAAUC,IAAI,YAClCU,EAAeX,UAAUC,IAAI,cAE7BQ,EAAmB5C,aAAa,gBAAiB,SACjD6C,EAAoBV,UAAUY,OAAO,YACrCD,EAAeX,UAAUY,OAAO,YAExC,CAEAC,MAAM3D,GACF9G,KAAKyF,QAAQqB,EAAQ4D,WACjB5D,EAAQlH,KACRI,KAAKJ,GAAKkH,EAAQlH,GAE1B,GAzDQ,IAAP,IAAAuH,S,4BACS,IAAT,IAAAe,W,+BA2BD,IADC,IAAAc,OAAM,U,iCAOP,IADC,IAAAA,OAAM,a,oCAlCEU,EAAW,IALvB,IAAA/H,WAAU,CACPG,IAAK,eACLiC,SAAU,QAAF,wBAAS,SACjBkB,MAAO,QAAF,wBAAS,WAELyE,GAAA,EAAAA,YAAAA,C,GCvBTiB,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqB/J,IAAjBgK,EACH,OAAOA,EAAazL,QAGrB,IAAIC,EAASqL,EAAyBE,GAAY,CACjDjL,GAAIiL,EAEJxL,QAAS,CAAC,GAOX,OAHA0L,EAAoBF,GAAUpE,KAAKnH,EAAOD,QAASC,EAAQA,EAAOD,QAASuL,GAGpEtL,EAAOD,OACf,C,OCrBAuL,EAAoBI,EAAK1L,IACxB,IAAI2L,EAAS3L,GAAUA,EAAO4L,WAC7B,IAAO5L,EAAiB,QACxB,IAAM,EAEP,OADAsL,EAAoBO,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdL,EAAoBO,EAAI,CAAC9L,EAASgM,KACjC,IAAI,IAAIC,KAAOD,EACXT,EAAoBW,EAAEF,EAAYC,KAASV,EAAoBW,EAAElM,EAASiM,IAC5E1I,OAAOgE,eAAevH,EAASiM,EAAK,CAAEE,YAAY,EAAMlG,IAAK+F,EAAWC,IAE1E,ECNDV,EAAoBW,EAAI,CAACE,EAAK9D,IAAU/E,OAAOZ,UAAU0J,eAAejF,KAAKgF,EAAK9D,GCClFiD,EAAoBe,EAAKtM,IACH,oBAAXuM,QAA0BA,OAAOC,aAC1CjJ,OAAOgE,eAAevH,EAASuM,OAAOC,YAAa,CAAEtE,MAAO,WAE7D3E,OAAOgE,eAAevH,EAAS,aAAc,CAAEkI,OAAO,GAAO,ECFpCqD,EAAoB,K","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/gn-accordion/gn-accordion.scss","webpack://geonorge/./stories/gn-accordion/template.scss","webpack://geonorge/./stories/gn-accordion/gn-accordion.html","webpack://geonorge/../node_modules/css-loader/dist/runtime/api.js","webpack://geonorge/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://geonorge/../node_modules/super-custom-elements/src/component.ts","webpack://geonorge/../node_modules/super-custom-elements/src/custom-element.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/listen.ts","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/../node_modules/super-custom-elements/src/toggle.ts","webpack://geonorge/../node_modules/super-custom-elements/src/util.ts","webpack://geonorge/../node_modules/super-custom-elements/src/watch.ts","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/gn-accordion/gn-accordion.ts","webpack://geonorge/webpack/bootstrap","webpack://geonorge/webpack/runtime/compat get default export","webpack://geonorge/webpack/runtime/define property getters","webpack://geonorge/webpack/runtime/hasOwnProperty shorthand","webpack://geonorge/webpack/runtime/make namespace object","webpack://geonorge/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"geonorge\"] = factory();\n\telse\n\t\troot[\"geonorge\"] = root[\"geonorge\"] || {}, root[\"geonorge\"][\"GnAccordion\"] = factory();\n})(self, () => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"gn-accordion{font-family:\\\"Open Sans\\\",sans-serif;display:block}\", \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-accordion/gn-accordion.scss\",\"webpack://./style/variables/_typography.scss\"],\"names\":[],\"mappings\":\"AAEA,aACI,kCCHW,CDIX,aAAA\",\"sourcesContent\":[\"@import \\\"../../style/all\\\";\\n\\ngn-accordion {\\n font-family: $default-font;\\n display: block;\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@keyframes show{0%{opacity:0;margin-top:0px;padding:0 15px 0;line-height:0;max-height:0}100%{opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:1000px}}@keyframes hide{100%{opacity:0;margin-top:0px;padding:0 15px 0;line-height:0;max-height:0}0%{opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:1000px}}@media(min-width: 37.5em){@keyframes show{0%{opacity:0;margin-top:0px;padding:0 30px 0;line-height:0;max-height:0}100%{opacity:1;margin-top:0px;padding:8px 30px 15px;line-height:inherit;max-height:1000px}}@keyframes hide{100%{opacity:0;margin-top:0px;padding:0 30px 0;line-height:0;max-height:0}0%{opacity:1;margin-top:0px;padding:8px 30px 15px;line-height:inherit;max-height:1000px}}}:host{background-color:#eee}.panel{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;font-family:\\\"Open Sans\\\",sans-serif;padding:15px 15px;display:flex;align-items:center;position:relative;text-decoration:none;overflow-wrap:break-word;line-height:1.7;cursor:pointer;border:none;width:100%;background:none;text-align:left}@media(min-width: 37.5em){.panel{padding:15px 30px}}.panel:focus-visible{outline-color:#3767c7;outline-style:auto;outline-width:2px;outline-offset:0px}.panel .panelText{font-family:\\\"Raleway\\\",sans-serif;font-weight:bold;font-size:18px;flex:1}.panel .panelChevron{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;border-radius:100px;margin-right:6px}@media(min-width: 37.5em){.panel .panelChevron{margin-right:0}}.panel .panelChevron::after{content:\\\"\\\";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border-bottom:2px solid;border-right:2px solid;transform:translateY(-30%) rotate(45deg);transition:transform .3s ease-in-out}.panel .panelChevron.expanded::after{transform:translateY(30%) rotate(225deg)}.content{opacity:0;margin-top:0px;line-height:0;max-height:0;overflow:hidden;padding:0 15px 0}@media(min-width: 37.5em){.content{padding:0 30px 0}}.content.initialized{animation:hide .3s ease-in-out}.content.expanded{animation:show .3s ease-in-out;opacity:1;margin-top:0px;padding:8px 15px 15px;line-height:inherit;max-height:10000px}@media(min-width: 37.5em){.content.expanded{padding:8px 30px 15px}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-accordion/template.scss\",\"webpack://./style/mixins/_breakpoints.scss\",\"webpack://./style/variables/_colors.scss\",\"webpack://./style/mixins/_appearance.scss\",\"webpack://./style/mixins/_border-radius.scss\",\"webpack://./style/variables/_typography.scss\"],\"names\":[],\"mappings\":\"AAEA,gBACI,GACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,KACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAIR,gBACI,KACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,GACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CClBA,0BDwBJ,gBACI,GACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,KACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAGR,gBACI,KACI,SAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CAEJ,GACI,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,iBAAA,CAAA,CAAA,CAKZ,MACI,qBEpEiB,CFsEjB,OG1EA,uBH2EwB,CG1ExB,oBH0EwB,CGzExB,eHyEwB,CI3E1B,uBJ4E6B,CI3E7B,eJ2E6B,CACvB,kCK9EO,CL+EP,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CC5EA,0BD6DJ,OAiBQ,iBAAA,CAAA,CAEJ,qBACI,qBEjFG,CFkFH,kBAAA,CACA,iBAAA,CACA,kBAAA,CAEJ,kBACI,gCKpGE,CLqGF,gBAAA,CACA,cAAA,CACA,MAAA,CAEJ,qBACI,qBAAA,CACA,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,gBAAA,CCnGJ,0BD4FA,qBASQ,cAAA,CAAA,CAEJ,4BACI,UAAA,CACA,aAAA,CACA,qBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,uBAAA,CACA,sBAAA,CACA,wCAAA,CACA,oCAAA,CAGA,qCACI,wCAAA,CAKhB,SACI,SAAA,CACA,cAAA,CACA,aAAA,CACA,YAAA,CACA,eAAA,CACA,gBAAA,CChIA,0BD0HJ,SAQQ,gBAAA,CAAA,CAEJ,qBACI,8BAAA,CAGJ,kBACI,8BAAA,CACA,SAAA,CACA,cAAA,CACA,qBAAA,CACA,mBAAA,CACA,kBAAA,CC9IJ,0BDwIA,kBAQQ,qBAAA,CAAA\",\"sourcesContent\":[\"@import \\\"../../style/all\\\";\\n\\n@keyframes show {\\n 0% {\\n opacity: 0;\\n margin-top: 0px;\\n padding: 0 15px 0;\\n line-height: 0;\\n max-height: 0;\\n }\\n 100% {\\n opacity: 1;\\n margin-top: 0px;\\n padding: 8px 15px 15px;\\n line-height: inherit;\\n max-height: 1000px;\\n }\\n}\\n\\n@keyframes hide {\\n 100% {\\n opacity: 0;\\n margin-top: 0px;\\n padding: 0 15px 0;\\n line-height: 0;\\n max-height: 0;\\n }\\n 0% {\\n opacity: 1;\\n margin-top: 0px;\\n padding: 8px 15px 15px;\\n line-height: inherit;\\n max-height: 1000px;\\n }\\n}\\n\\n\\n@include breakpoint(phablet) {\\n @keyframes show {\\n 0% {\\n opacity: 0;\\n margin-top: 0px;\\n padding: 0 30px 0;\\n line-height: 0;\\n max-height: 0;\\n }\\n 100% {\\n opacity: 1;\\n margin-top: 0px;\\n padding: 8px 30px 15px;\\n line-height: inherit;\\n max-height: 1000px;\\n }\\n }\\n @keyframes hide {\\n 100% {\\n opacity: 0;\\n margin-top: 0px;\\n padding: 0 30px 0;\\n line-height: 0;\\n max-height: 0;\\n }\\n 0% {\\n opacity: 1;\\n margin-top: 0px;\\n padding: 8px 30px 15px;\\n line-height: inherit;\\n max-height: 1000px;\\n }\\n }\\n}\\n\\n:host {\\n background-color: $default-background;\\n}\\n .panel {\\n @include appearance(none);\\n @include border-radius(0);\\n font-family: $default-font;\\n padding: 15px 15px;\\n display: flex;\\n align-items: center;\\n position: relative;\\n text-decoration: none;\\n overflow-wrap: break-word;\\n line-height: 1.7;\\n cursor: pointer;\\n border: none;\\n width: 100%;\\n background: none;\\n text-align: left;\\n @include breakpoint(phablet) {\\n padding: 15px 30px;\\n }\\n &:focus-visible {\\n outline-color: $primary-text;\\n outline-style: auto;\\n outline-width: 2px;\\n outline-offset: 0px;\\n }\\n .panelText {\\n font-family: $header-font;\\n font-weight: bold;\\n font-size: 18px;\\n flex: 1;\\n }\\n .panelChevron {\\n box-sizing: border-box;\\n position: relative;\\n display: block;\\n width: 18px;\\n height: 18px;\\n border-radius: 100px;\\n margin-right: 6px;\\n @include breakpoint(phablet) {\\n margin-right: 0;\\n }\\n &::after {\\n content: \\\"\\\";\\n display: block;\\n box-sizing: border-box;\\n position: absolute;\\n width: 18px;\\n height: 18px;\\n border-bottom: 2px solid;\\n border-right: 2px solid;\\n transform: translateY(-30%) rotate(45deg);\\n transition: transform 0.3s ease-in-out;\\n }\\n &.expanded {\\n &::after {\\n transform: translateY(30%) rotate(225deg);\\n }\\n }\\n }\\n }\\n .content {\\n opacity: 0;\\n margin-top: 0px;\\n line-height: 0;\\n max-height: 0;\\n overflow: hidden;\\n padding: 0 15px 0;\\n @include breakpoint(phablet) {\\n padding: 0 30px 0;\\n }\\n &.initialized {\\n animation: hide 0.3s ease-in-out;\\n }\\n\\n &.expanded {\\n animation: show 0.3s ease-in-out;\\n opacity: 1;\\n margin-top: 0px;\\n padding: 8px 15px 15px;\\n line-height: inherit;\\n max-height: 10000px;\\n @include breakpoint(phablet) {\\n padding: 8px 30px 15px;\\n }\\n }\\n }\\n\",\"@mixin breakpoint($point) {\\n @if $point == desktop {\\n @media (min-width: $screen-desktop) {\\n @content;\\n }\\n } @else if $point == laptop {\\n @media (min-width: $screen-laptop) {\\n @content;\\n }\\n } @else if $point == tablet {\\n @media (min-width: $screen-tablet) {\\n @content;\\n }\\n } @else if $point == phablet {\\n @media (min-width: $screen-phablet) {\\n @content;\\n }\\n }\\n}\\n\",\"$body-background: #ffffff;\\n$navigation-bar-background: #f7f7f7;\\n$hover-background: rgba(0,0,0,.05);\\n$default-border: #d8d8d8;\\n\\n$default-background: #eee;\\n$default-background-hover: #ddd;\\n$default-text:#2F3940;\\n\\n$primary-brand: #FE5000;\\n$secondary-brand: #4C7AA9;\\n\\n$primary-background: #4C7AA9;\\n$primary-background-hover: #FE5000;\\n$primary-text: #3767C7;\\n$primary-text-hover:#0056b3;\\n\\n\\n$success-background: #06A755;\\n$success-background-hover: #009745;\\n$success-text: #06A755;\\n\\n\\n$warning-background: #C38621;\\n$warning-background-hover: #B37611;\\n$warning-text: #C38621;\\n\\n$danger-background: #E00d0D;\\n$danger-background-hover: #D00000;\\n$danger-text: #E00d0D;\\n\\n$disabled-background: #eee;\\n$disabled-text: #d8d8d8;\\n\",\"@mixin appearance ($value) {\\n -webkit-appearance: $value;\\n -moz-appearance: $value;\\n appearance: $value;\\n}\\n\",\"@mixin border-radius($radius) {\\n -webkit-border-radius: $radius;\\n border-radius: $radius;\\n}\\n\\n// Single side border-radius\\n\\n@mixin border-top-radius($radius) {\\n -webkit-border-top-right-radius: $radius;\\n border-top-right-radius: $radius;\\n -webkit-border-top-left-radius: $radius;\\n border-top-left-radius: $radius;\\n}\\n@mixin border-right-radius($radius) {\\n -webkit-border-bottom-right-radius: $radius;\\n border-bottom-right-radius: $radius;\\n -webkit-border-top-right-radius: $radius;\\n border-top-right-radius: $radius;\\n}\\n@mixin border-bottom-radius($radius) {\\n -webkit-border-bottom-right-radius: $radius;\\n border-bottom-right-radius: $radius;\\n -webkit-border-bottom-left-radius: $radius;\\n border-bottom-left-radius: $radius;\\n}\\n@mixin border-left-radius($radius) {\\n -webkit-border-bottom-left-radius: $radius;\\n border-bottom-left-radius: $radius;\\n -webkit-border-top-left-radius: $radius;\\n border-top-left-radius: $radius;\\n}\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default \"<template>\\n <button id=\\\"panel-button\\\" class=\\\"panel\\\" aria-expanded=\\\"false\\\">\\n <span id=\\\"panel-text\\\" class=\\\"panelText\\\"></span><span id=\\\"panel-chevron\\\" class=\\\"panelChevron\\\"></span>\\n </button>\\n <div id=\\\"content\\\" class=\\\"content\\\">\\n <slot></slot>\\n </div>\\n</template>\\n\";","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","import { addEventListeners, ListenerMetadata } from './listen';\r\nimport { initializeProps } from './prop';\r\nimport { ComponentMetadata, KeyValue } from './types';\r\nimport { toKebabCase, toCamelCase } from './util';\r\n\r\nexport const Component = (args: ComponentMetadata) => {\r\n return (target: any) => {\r\n const tag: string = args.tag || toKebabCase(target.prototype.constructor.name);\r\n const customElement: any = class extends (target as { new(): any }) {\r\n protected static __connected: boolean = false;\r\n protected static propsInit: KeyValue;\r\n protected static watchAttributes: KeyValue;\r\n protected static listeners: ListenerMetadata[];\r\n protected static ready: Promise<boolean> = new Promise((resolve, _) => resolve(true));\r\n public props: KeyValue = {};\r\n private showShadowRoot: boolean;\r\n\r\n public static get observedAttributes(): string[] {\r\n return Object.keys(this.propsInit || {}).map(x => toKebabCase(x));\r\n }\r\n\r\n constructor() {\r\n super();\r\n\r\n this.showShadowRoot = args.shadow == null ? true : args.shadow;\r\n\r\n if (!this.shadowRoot && this.showShadowRoot) {\r\n this.attachShadow({ mode: 'open' });\r\n }\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n this.onAttributeChange(name, oldValue, newValue);\r\n }\r\n\r\n public onAttributeChange(name: string, oldValue: string, newValue: string, set: boolean = true): void {\r\n if (oldValue != newValue) {\r\n if (set) { this[toCamelCase(name)] = newValue; }\r\n const watchAttributes: KeyValue = (this.constructor as any).watchAttributes;\r\n if (watchAttributes && watchAttributes[name]) {\r\n const methodToCall: string = watchAttributes[name];\r\n if (this.__connected) {\r\n if (typeof this[methodToCall] == 'function') {\r\n this[methodToCall]({ old: oldValue, new: newValue });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n public async connectedCallback(): Promise<void> {\r\n await this.render();\r\n super.connectedCallback && super.connectedCallback();\r\n this.__connected = true;\r\n\r\n addEventListeners(this);\r\n initializeProps(this);\r\n }\r\n\r\n private async render(): Promise<void> {\r\n if (this.__connected) {\r\n return;\r\n }\r\n\r\n const template = document.createElement('template');\r\n template.innerHTML = await this.getStyle();\r\n\r\n if (args.template instanceof Promise) {\r\n template.content.appendChild(await this.getExternalTemplate());\r\n } else if (typeof args.template === 'string') {\r\n template.innerHTML += args.template;\r\n }\r\n\r\n (this.showShadowRoot ? this.shadowRoot : this).appendChild(template.content.cloneNode(true));\r\n }\r\n\r\n private async getExternalTemplate(): Promise<DocumentFragment> {\r\n const templateModule = await (args.template as Promise<typeof import('*.html')>);\r\n const markup = templateModule.default.toString();\r\n const fragment = document.createRange().createContextualFragment(markup);\r\n\r\n if (fragment.children.length === 1 && fragment.children[0].nodeName === 'TEMPLATE') {\r\n return (fragment.firstChild as HTMLTemplateElement).content;\r\n }\r\n return fragment;\r\n }\r\n\r\n private async getStyle(): Promise<string> {\r\n let css: string;\r\n\r\n if (args.style instanceof Promise) {\r\n const styleModule = await args.style;\r\n css = styleModule.default.toString();\r\n } else if (typeof args.style === 'string') {\r\n css = args.style;\r\n }\r\n\r\n return `${css ? `<style>${css}</style>` : ''}`\r\n }\r\n };\r\n\r\n if (!customElements.get(tag)) {\r\n customElements.define(tag, customElement);\r\n }\r\n\r\n return customElement;\r\n };\r\n};\r\n\r\n\r\n","import { CustomElementOptions } from \"./types\";\r\n\r\nexport abstract class CustomElement extends HTMLElement {\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected abstract setup(options?: CustomElementOptions): void;\r\n\r\n protected connect(selector: string): void {\r\n if (!this.isConnected) {\r\n document.querySelector(selector).appendChild(this);\r\n }\r\n }\r\n}\r\n","export const getElement = <T extends HTMLElement>(selector: string): T => {\r\n return document.querySelector(selector);\r\n};\r\n\r\nexport const getShadowRootElement = <T extends HTMLElement>(customElement: HTMLElement, selector: string): T => {\r\n return customElement.shadowRoot.querySelector(selector);\r\n};","export * from './component';\r\nexport * from './custom-element';\r\nexport * from './helpers';\r\nexport * from './listen';\r\nexport * from './prop';\r\nexport * from './toggle';\r\nexport * from './types';\r\nexport * from './watch';","import { toDotCase } from './util';\r\n\r\ninterface ListenerMetadata {\r\n eventName: string;\r\n handler: Function;\r\n selector?: string;\r\n}\r\n\r\ninterface CustomEventOptions {\r\n bubbles?: boolean;\r\n composed?: boolean;\r\n detail?: any;\r\n}\r\n\r\ninterface DispatchEmitter {\r\n emit(options?: CustomEventOptions): void;\r\n}\r\n\r\nconst Listen = (eventName: string, selector?: string) => {\r\n return (target: any, methodName: string) => {\r\n if (!target.constructor.listeners) {\r\n target.constructor.listeners = [];\r\n }\r\n target.constructor.listeners.push({ selector: selector, eventName: eventName, handler: target[methodName] });\r\n };\r\n};\r\n\r\nconst addEventListeners = (target: any) => {\r\n if (target.constructor.listeners) {\r\n const targetRoot: any = target.shadowRoot || target;\r\n for (const listener of target.constructor.listeners as Array<ListenerMetadata>) {\r\n const eventTarget = (listener.selector)\r\n ? targetRoot.querySelector(listener.selector)\r\n ? targetRoot.querySelector(listener.selector) : null\r\n : target;\r\n if (eventTarget) {\r\n eventTarget.addEventListener(listener.eventName, (e: CustomEvent) => {\r\n listener.handler.call(target, e);\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst Dispatch = (eventName?: string) => {\r\n return (target: HTMLElement, propertyName: string) => {\r\n function get() {\r\n const self: EventTarget = this as EventTarget;\r\n return {\r\n emit(options?: CustomEventOptions) {\r\n const evtName = (eventName) ? eventName : toDotCase(propertyName);\r\n self.dispatchEvent(new CustomEvent(evtName, options));\r\n }\r\n };\r\n }\r\n Object.defineProperty(target, propertyName, { get });\r\n };\r\n};\r\n\r\nexport { Listen, addEventListeners, DispatchEmitter, Dispatch, CustomEventOptions, ListenerMetadata };","import { toKebabCase, tryParseInt } from './util';\r\n\r\nexport const Prop = (): any => {\r\n return (target: any, propName: any) => {\r\n const attrName = toKebabCase(propName);\r\n function get() {\r\n if (this.props[propName]) {\r\n return this.props[propName];\r\n }\r\n return this.getAttribute(attrName);\r\n }\r\n function set(value: any) {\r\n if (this.__connected) {\r\n const oldValue = this.props[propName];\r\n this.props[propName] = tryParseInt(value);\r\n if (typeof value != 'object') {\r\n this.setAttribute(attrName, value);\r\n } else {\r\n this.onAttributeChange(attrName, oldValue, value, false);\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n\r\nconst getProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n const plainAttributes = { ...watchAttributes };\r\n Object.keys(plainAttributes).forEach(v => plainAttributes[v] = '');\r\n const cycleProps = { ...plainAttributes, ...target.constructor.propsInit };\r\n return Object.keys(cycleProps);\r\n};\r\n\r\nexport const initializeProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n for (let prop of getProps(target)) {\r\n if (watchAttributes) {\r\n if (watchAttributes[toKebabCase(prop)] == null) {\r\n watchAttributes[toKebabCase(prop)] = '';\r\n } else {\r\n const attribValue = target.props[prop] || target.getAttribute(toKebabCase(prop));\r\n if (typeof target[watchAttributes[prop]] == 'function') {\r\n target[watchAttributes[prop]]({ new: attribValue });\r\n }\r\n }\r\n }\r\n if (target.constructor.propsInit[prop]) {\r\n if (!target.hasAttribute(toKebabCase(prop))) {\r\n target[prop] = target.constructor.propsInit[prop];\r\n }\r\n }\r\n }\r\n};","import { toKebabCase } from './util';\r\n\r\nexport const Toggle = (): any => {\r\n return (target: any, propName: any) => {\r\n function get() {\r\n const getAttribute = (propName: string) => {\r\n if (this.hasAttribute(propName)) {\r\n const attrValue = this.getAttribute(propName);\r\n if (/^(true|false|^$)$/.test(attrValue)) {\r\n return attrValue == 'true' || attrValue == '';\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n return getAttribute(propName);\r\n }\r\n function set(value: any) {\r\n const oldValue = value;\r\n if (value != undefined) {\r\n switch (typeof value) {\r\n case 'boolean':\r\n break;\r\n case 'string':\r\n if (/^(true|false|^$)$/.test(value)) {\r\n value = oldValue == 'true' || oldValue == '';\r\n } else {\r\n console.warn(`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n value = false;\r\n }\r\n break;\r\n default:\r\n throw (`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n }\r\n }\r\n if (this.__connected) {\r\n this.props[propName] = value || false;\r\n if (oldValue !== '' && oldValue !== null) {\r\n this.setAttribute(propName, value);\r\n } else {\r\n if (value) {\r\n this.setAttribute(propName, '');\r\n } else {\r\n this.removeAttribute(propName);\r\n }\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n","export const toKebabCase = (str: string) => {\r\n return str\r\n .replace(/([a-z])([A-Z])/g, '$1-$2')\r\n .replace(/[\\s_]+/g, '-')\r\n .toLowerCase();\r\n};\r\n\r\nexport const toCamelCase = (str: string) => {\r\n return str\r\n .toLowerCase()\r\n .replace(/(\\-\\w)/g, (m) => m[1].toUpperCase());\r\n};\r\n\r\nexport const toDotCase = (str: string) => {\r\n return str.replace(/(?!^)([A-Z])/g, ' $1')\r\n .replace(/[_\\s]+(?=[a-zA-Z])/g, '.')\r\n .toLowerCase();\r\n};\r\n\r\nexport const tryParseInt = (value: any) => {\r\n return (parseInt(value) == value && parseFloat(value) !== NaN) ? parseInt(value) : value;\r\n};\r\n","import { toKebabCase } from './util';\r\n\r\nexport const Watch = (attrName: string) => {\r\n return (target: any, propertyName: string) => {\r\n if (!target.constructor.watchAttributes) {\r\n target.constructor.watchAttributes = {};\r\n }\r\n target.constructor.watchAttributes[toKebabCase(attrName)] = propertyName;\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[attrName] = null;\r\n };\r\n};","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const addGlobalStylesheet = (styleElementId: string, styles: string) => {\n const style = document.createElement(\"style\");\n style.setAttribute(\"id\", styleElementId);\n style.textContent = styles;\n if (!document.getElementById(styleElementId)) {\n document.head.appendChild(style);\n }\n};\n","// Dependencies\nimport {\n Component,\n CustomElement,\n CustomElementOptions,\n getShadowRootElement,\n Prop,\n Toggle,\n Watch\n} from \"super-custom-elements\";\n\n// Helpers\nimport { addGlobalStylesheet } from \"../../functions/guiHelpers\";\n\n// Stylesheets\nimport style from \"./gn-accordion.scss\";\n\ninterface GnAccordionOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"gn-accordion\",\n template: import(\"./gn-accordion.html\"),\n style: import(\"./template.scss\")\n})\nexport class GnAccordion extends CustomElement {\n @Prop() title: string;\n @Toggle() expanded: boolean;\n\n constructor() {\n super();\n addGlobalStylesheet(\"gn-accordion-styles\", style);\n }\n\n toggleExpand() {\n const contentElement = getShadowRootElement(this, \"#content\");\n contentElement.classList.add(\"initialized\");\n\n const isExpanded = this.isExpanded(this.expanded);\n this.setAttribute(\"expanded\", isExpanded ? \"false\" : \"true\");\n }\n\n isExpanded(expanded) {\n return expanded?.toString() === \"\" || expanded?.toString() === \"true\";\n }\n\n connectedCallback() {\n const panelButtonElement = getShadowRootElement(this, \"#panel-button\");\n panelButtonElement.onclick = () => this.toggleExpand();\n const panelTextElement = getShadowRootElement(this, \"#panel-text\");\n panelTextElement.innerText = this.title;\n }\n\n @Watch(\"title\")\n titleChanged() {\n const panelTextElement = getShadowRootElement(this, \"#panel-text\");\n panelTextElement.innerText = this.title;\n }\n\n @Watch(\"expanded\")\n expandedChanged() {\n const isExpanded = this.isExpanded(this.expanded);\n\n const panelButtonElement = getShadowRootElement(this, \"#panel-button\");\n const panelChevronElement = getShadowRootElement(this, \"#panel-chevron\");\n const contentElement = getShadowRootElement(this, \"#content\");\n\n if (isExpanded) {\n panelButtonElement.setAttribute(\"aria-expanded\", \"true\");\n panelChevronElement.classList.add(\"expanded\");\n contentElement.classList.add(\"expanded\");\n } else {\n panelButtonElement.setAttribute(\"aria-expanded\", \"false\");\n panelChevronElement.classList.remove(\"expanded\");\n contentElement.classList.remove(\"expanded\");\n }\n }\n\n setup(options?: GnAccordionOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(3301);\n"],"names":["root","factory","exports","module","define","amd","self","___CSS_LOADER_EXPORT___","push","id","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","Component","args","target","tag","toKebabCase","prototype","constructor","name","customElement","super","props","showShadowRoot","shadow","shadowRoot","attachShadow","mode","observedAttributes","Object","keys","propsInit","x","attributeChangedCallback","oldValue","newValue","onAttributeChange","set","toCamelCase","watchAttributes","methodToCall","__connected","old","new","connectedCallback","render","addEventListeners","initializeProps","template","document","createElement","innerHTML","getStyle","Promise","appendChild","getExternalTemplate","cloneNode","markup","default","fragment","createRange","createContextualFragment","children","nodeName","firstChild","css","style","ready","resolve","_","customElements","get","CustomElement","HTMLElement","connect","selector","isConnected","querySelector","getElement","getShadowRootElement","Listen","eventName","methodName","listeners","handler","targetRoot","listener","eventTarget","addEventListener","e","call","Dispatch","propertyName","defineProperty","emit","options","evtName","toDotCase","dispatchEvent","CustomEvent","Prop","propName","attrName","getAttribute","value","tryParseInt","setAttribute","hasAttribute","prop","plainAttributes","forEach","v","cycleProps","getProps","attribValue","Toggle","attrValue","test","console","warn","removeAttribute","str","replace","toLowerCase","m","toUpperCase","parseInt","NaN","parseFloat","Watch","getFocusableElementsInsideElement","element","querySelectorAll","addGlobalStylesheet","styleElementId","styles","textContent","getElementById","head","GnAccordion","toggleExpand","classList","add","isExpanded","expanded","onclick","innerText","title","titleChanged","expandedChanged","panelButtonElement","panelChevronElement","contentElement","remove","setup","container","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","enumerable","obj","hasOwnProperty","r","Symbol","toStringTag"],"sourceRoot":""}
package/GnButton.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.geonorge=n():(t.geonorge=t.geonorge||{},t.geonorge.GnButton=n())}(self,(()=>(()=>{"use strict";var t={4594:(t,n,e)=>{e.r(n),e.d(n,{default:()=>a});var o=e(4663),r=e.n(o),i=e(7638),s=e.n(i)()(r());s.push([t.id,'gn-button button{-moz-transition:all .35s linear 0s;-o-transition:all .35s linear 0s;-webkit-transition:all .35s linear 0s;transition:all .35s linear 0s;font-family:"Open Sans",sans-serif;font-weight:400;font-size:12pt;font-style:normal;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,0);border-radius:0;cursor:pointer;display:inline-block;height:34px;line-height:16pt;text-decoration:none;background-position:50%}gn-button button:hover{background-color:#fe5000}gn-button button:disabled{background-color:#eee;color:#d8d8d8;border:1px solid #d8d8d8;cursor:not-allowed}gn-button button:disabled:hover,gn-button button:disabled:focus{background-color:#eee}gn-button[color=default] button:not(:disabled){background-color:#eee;color:#2f3940;border-color:#d8d8d8}gn-button[color=default] button:not(:disabled):hover,gn-button[color=default] button:not(:disabled):focus{background-color:#ddd}gn-button[color=primary] button:not(:disabled){background-color:#4c7aa9;color:#fff}gn-button[color=primary] button:not(:disabled):hover,gn-button[color=primary] button:not(:disabled):focus{background-color:#fe5000}gn-button[color=success] button:not(:disabled){background-color:#06a755;color:#fff}gn-button[color=success] button:not(:disabled):hover,gn-button[color=success] button:not(:disabled):focus{background-color:#009745}gn-button[color=warning] button:not(:disabled){background-color:#c38621;color:#fff}gn-button[color=warning] button:not(:disabled):hover,gn-button[color=warning] button:not(:disabled):focus{background-color:#b37611}gn-button[color=danger] button:not(:disabled){background-color:#e00d0d;color:#fff}gn-button[color=danger] button:not(:disabled):hover,gn-button[color=danger] button:not(:disabled):focus{background-color:#d00000}',"",{version:3,sources:["webpack://./stories/gn-button/gn-button.scss","webpack://./style/mixins/_transition.scss","webpack://./style/variables/_typography.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAGI,iBCFA,kCDGI,CCFJ,gCDEI,CCDJ,qCDCI,CAAA,6BAAA,CACA,kCELO,CFMP,eAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,8BAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,oBAAA,CACA,uBAAA,CACA,uBACI,wBGXI,CHaR,0BACI,qBGQU,CHPV,aGQI,CHPJ,wBAAA,CACA,kBAAA,CACA,gEAEI,qBGEM,CHKV,+CACI,qBGhCK,CHiCL,aG/BF,CHgCE,oBGpCC,CHqCD,0GAEI,qBGpCO,CH2Cf,+CACI,wBGtCK,CHuCL,UAAA,CACA,0GAEI,wBGzCO,CHgDf,+CACI,wBG5CK,CH6CL,UAAA,CACA,0GAEI,wBG/CO,CHsDf,+CACI,wBGnDK,CHoDL,UAAA,CACA,0GAEI,wBGtDO,CH6Df,8CACI,wBG3DI,CH4DJ,UAAA,CACA,wGAEI,wBG9DM",sourcesContent:['@import "../../style/all";\n\ngn-button {\n button {\n @include transition(all 0.35s linear 0s);\n font-family: $default-font;\n font-weight: 400;\n font-size: 12pt;\n font-style: normal;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n border-radius: 0;\n cursor: pointer;\n display: inline-block;\n height: 34px;\n line-height: 16pt;\n text-decoration: none;\n background-position: 50%;\n &:hover {\n background-color: $primary-brand;\n }\n &:disabled {\n background-color: $disabled-background;\n color: $disabled-text;\n border: 1px solid $disabled-text;\n cursor: not-allowed;\n &:hover,\n &:focus {\n background-color: $disabled-background;\n }\n }\n }\n\n &[color="default"] {\n button {\n &:not(:disabled) {\n background-color: $default-background;\n color: $default-text;\n border-color: $default-border;\n &:hover,\n &:focus {\n background-color: $default-background-hover;\n }\n }\n }\n }\n &[color="primary"] {\n button {\n &:not(:disabled) {\n background-color: $primary-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $primary-background-hover;\n }\n }\n }\n }\n &[color="success"] {\n button {\n &:not(:disabled) {\n background-color: $success-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $success-background-hover;\n }\n }\n }\n }\n &[color="warning"] {\n button {\n &:not(:disabled) {\n background-color: $warning-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $warning-background-hover;\n }\n }\n }\n }\n &[color="danger"] {\n button {\n &:not(:disabled) {\n background-color: $danger-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $danger-background-hover;\n }\n }\n }\n }\n}\n',"\ufeff@mixin transition($transition...) {\n -moz-transition: $transition;\n -o-transition: $transition;\n -webkit-transition: $transition;\n transition: $transition;\n}\n\n@mixin transition-property($property...) {\n -moz-transition-property: $property;\n -o-transition-property: $property;\n -webkit-transition-property: $property;\n transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n -moz-transition-property: $duration;\n -o-transition-property: $duration;\n -webkit-transition-property: $duration;\n transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n -moz-transition-timing-function: $timing;\n -o-transition-timing-function: $timing;\n -webkit-transition-timing-function: $timing;\n transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n -moz-transition-delay: $delay;\n -o-transition-delay: $delay;\n -webkit-transition-delay: $delay;\n transition-delay: $delay;\n}\n",'$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;',"$body-background: #ffffff;\n$navigation-bar-background: #f7f7f7;\n$hover-background: rgba(0,0,0,.05);\n$default-border: #d8d8d8;\n\n$default-background: #eee;\n$default-background-hover: #ddd;\n$default-text:#2F3940;\n\n$primary-brand: #FE5000;\n$secondary-brand: #4C7AA9;\n\n$primary-background: #4C7AA9;\n$primary-background-hover: #FE5000;\n$primary-text: #3767C7;\n$primary-text-hover:#0056b3;\n\n\n$success-background: #06A755;\n$success-background-hover: #009745;\n$success-text: #06A755;\n\n\n$warning-background: #C38621;\n$warning-background-hover: #B37611;\n$warning-text: #C38621;\n\n$danger-background: #E00d0D;\n$danger-background-hover: #D00000;\n$danger-text: #E00d0D;\n\n$disabled-background: #eee;\n$disabled-text: #d8d8d8;\n"],sourceRoot:""}]);const a=s},8874:(t,n,e)=>{e.r(n),e.d(n,{default:()=>o});const o="<template>\n <slot></slot>\n</template>\n"},7638:t=>{t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e="",o=void 0!==n[5];return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),o&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=t(n),o&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e})).join("")},n.i=function(t,e,o,r,i){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(s[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);o&&s[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),e&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=e):u[2]=e),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),n.push(u))}},n}},4663:t=>{t.exports=function(t){var n=t[1],e=t[3];if(!e)return n;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(r," */");return[n].concat([i]).join("\n")}return[n].join("\n")}},1397:function(t,n,e){var o=this&&this.__awaiter||function(t,n,e,o){return new(e||(e=Promise))((function(r,i){function s(t){try{c(o.next(t))}catch(t){i(t)}}function a(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(s,a)}c((o=o.apply(t,n||[])).next())}))};Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;const r=e(5969),i=e(5773),s=e(3804);n.Component=t=>n=>{var e;const a=t.tag||s.toKebabCase(n.prototype.constructor.name),c=((e=class extends n{constructor(){super(),this.props={},this.showShadowRoot=null==t.shadow||t.shadow,!this.shadowRoot&&this.showShadowRoot&&this.attachShadow({mode:"open"})}static get observedAttributes(){return Object.keys(this.propsInit||{}).map((t=>s.toKebabCase(t)))}attributeChangedCallback(t,n,e){this.onAttributeChange(t,n,e)}onAttributeChange(t,n,e,o=!0){if(n!=e){o&&(this[s.toCamelCase(t)]=e);const r=this.constructor.watchAttributes;if(r&&r[t]){const o=r[t];this.__connected&&"function"==typeof this[o]&&this[o]({old:n,new:e})}}}connectedCallback(){const t=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return o(this,void 0,void 0,(function*(){yield this.render(),t.connectedCallback&&t.connectedCallback.call(this),this.__connected=!0,r.addEventListeners(this),i.initializeProps(this)}))}render(){return o(this,void 0,void 0,(function*(){if(this.__connected)return;const n=document.createElement("template");n.innerHTML=yield this.getStyle(),t.template instanceof Promise?n.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(n.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(n.content.cloneNode(!0))}))}getExternalTemplate(){return o(this,void 0,void 0,(function*(){const n=(yield t.template).default.toString(),e=document.createRange().createContextualFragment(n);return 1===e.children.length&&"TEMPLATE"===e.children[0].nodeName?e.firstChild.content:e}))}getStyle(){return o(this,void 0,void 0,(function*(){let n;return t.style instanceof Promise?n=(yield t.style).default.toString():"string"==typeof t.style&&(n=t.style),n?`<style>${n}</style>`:""}))}}).__connected=!1,e.ready=new Promise(((t,n)=>t(!0))),e);return customElements.get(a)||customElements.define(a,c),c}},985:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.CustomElement=void 0;class e extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}n.CustomElement=e},265:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.getShadowRootElement=n.getElement=void 0,n.getElement=t=>document.querySelector(t),n.getShadowRootElement=(t,n)=>t.shadowRoot.querySelector(n)},406:function(t,n,e){var o=this&&this.__createBinding||(Object.create?function(t,n,e,o){void 0===o&&(o=e),Object.defineProperty(t,o,{enumerable:!0,get:function(){return n[e]}})}:function(t,n,e,o){void 0===o&&(o=e),t[o]=n[e]}),r=this&&this.__exportStar||function(t,n){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(n,e)||o(n,t,e)};Object.defineProperty(n,"__esModule",{value:!0}),r(e(1397),n),r(e(985),n),r(e(265),n),r(e(5969),n),r(e(5773),n),r(e(4271),n),r(e(9766),n),r(e(4938),n)},5969:(t,n,e)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Dispatch=n.addEventListeners=n.Listen=void 0;const o=e(3804);n.Listen=(t,n)=>(e,o)=>{e.constructor.listeners||(e.constructor.listeners=[]),e.constructor.listeners.push({selector:n,eventName:t,handler:e[o]})},n.addEventListeners=t=>{if(t.constructor.listeners){const n=t.shadowRoot||t;for(const e of t.constructor.listeners){const o=e.selector?n.querySelector(e.selector)?n.querySelector(e.selector):null:t;o&&o.addEventListener(e.eventName,(n=>{e.handler.call(t,n)}))}}},n.Dispatch=t=>(n,e)=>{Object.defineProperty(n,e,{get:function(){const n=this;return{emit(r){const i=t||o.toDotCase(e);n.dispatchEvent(new CustomEvent(i,r))}}}})}},5773:(t,n,e)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.initializeProps=n.Prop=void 0;const o=e(3804);n.Prop=()=>(t,n)=>{const e=o.toKebabCase(n);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[n]=null,Object.defineProperty(t,n,{get:function(){return this.props[n]?this.props[n]:this.getAttribute(e)},set:function(t){if(this.__connected){const r=this.props[n];this.props[n]=o.tryParseInt(t),"object"!=typeof t?this.setAttribute(e,t):this.onAttributeChange(e,r,t,!1)}else this.hasAttribute(o.toKebabCase(n))||(this.constructor.propsInit[n]=t)}})},n.initializeProps=t=>{const n=t.constructor.watchAttributes;for(let e of(t=>{const n=t.constructor.watchAttributes,e=Object.assign({},n);Object.keys(e).forEach((t=>e[t]=""));const o=Object.assign(Object.assign({},e),t.constructor.propsInit);return Object.keys(o)})(t)){if(n)if(null==n[o.toKebabCase(e)])n[o.toKebabCase(e)]="";else{const r=t.props[e]||t.getAttribute(o.toKebabCase(e));"function"==typeof t[n[e]]&&t[n[e]]({new:r})}t.constructor.propsInit[e]&&(t.hasAttribute(o.toKebabCase(e))||(t[e]=t.constructor.propsInit[e]))}}},4271:(t,n,e)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Toggle=void 0;const o=e(3804);n.Toggle=()=>(t,n)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[n]=null,Object.defineProperty(t,n,{get:function(){return(t=>{if(this.hasAttribute(t)){const n=this.getAttribute(t);return!!/^(true|false|^$)$/.test(n)&&("true"==n||""==n)}return!1})(n)},set:function(t){const e=t;if(null!=t)switch(typeof t){case"boolean":break;case"string":/^(true|false|^$)$/.test(t)?t="true"==e||""==e:(console.warn(`TypeError: Cannot set boolean toggle property '${n}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${n}' to '${t}'`}this.__connected?(this.props[n]=t||!1,""!==e&&null!==e?this.setAttribute(n,t):t?this.setAttribute(n,""):this.removeAttribute(n)):this.hasAttribute(o.toKebabCase(n))||(this.constructor.propsInit[n]=t)}})}},9766:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0})},3804:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.tryParseInt=n.toDotCase=n.toCamelCase=n.toKebabCase=void 0,n.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),n.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),n.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),n.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},4938:(t,n,e)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Watch=void 0;const o=e(3804);n.Watch=t=>(n,e)=>{n.constructor.watchAttributes||(n.constructor.watchAttributes={}),n.constructor.watchAttributes[o.toKebabCase(t)]=e,n.constructor.propsInit||(n.constructor.propsInit={}),n.constructor.propsInit[t]=null}},5527:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.addGlobalStylesheet=n.getFocusableElementsInsideElement=void 0,n.getFocusableElementsInsideElement=t=>t.querySelectorAll('button, [href], input, [tabindex="0"]'),n.addGlobalStylesheet=(t,n)=>{const e=document.createElement("style");e.setAttribute("id",t),e.textContent=n,document.getElementById(t)||document.head.appendChild(e)}},4541:function(t,n,e){var o=this&&this.__createBinding||(Object.create?function(t,n,e,o){void 0===o&&(o=e);var r=Object.getOwnPropertyDescriptor(n,e);r&&!("get"in r?!n.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(t,o,r)}:function(t,n,e,o){void 0===o&&(o=e),t[o]=n[e]}),r=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),i=this&&this.__decorate||function(t,n,e,o){var r,i=arguments.length,s=i<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(i<3?r(s):i>3?r(n,e,s):r(n,e))||s);return i>3&&s&&Object.defineProperty(n,e,s),s},s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var e in t)"default"!==e&&Object.prototype.hasOwnProperty.call(t,e)&&o(n,t,e);return r(n,t),n},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.GnButton=void 0;const c=e(406),l=e(5527),u=a(e(4594));let d=class extends c.CustomElement{constructor(){super(),(0,l.addGlobalStylesheet)("gn-button-styles",u.default)}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}static setup(t,n){(0,c.getElement)(t)}};d.elementSelector="gn-button",i([(0,c.Prop)()],d.prototype,"color",void 0),d=i([(0,c.Component)({tag:"gn-button",template:Promise.resolve().then((()=>s(e(8874))))})],d),n.GnButton=d}},n={};function e(o){var r=n[o];if(void 0!==r)return r.exports;var i=n[o]={id:o,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.exports}return e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e(4541)})()));
1
+ !function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.geonorge=n():(t.geonorge=t.geonorge||{},t.geonorge.GnButton=n())}(self,(()=>(()=>{"use strict";var t={4594:(t,n,o)=>{o.r(n),o.d(n,{default:()=>s});var e=o(4663),r=o.n(e),a=o(7638),i=o.n(a)()(r());i.push([t.id,'gn-button button,gn-button a{-moz-transition:all .35s linear 0s;-o-transition:all .35s linear 0s;-webkit-transition:all .35s linear 0s;transition:all .35s linear 0s;font-family:"Open Sans",sans-serif;font-weight:400;font-size:12pt;font-style:normal;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,0);border-radius:0;cursor:pointer;display:inline-block;height:34px;line-height:16pt;text-decoration:none;background-position:50%;padding:5px 6px;box-sizing:border-box}gn-button button:hover,gn-button a:hover{background-color:#fe5000}gn-button button:disabled,gn-button a:disabled{background-color:#eee;color:#d8d8d8;border:1px solid #d8d8d8;cursor:not-allowed}gn-button button:disabled:hover,gn-button button:disabled:focus,gn-button a:disabled:hover,gn-button a:disabled:focus{background-color:#eee}gn-button[color=default] button:not(:disabled),gn-button[color=default] a:not(:disabled),gn-button[color=""] button:not(:disabled),gn-button[color=""] a:not(:disabled),gn-button:not([color]) button:not(:disabled),gn-button:not([color]) a:not(:disabled){background-color:#eee;color:#2f3940;border-color:#d8d8d8}gn-button[color=default] button:not(:disabled):hover,gn-button[color=default] button:not(:disabled):focus,gn-button[color=default] a:not(:disabled):hover,gn-button[color=default] a:not(:disabled):focus,gn-button[color=""] button:not(:disabled):hover,gn-button[color=""] button:not(:disabled):focus,gn-button[color=""] a:not(:disabled):hover,gn-button[color=""] a:not(:disabled):focus,gn-button:not([color]) button:not(:disabled):hover,gn-button:not([color]) button:not(:disabled):focus,gn-button:not([color]) a:not(:disabled):hover,gn-button:not([color]) a:not(:disabled):focus{background-color:#ddd}gn-button[color=primary] button:not(:disabled),gn-button[color=primary] a:not(:disabled){background-color:#4c7aa9;color:#fff}gn-button[color=primary] button:not(:disabled):hover,gn-button[color=primary] button:not(:disabled):focus,gn-button[color=primary] a:not(:disabled):hover,gn-button[color=primary] a:not(:disabled):focus{background-color:#fe5000}gn-button[color=success] button:not(:disabled),gn-button[color=success] a:not(:disabled){background-color:#06a755;color:#fff}gn-button[color=success] button:not(:disabled):hover,gn-button[color=success] button:not(:disabled):focus,gn-button[color=success] a:not(:disabled):hover,gn-button[color=success] a:not(:disabled):focus{background-color:#009745}gn-button[color=warning] button:not(:disabled),gn-button[color=warning] a:not(:disabled){background-color:#c38621;color:#fff}gn-button[color=warning] button:not(:disabled):hover,gn-button[color=warning] button:not(:disabled):focus,gn-button[color=warning] a:not(:disabled):hover,gn-button[color=warning] a:not(:disabled):focus{background-color:#b37611}gn-button[color=danger] button:not(:disabled),gn-button[color=danger] a:not(:disabled){background-color:#e00d0d;color:#fff}gn-button[color=danger] button:not(:disabled):hover,gn-button[color=danger] button:not(:disabled):focus,gn-button[color=danger] a:not(:disabled):hover,gn-button[color=danger] a:not(:disabled):focus{background-color:#d00000}',"",{version:3,sources:["webpack://./stories/gn-button/gn-button.scss","webpack://./style/mixins/_transition.scss","webpack://./style/variables/_typography.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAGI,6BCFA,kCDII,CCHJ,gCDGI,CCFJ,qCDEI,CCDJ,6BDCI,CACA,kCENO,CFOP,eAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,8BAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,oBAAA,CACA,uBAAA,CACA,eAAA,CACA,qBAAA,CACA,yCACI,wBGdI,CHgBR,+CACI,qBGKU,CHJV,aGKI,CHJJ,wBAAA,CACA,kBAAA,CACA,sHAEI,qBGDM,CHWV,6PACI,qBGtCK,CHuCL,aGrCF,CHsCE,oBG1CC,CH2CD,kkBAEI,qBG1CO,CHkDf,yFACI,wBG7CK,CH8CL,UAAA,CACA,0MAEI,wBGhDO,CHwDf,yFACI,wBGpDK,CHqDL,UAAA,CACA,0MAEI,wBGvDO,CH+Df,yFACI,wBG5DK,CH6DL,UAAA,CACA,0MAEI,wBG/DO,CHuEf,uFACI,wBGrEI,CHsEJ,UAAA,CACA,sMAEI,wBGxEM",sourcesContent:['@import "../../style/all";\n\ngn-button {\n button,\n a {\n @include transition(all 0.35s linear 0s);\n font-family: $default-font;\n font-weight: 400;\n font-size: 12pt;\n font-style: normal;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n border-radius: 0;\n cursor: pointer;\n display: inline-block;\n height: 34px;\n line-height: 16pt;\n text-decoration: none;\n background-position: 50%;\n padding: 5px 6px;\n box-sizing: border-box;\n &:hover {\n background-color: $primary-brand;\n }\n &:disabled {\n background-color: $disabled-background;\n color: $disabled-text;\n border: 1px solid $disabled-text;\n cursor: not-allowed;\n &:hover,\n &:focus {\n background-color: $disabled-background;\n }\n }\n }\n\n &[color="default"],\n &[color=""],\n &:not([color]) {\n button,\n a {\n &:not(:disabled) {\n background-color: $default-background;\n color: $default-text;\n border-color: $default-border;\n &:hover,\n &:focus {\n background-color: $default-background-hover;\n }\n }\n }\n }\n &[color="primary"] {\n button,\n a {\n &:not(:disabled) {\n background-color: $primary-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $primary-background-hover;\n }\n }\n }\n }\n &[color="success"] {\n button,\n a {\n &:not(:disabled) {\n background-color: $success-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $success-background-hover;\n }\n }\n }\n }\n &[color="warning"] {\n button,\n a {\n &:not(:disabled) {\n background-color: $warning-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $warning-background-hover;\n }\n }\n }\n }\n &[color="danger"] {\n button,\n a {\n &:not(:disabled) {\n background-color: $danger-background;\n color: #fff;\n &:hover,\n &:focus {\n background-color: $danger-background-hover;\n }\n }\n }\n }\n}\n',"\ufeff@mixin transition($transition...) {\n -moz-transition: $transition;\n -o-transition: $transition;\n -webkit-transition: $transition;\n transition: $transition;\n}\n\n@mixin transition-property($property...) {\n -moz-transition-property: $property;\n -o-transition-property: $property;\n -webkit-transition-property: $property;\n transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n -moz-transition-property: $duration;\n -o-transition-property: $duration;\n -webkit-transition-property: $duration;\n transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n -moz-transition-timing-function: $timing;\n -o-transition-timing-function: $timing;\n -webkit-transition-timing-function: $timing;\n transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n -moz-transition-delay: $delay;\n -o-transition-delay: $delay;\n -webkit-transition-delay: $delay;\n transition-delay: $delay;\n}\n",'$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;',"$body-background: #ffffff;\n$navigation-bar-background: #f7f7f7;\n$hover-background: rgba(0,0,0,.05);\n$default-border: #d8d8d8;\n\n$default-background: #eee;\n$default-background-hover: #ddd;\n$default-text:#2F3940;\n\n$primary-brand: #FE5000;\n$secondary-brand: #4C7AA9;\n\n$primary-background: #4C7AA9;\n$primary-background-hover: #FE5000;\n$primary-text: #3767C7;\n$primary-text-hover:#0056b3;\n\n\n$success-background: #06A755;\n$success-background-hover: #009745;\n$success-text: #06A755;\n\n\n$warning-background: #C38621;\n$warning-background-hover: #B37611;\n$warning-text: #C38621;\n\n$danger-background: #E00d0D;\n$danger-background-hover: #D00000;\n$danger-text: #E00d0D;\n\n$disabled-background: #eee;\n$disabled-text: #d8d8d8;\n"],sourceRoot:""}]);const s=i},8874:(t,n,o)=>{o.r(n),o.d(n,{default:()=>e});const e="<template>\n <slot></slot>\n</template>\n"},7638:t=>{t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var o="",e=void 0!==n[5];return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=t(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o})).join("")},n.i=function(t,o,e,r,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(e)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var l=0;l<t.length;l++){var d=[].concat(t[l]);e&&i[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),o&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=o):d[2]=o),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),n.push(d))}},n}},4663:t=>{t.exports=function(t){var n=t[1],o=t[3];if(!o)return n;if("function"==typeof btoa){var e=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e),a="/*# ".concat(r," */");return[n].concat([a]).join("\n")}return[n].join("\n")}},1397:function(t,n,o){var e=this&&this.__awaiter||function(t,n,o,e){return new(o||(o=Promise))((function(r,a){function i(t){try{c(e.next(t))}catch(t){a(t)}}function s(t){try{c(e.throw(t))}catch(t){a(t)}}function c(t){var n;t.done?r(t.value):(n=t.value,n instanceof o?n:new o((function(t){t(n)}))).then(i,s)}c((e=e.apply(t,n||[])).next())}))};Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;const r=o(5969),a=o(5773),i=o(3804);n.Component=t=>n=>{var o;const s=t.tag||i.toKebabCase(n.prototype.constructor.name),c=((o=class extends n{constructor(){super(),this.props={},this.showShadowRoot=null==t.shadow||t.shadow,!this.shadowRoot&&this.showShadowRoot&&this.attachShadow({mode:"open"})}static get observedAttributes(){return Object.keys(this.propsInit||{}).map((t=>i.toKebabCase(t)))}attributeChangedCallback(t,n,o){this.onAttributeChange(t,n,o)}onAttributeChange(t,n,o,e=!0){if(n!=o){e&&(this[i.toCamelCase(t)]=o);const r=this.constructor.watchAttributes;if(r&&r[t]){const e=r[t];this.__connected&&"function"==typeof this[e]&&this[e]({old:n,new:o})}}}connectedCallback(){const t=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return e(this,void 0,void 0,(function*(){yield this.render(),t.connectedCallback&&t.connectedCallback.call(this),this.__connected=!0,r.addEventListeners(this),a.initializeProps(this)}))}render(){return e(this,void 0,void 0,(function*(){if(this.__connected)return;const n=document.createElement("template");n.innerHTML=yield this.getStyle(),t.template instanceof Promise?n.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(n.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(n.content.cloneNode(!0))}))}getExternalTemplate(){return e(this,void 0,void 0,(function*(){const n=(yield t.template).default.toString(),o=document.createRange().createContextualFragment(n);return 1===o.children.length&&"TEMPLATE"===o.children[0].nodeName?o.firstChild.content:o}))}getStyle(){return e(this,void 0,void 0,(function*(){let n;return t.style instanceof Promise?n=(yield t.style).default.toString():"string"==typeof t.style&&(n=t.style),n?`<style>${n}</style>`:""}))}}).__connected=!1,o.ready=new Promise(((t,n)=>t(!0))),o);return customElements.get(s)||customElements.define(s,c),c}},985:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.CustomElement=void 0;class o extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}n.CustomElement=o},265:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.getShadowRootElement=n.getElement=void 0,n.getElement=t=>document.querySelector(t),n.getShadowRootElement=(t,n)=>t.shadowRoot.querySelector(n)},406:function(t,n,o){var e=this&&this.__createBinding||(Object.create?function(t,n,o,e){void 0===e&&(e=o),Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[o]}})}:function(t,n,o,e){void 0===e&&(e=o),t[e]=n[o]}),r=this&&this.__exportStar||function(t,n){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(n,o)||e(n,t,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(o(1397),n),r(o(985),n),r(o(265),n),r(o(5969),n),r(o(5773),n),r(o(4271),n),r(o(9766),n),r(o(4938),n)},5969:(t,n,o)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Dispatch=n.addEventListeners=n.Listen=void 0;const e=o(3804);n.Listen=(t,n)=>(o,e)=>{o.constructor.listeners||(o.constructor.listeners=[]),o.constructor.listeners.push({selector:n,eventName:t,handler:o[e]})},n.addEventListeners=t=>{if(t.constructor.listeners){const n=t.shadowRoot||t;for(const o of t.constructor.listeners){const e=o.selector?n.querySelector(o.selector)?n.querySelector(o.selector):null:t;e&&e.addEventListener(o.eventName,(n=>{o.handler.call(t,n)}))}}},n.Dispatch=t=>(n,o)=>{Object.defineProperty(n,o,{get:function(){const n=this;return{emit(r){const a=t||e.toDotCase(o);n.dispatchEvent(new CustomEvent(a,r))}}}})}},5773:(t,n,o)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.initializeProps=n.Prop=void 0;const e=o(3804);n.Prop=()=>(t,n)=>{const o=e.toKebabCase(n);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[n]=null,Object.defineProperty(t,n,{get:function(){return this.props[n]?this.props[n]:this.getAttribute(o)},set:function(t){if(this.__connected){const r=this.props[n];this.props[n]=e.tryParseInt(t),"object"!=typeof t?this.setAttribute(o,t):this.onAttributeChange(o,r,t,!1)}else this.hasAttribute(e.toKebabCase(n))||(this.constructor.propsInit[n]=t)}})},n.initializeProps=t=>{const n=t.constructor.watchAttributes;for(let o of(t=>{const n=t.constructor.watchAttributes,o=Object.assign({},n);Object.keys(o).forEach((t=>o[t]=""));const e=Object.assign(Object.assign({},o),t.constructor.propsInit);return Object.keys(e)})(t)){if(n)if(null==n[e.toKebabCase(o)])n[e.toKebabCase(o)]="";else{const r=t.props[o]||t.getAttribute(e.toKebabCase(o));"function"==typeof t[n[o]]&&t[n[o]]({new:r})}t.constructor.propsInit[o]&&(t.hasAttribute(e.toKebabCase(o))||(t[o]=t.constructor.propsInit[o]))}}},4271:(t,n,o)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Toggle=void 0;const e=o(3804);n.Toggle=()=>(t,n)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[n]=null,Object.defineProperty(t,n,{get:function(){return(t=>{if(this.hasAttribute(t)){const n=this.getAttribute(t);return!!/^(true|false|^$)$/.test(n)&&("true"==n||""==n)}return!1})(n)},set:function(t){const o=t;if(null!=t)switch(typeof t){case"boolean":break;case"string":/^(true|false|^$)$/.test(t)?t="true"==o||""==o:(console.warn(`TypeError: Cannot set boolean toggle property '${n}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${n}' to '${t}'`}this.__connected?(this.props[n]=t||!1,""!==o&&null!==o?this.setAttribute(n,t):t?this.setAttribute(n,""):this.removeAttribute(n)):this.hasAttribute(e.toKebabCase(n))||(this.constructor.propsInit[n]=t)}})}},9766:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0})},3804:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.tryParseInt=n.toDotCase=n.toCamelCase=n.toKebabCase=void 0,n.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),n.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),n.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),n.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},4938:(t,n,o)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.Watch=void 0;const e=o(3804);n.Watch=t=>(n,o)=>{n.constructor.watchAttributes||(n.constructor.watchAttributes={}),n.constructor.watchAttributes[e.toKebabCase(t)]=o,n.constructor.propsInit||(n.constructor.propsInit={}),n.constructor.propsInit[t]=null}},5527:(t,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.addGlobalStylesheet=n.getFocusableElementsInsideElement=void 0,n.getFocusableElementsInsideElement=t=>t.querySelectorAll('button, [href], input, [tabindex="0"]'),n.addGlobalStylesheet=(t,n)=>{const o=document.createElement("style");o.setAttribute("id",t),o.textContent=n,document.getElementById(t)||document.head.appendChild(o)}},4541:function(t,n,o){var e=this&&this.__createBinding||(Object.create?function(t,n,o,e){void 0===e&&(e=o);var r=Object.getOwnPropertyDescriptor(n,o);r&&!("get"in r?!n.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,e,r)}:function(t,n,o,e){void 0===e&&(e=o),t[e]=n[o]}),r=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),a=this&&this.__decorate||function(t,n,o,e){var r,a=arguments.length,i=a<3?n:null===e?e=Object.getOwnPropertyDescriptor(n,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,o,e);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(i=(a<3?r(i):a>3?r(n,o,i):r(n,o))||i);return a>3&&i&&Object.defineProperty(n,o,i),i},i=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var o in t)"default"!==o&&Object.prototype.hasOwnProperty.call(t,o)&&e(n,t,o);return r(n,t),n},s=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.GnButton=void 0;const c=o(406),l=o(5527),d=s(o(4594));let u=class extends c.CustomElement{constructor(){super(),(0,l.addGlobalStylesheet)("gn-button-styles",d.default)}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}};a([(0,c.Prop)()],u.prototype,"color",void 0),u=a([(0,c.Component)({tag:"gn-button",template:Promise.resolve().then((()=>i(o(8874))))})],u),n.GnButton=u}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={id:e,exports:{}};return t[e].call(a.exports,a,a.exports,o),a.exports}return o.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return o.d(n,{a:n}),n},o.d=(t,n)=>{for(var e in n)o.o(n,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:n[e]})},o.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o(4541)})()));
2
2
  //# sourceMappingURL=GnButton.js.map
package/GnButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GnButton.js","mappings":"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","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/gn-button/gn-button.scss","webpack://geonorge/./stories/gn-button/gn-button.html","webpack://geonorge/../node_modules/css-loader/dist/runtime/api.js","webpack://geonorge/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://geonorge/../node_modules/super-custom-elements/src/component.ts","webpack://geonorge/../node_modules/super-custom-elements/src/custom-element.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/listen.ts","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/../node_modules/super-custom-elements/src/toggle.ts","webpack://geonorge/../node_modules/super-custom-elements/src/util.ts","webpack://geonorge/../node_modules/super-custom-elements/src/watch.ts","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/gn-button/gn-button.ts","webpack://geonorge/webpack/bootstrap","webpack://geonorge/webpack/runtime/compat get default export","webpack://geonorge/webpack/runtime/define property getters","webpack://geonorge/webpack/runtime/hasOwnProperty shorthand","webpack://geonorge/webpack/runtime/make namespace object","webpack://geonorge/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"geonorge\"] = factory();\n\telse\n\t\troot[\"geonorge\"] = root[\"geonorge\"] || {}, root[\"geonorge\"][\"GnButton\"] = factory();\n})(self, () => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"gn-button button{-moz-transition:all .35s linear 0s;-o-transition:all .35s linear 0s;-webkit-transition:all .35s linear 0s;transition:all .35s linear 0s;font-family:\\\"Open Sans\\\",sans-serif;font-weight:400;font-size:12pt;font-style:normal;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,0);border-radius:0;cursor:pointer;display:inline-block;height:34px;line-height:16pt;text-decoration:none;background-position:50%}gn-button button:hover{background-color:#fe5000}gn-button button:disabled{background-color:#eee;color:#d8d8d8;border:1px solid #d8d8d8;cursor:not-allowed}gn-button button:disabled:hover,gn-button button:disabled:focus{background-color:#eee}gn-button[color=default] button:not(:disabled){background-color:#eee;color:#2f3940;border-color:#d8d8d8}gn-button[color=default] button:not(:disabled):hover,gn-button[color=default] button:not(:disabled):focus{background-color:#ddd}gn-button[color=primary] button:not(:disabled){background-color:#4c7aa9;color:#fff}gn-button[color=primary] button:not(:disabled):hover,gn-button[color=primary] button:not(:disabled):focus{background-color:#fe5000}gn-button[color=success] button:not(:disabled){background-color:#06a755;color:#fff}gn-button[color=success] button:not(:disabled):hover,gn-button[color=success] button:not(:disabled):focus{background-color:#009745}gn-button[color=warning] button:not(:disabled){background-color:#c38621;color:#fff}gn-button[color=warning] button:not(:disabled):hover,gn-button[color=warning] button:not(:disabled):focus{background-color:#b37611}gn-button[color=danger] button:not(:disabled){background-color:#e00d0d;color:#fff}gn-button[color=danger] button:not(:disabled):hover,gn-button[color=danger] button:not(:disabled):focus{background-color:#d00000}\", \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-button/gn-button.scss\",\"webpack://./style/mixins/_transition.scss\",\"webpack://./style/variables/_typography.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAGI,iBCFA,kCDGI,CCFJ,gCDEI,CCDJ,qCDCI,CAAA,6BAAA,CACA,kCELO,CFMP,eAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,8BAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,oBAAA,CACA,uBAAA,CACA,uBACI,wBGXI,CHaR,0BACI,qBGQU,CHPV,aGQI,CHPJ,wBAAA,CACA,kBAAA,CACA,gEAEI,qBGEM,CHKV,+CACI,qBGhCK,CHiCL,aG/BF,CHgCE,oBGpCC,CHqCD,0GAEI,qBGpCO,CH2Cf,+CACI,wBGtCK,CHuCL,UAAA,CACA,0GAEI,wBGzCO,CHgDf,+CACI,wBG5CK,CH6CL,UAAA,CACA,0GAEI,wBG/CO,CHsDf,+CACI,wBGnDK,CHoDL,UAAA,CACA,0GAEI,wBGtDO,CH6Df,8CACI,wBG3DI,CH4DJ,UAAA,CACA,wGAEI,wBG9DM\",\"sourcesContent\":[\"@import \\\"../../style/all\\\";\\n\\ngn-button {\\n button {\\n @include transition(all 0.35s linear 0s);\\n font-family: $default-font;\\n font-weight: 400;\\n font-size: 12pt;\\n font-style: normal;\\n text-align: center;\\n vertical-align: middle;\\n border: 1px solid transparent;\\n border-radius: 0;\\n cursor: pointer;\\n display: inline-block;\\n height: 34px;\\n line-height: 16pt;\\n text-decoration: none;\\n background-position: 50%;\\n &:hover {\\n background-color: $primary-brand;\\n }\\n &:disabled {\\n background-color: $disabled-background;\\n color: $disabled-text;\\n border: 1px solid $disabled-text;\\n cursor: not-allowed;\\n &:hover,\\n &:focus {\\n background-color: $disabled-background;\\n }\\n }\\n }\\n\\n &[color=\\\"default\\\"] {\\n button {\\n &:not(:disabled) {\\n background-color: $default-background;\\n color: $default-text;\\n border-color: $default-border;\\n &:hover,\\n &:focus {\\n background-color: $default-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"primary\\\"] {\\n button {\\n &:not(:disabled) {\\n background-color: $primary-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $primary-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"success\\\"] {\\n button {\\n &:not(:disabled) {\\n background-color: $success-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $success-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"warning\\\"] {\\n button {\\n &:not(:disabled) {\\n background-color: $warning-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $warning-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"danger\\\"] {\\n button {\\n &:not(:disabled) {\\n background-color: $danger-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $danger-background-hover;\\n }\\n }\\n }\\n }\\n}\\n\",\"@mixin transition($transition...) {\\n -moz-transition: $transition;\\n -o-transition: $transition;\\n -webkit-transition: $transition;\\n transition: $transition;\\n}\\n\\n@mixin transition-property($property...) {\\n -moz-transition-property: $property;\\n -o-transition-property: $property;\\n -webkit-transition-property: $property;\\n transition-property: $property;\\n}\\n\\n@mixin transition-duration($duration...) {\\n -moz-transition-property: $duration;\\n -o-transition-property: $duration;\\n -webkit-transition-property: $duration;\\n transition-property: $duration;\\n}\\n\\n@mixin transition-timing-function($timing...) {\\n -moz-transition-timing-function: $timing;\\n -o-transition-timing-function: $timing;\\n -webkit-transition-timing-function: $timing;\\n transition-timing-function: $timing;\\n}\\n\\n@mixin transition-delay($delay...) {\\n -moz-transition-delay: $delay;\\n -o-transition-delay: $delay;\\n -webkit-transition-delay: $delay;\\n transition-delay: $delay;\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\",\"$body-background: #ffffff;\\n$navigation-bar-background: #f7f7f7;\\n$hover-background: rgba(0,0,0,.05);\\n$default-border: #d8d8d8;\\n\\n$default-background: #eee;\\n$default-background-hover: #ddd;\\n$default-text:#2F3940;\\n\\n$primary-brand: #FE5000;\\n$secondary-brand: #4C7AA9;\\n\\n$primary-background: #4C7AA9;\\n$primary-background-hover: #FE5000;\\n$primary-text: #3767C7;\\n$primary-text-hover:#0056b3;\\n\\n\\n$success-background: #06A755;\\n$success-background-hover: #009745;\\n$success-text: #06A755;\\n\\n\\n$warning-background: #C38621;\\n$warning-background-hover: #B37611;\\n$warning-text: #C38621;\\n\\n$danger-background: #E00d0D;\\n$danger-background-hover: #D00000;\\n$danger-text: #E00d0D;\\n\\n$disabled-background: #eee;\\n$disabled-text: #d8d8d8;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default \"<template>\\n <slot></slot>\\n</template>\\n\";","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","import { addEventListeners, ListenerMetadata } from './listen';\r\nimport { initializeProps } from './prop';\r\nimport { ComponentMetadata, KeyValue } from './types';\r\nimport { toKebabCase, toCamelCase } from './util';\r\n\r\nexport const Component = (args: ComponentMetadata) => {\r\n return (target: any) => {\r\n const tag: string = args.tag || toKebabCase(target.prototype.constructor.name);\r\n const customElement: any = class extends (target as { new(): any }) {\r\n protected static __connected: boolean = false;\r\n protected static propsInit: KeyValue;\r\n protected static watchAttributes: KeyValue;\r\n protected static listeners: ListenerMetadata[];\r\n protected static ready: Promise<boolean> = new Promise((resolve, _) => resolve(true));\r\n public props: KeyValue = {};\r\n private showShadowRoot: boolean;\r\n\r\n public static get observedAttributes(): string[] {\r\n return Object.keys(this.propsInit || {}).map(x => toKebabCase(x));\r\n }\r\n\r\n constructor() {\r\n super();\r\n\r\n this.showShadowRoot = args.shadow == null ? true : args.shadow;\r\n\r\n if (!this.shadowRoot && this.showShadowRoot) {\r\n this.attachShadow({ mode: 'open' });\r\n }\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n this.onAttributeChange(name, oldValue, newValue);\r\n }\r\n\r\n public onAttributeChange(name: string, oldValue: string, newValue: string, set: boolean = true): void {\r\n if (oldValue != newValue) {\r\n if (set) { this[toCamelCase(name)] = newValue; }\r\n const watchAttributes: KeyValue = (this.constructor as any).watchAttributes;\r\n if (watchAttributes && watchAttributes[name]) {\r\n const methodToCall: string = watchAttributes[name];\r\n if (this.__connected) {\r\n if (typeof this[methodToCall] == 'function') {\r\n this[methodToCall]({ old: oldValue, new: newValue });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n public async connectedCallback(): Promise<void> {\r\n await this.render();\r\n super.connectedCallback && super.connectedCallback();\r\n this.__connected = true;\r\n\r\n addEventListeners(this);\r\n initializeProps(this);\r\n }\r\n\r\n private async render(): Promise<void> {\r\n if (this.__connected) {\r\n return;\r\n }\r\n\r\n const template = document.createElement('template');\r\n template.innerHTML = await this.getStyle();\r\n\r\n if (args.template instanceof Promise) {\r\n template.content.appendChild(await this.getExternalTemplate());\r\n } else if (typeof args.template === 'string') {\r\n template.innerHTML += args.template;\r\n }\r\n\r\n (this.showShadowRoot ? this.shadowRoot : this).appendChild(template.content.cloneNode(true));\r\n }\r\n\r\n private async getExternalTemplate(): Promise<DocumentFragment> {\r\n const templateModule = await (args.template as Promise<typeof import('*.html')>);\r\n const markup = templateModule.default.toString();\r\n const fragment = document.createRange().createContextualFragment(markup);\r\n\r\n if (fragment.children.length === 1 && fragment.children[0].nodeName === 'TEMPLATE') {\r\n return (fragment.firstChild as HTMLTemplateElement).content;\r\n }\r\n return fragment;\r\n }\r\n\r\n private async getStyle(): Promise<string> {\r\n let css: string;\r\n\r\n if (args.style instanceof Promise) {\r\n const styleModule = await args.style;\r\n css = styleModule.default.toString();\r\n } else if (typeof args.style === 'string') {\r\n css = args.style;\r\n }\r\n\r\n return `${css ? `<style>${css}</style>` : ''}`\r\n }\r\n };\r\n\r\n if (!customElements.get(tag)) {\r\n customElements.define(tag, customElement);\r\n }\r\n\r\n return customElement;\r\n };\r\n};\r\n\r\n\r\n","import { CustomElementOptions } from \"./types\";\r\n\r\nexport abstract class CustomElement extends HTMLElement {\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected abstract setup(options?: CustomElementOptions): void;\r\n\r\n protected connect(selector: string): void {\r\n if (!this.isConnected) {\r\n document.querySelector(selector).appendChild(this);\r\n }\r\n }\r\n}\r\n","export const getElement = <T extends HTMLElement>(selector: string): T => {\r\n return document.querySelector(selector);\r\n};\r\n\r\nexport const getShadowRootElement = <T extends HTMLElement>(customElement: HTMLElement, selector: string): T => {\r\n return customElement.shadowRoot.querySelector(selector);\r\n};","export * from './component';\r\nexport * from './custom-element';\r\nexport * from './helpers';\r\nexport * from './listen';\r\nexport * from './prop';\r\nexport * from './toggle';\r\nexport * from './types';\r\nexport * from './watch';","import { toDotCase } from './util';\r\n\r\ninterface ListenerMetadata {\r\n eventName: string;\r\n handler: Function;\r\n selector?: string;\r\n}\r\n\r\ninterface CustomEventOptions {\r\n bubbles?: boolean;\r\n composed?: boolean;\r\n detail?: any;\r\n}\r\n\r\ninterface DispatchEmitter {\r\n emit(options?: CustomEventOptions): void;\r\n}\r\n\r\nconst Listen = (eventName: string, selector?: string) => {\r\n return (target: any, methodName: string) => {\r\n if (!target.constructor.listeners) {\r\n target.constructor.listeners = [];\r\n }\r\n target.constructor.listeners.push({ selector: selector, eventName: eventName, handler: target[methodName] });\r\n };\r\n};\r\n\r\nconst addEventListeners = (target: any) => {\r\n if (target.constructor.listeners) {\r\n const targetRoot: any = target.shadowRoot || target;\r\n for (const listener of target.constructor.listeners as Array<ListenerMetadata>) {\r\n const eventTarget = (listener.selector)\r\n ? targetRoot.querySelector(listener.selector)\r\n ? targetRoot.querySelector(listener.selector) : null\r\n : target;\r\n if (eventTarget) {\r\n eventTarget.addEventListener(listener.eventName, (e: CustomEvent) => {\r\n listener.handler.call(target, e);\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst Dispatch = (eventName?: string) => {\r\n return (target: HTMLElement, propertyName: string) => {\r\n function get() {\r\n const self: EventTarget = this as EventTarget;\r\n return {\r\n emit(options?: CustomEventOptions) {\r\n const evtName = (eventName) ? eventName : toDotCase(propertyName);\r\n self.dispatchEvent(new CustomEvent(evtName, options));\r\n }\r\n };\r\n }\r\n Object.defineProperty(target, propertyName, { get });\r\n };\r\n};\r\n\r\nexport { Listen, addEventListeners, DispatchEmitter, Dispatch, CustomEventOptions, ListenerMetadata };","import { toKebabCase, tryParseInt } from './util';\r\n\r\nexport const Prop = (): any => {\r\n return (target: any, propName: any) => {\r\n const attrName = toKebabCase(propName);\r\n function get() {\r\n if (this.props[propName]) {\r\n return this.props[propName];\r\n }\r\n return this.getAttribute(attrName);\r\n }\r\n function set(value: any) {\r\n if (this.__connected) {\r\n const oldValue = this.props[propName];\r\n this.props[propName] = tryParseInt(value);\r\n if (typeof value != 'object') {\r\n this.setAttribute(attrName, value);\r\n } else {\r\n this.onAttributeChange(attrName, oldValue, value, false);\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n\r\nconst getProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n const plainAttributes = { ...watchAttributes };\r\n Object.keys(plainAttributes).forEach(v => plainAttributes[v] = '');\r\n const cycleProps = { ...plainAttributes, ...target.constructor.propsInit };\r\n return Object.keys(cycleProps);\r\n};\r\n\r\nexport const initializeProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n for (let prop of getProps(target)) {\r\n if (watchAttributes) {\r\n if (watchAttributes[toKebabCase(prop)] == null) {\r\n watchAttributes[toKebabCase(prop)] = '';\r\n } else {\r\n const attribValue = target.props[prop] || target.getAttribute(toKebabCase(prop));\r\n if (typeof target[watchAttributes[prop]] == 'function') {\r\n target[watchAttributes[prop]]({ new: attribValue });\r\n }\r\n }\r\n }\r\n if (target.constructor.propsInit[prop]) {\r\n if (!target.hasAttribute(toKebabCase(prop))) {\r\n target[prop] = target.constructor.propsInit[prop];\r\n }\r\n }\r\n }\r\n};","import { toKebabCase } from './util';\r\n\r\nexport const Toggle = (): any => {\r\n return (target: any, propName: any) => {\r\n function get() {\r\n const getAttribute = (propName: string) => {\r\n if (this.hasAttribute(propName)) {\r\n const attrValue = this.getAttribute(propName);\r\n if (/^(true|false|^$)$/.test(attrValue)) {\r\n return attrValue == 'true' || attrValue == '';\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n return getAttribute(propName);\r\n }\r\n function set(value: any) {\r\n const oldValue = value;\r\n if (value != undefined) {\r\n switch (typeof value) {\r\n case 'boolean':\r\n break;\r\n case 'string':\r\n if (/^(true|false|^$)$/.test(value)) {\r\n value = oldValue == 'true' || oldValue == '';\r\n } else {\r\n console.warn(`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n value = false;\r\n }\r\n break;\r\n default:\r\n throw (`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n }\r\n }\r\n if (this.__connected) {\r\n this.props[propName] = value || false;\r\n if (oldValue !== '' && oldValue !== null) {\r\n this.setAttribute(propName, value);\r\n } else {\r\n if (value) {\r\n this.setAttribute(propName, '');\r\n } else {\r\n this.removeAttribute(propName);\r\n }\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n","export const toKebabCase = (str: string) => {\r\n return str\r\n .replace(/([a-z])([A-Z])/g, '$1-$2')\r\n .replace(/[\\s_]+/g, '-')\r\n .toLowerCase();\r\n};\r\n\r\nexport const toCamelCase = (str: string) => {\r\n return str\r\n .toLowerCase()\r\n .replace(/(\\-\\w)/g, (m) => m[1].toUpperCase());\r\n};\r\n\r\nexport const toDotCase = (str: string) => {\r\n return str.replace(/(?!^)([A-Z])/g, ' $1')\r\n .replace(/[_\\s]+(?=[a-zA-Z])/g, '.')\r\n .toLowerCase();\r\n};\r\n\r\nexport const tryParseInt = (value: any) => {\r\n return (parseInt(value) == value && parseFloat(value) !== NaN) ? parseInt(value) : value;\r\n};\r\n","import { toKebabCase } from './util';\r\n\r\nexport const Watch = (attrName: string) => {\r\n return (target: any, propertyName: string) => {\r\n if (!target.constructor.watchAttributes) {\r\n target.constructor.watchAttributes = {};\r\n }\r\n target.constructor.watchAttributes[toKebabCase(attrName)] = propertyName;\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[attrName] = null;\r\n };\r\n};","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const addGlobalStylesheet = (styleElementId: string, styles: string) => {\n const style = document.createElement(\"style\");\n style.setAttribute(\"id\", styleElementId);\n style.textContent = styles;\n if (!document.getElementById(styleElementId)) {\n document.head.appendChild(style);\n }\n};\n","// Dependencies\nimport {\n Component,\n CustomElement,\n CustomElementOptions,\n Prop,\n Watch,\n getElement,\n getShadowRootElement,\n Toggle\n} from \"super-custom-elements\";\n\n// Helpers\nimport { addGlobalStylesheet } from \"../../functions/guiHelpers\";\n\n// Stylesheets\nimport style from \"./gn-button.scss\";\n\ninterface GnButtonOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"gn-button\",\n template: import(\"./gn-button.html\")\n})\nexport class GnButton extends CustomElement {\n private static readonly elementSelector = \"gn-button\";\n\n @Prop() color: string;\n\n constructor() {\n super();\n addGlobalStylesheet(\"gn-button-styles\", style);\n }\n\n setup(options?: GnButtonOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n public static setup(selector: string, options: GnButtonOptions) {\n const element = getElement<GnButton>(selector);\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(4541);\n"],"names":["root","factory","exports","module","define","amd","self","___CSS_LOADER_EXPORT___","push","id","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","Component","args","target","tag","toKebabCase","prototype","constructor","name","customElement","super","props","showShadowRoot","shadow","shadowRoot","attachShadow","mode","observedAttributes","Object","keys","propsInit","x","attributeChangedCallback","oldValue","newValue","onAttributeChange","set","toCamelCase","watchAttributes","methodToCall","__connected","old","new","connectedCallback","render","addEventListeners","initializeProps","template","document","createElement","innerHTML","getStyle","Promise","appendChild","getExternalTemplate","cloneNode","markup","default","fragment","createRange","createContextualFragment","children","nodeName","firstChild","css","style","ready","resolve","_","customElements","get","CustomElement","HTMLElement","connect","selector","isConnected","querySelector","getElement","getShadowRootElement","Listen","eventName","methodName","listeners","handler","targetRoot","listener","eventTarget","addEventListener","e","call","Dispatch","propertyName","defineProperty","emit","options","evtName","toDotCase","dispatchEvent","CustomEvent","Prop","propName","attrName","getAttribute","value","tryParseInt","setAttribute","hasAttribute","prop","plainAttributes","forEach","v","cycleProps","getProps","attribValue","Toggle","attrValue","test","console","warn","removeAttribute","str","replace","toLowerCase","m","toUpperCase","parseInt","NaN","parseFloat","Watch","getFocusableElementsInsideElement","element","querySelectorAll","addGlobalStylesheet","styleElementId","styles","textContent","getElementById","head","GnButton","setup","container","static","elementSelector","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","enumerable","obj","hasOwnProperty","r","Symbol","toStringTag"],"sourceRoot":""}
1
+ {"version":3,"file":"GnButton.js","mappings":"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","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/gn-button/gn-button.scss","webpack://geonorge/./stories/gn-button/gn-button.html","webpack://geonorge/../node_modules/css-loader/dist/runtime/api.js","webpack://geonorge/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://geonorge/../node_modules/super-custom-elements/src/component.ts","webpack://geonorge/../node_modules/super-custom-elements/src/custom-element.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/listen.ts","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/../node_modules/super-custom-elements/src/toggle.ts","webpack://geonorge/../node_modules/super-custom-elements/src/util.ts","webpack://geonorge/../node_modules/super-custom-elements/src/watch.ts","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/gn-button/gn-button.ts","webpack://geonorge/webpack/bootstrap","webpack://geonorge/webpack/runtime/compat get default export","webpack://geonorge/webpack/runtime/define property getters","webpack://geonorge/webpack/runtime/hasOwnProperty shorthand","webpack://geonorge/webpack/runtime/make namespace object","webpack://geonorge/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"geonorge\"] = factory();\n\telse\n\t\troot[\"geonorge\"] = root[\"geonorge\"] || {}, root[\"geonorge\"][\"GnButton\"] = factory();\n})(self, () => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"gn-button button,gn-button a{-moz-transition:all .35s linear 0s;-o-transition:all .35s linear 0s;-webkit-transition:all .35s linear 0s;transition:all .35s linear 0s;font-family:\\\"Open Sans\\\",sans-serif;font-weight:400;font-size:12pt;font-style:normal;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,0);border-radius:0;cursor:pointer;display:inline-block;height:34px;line-height:16pt;text-decoration:none;background-position:50%;padding:5px 6px;box-sizing:border-box}gn-button button:hover,gn-button a:hover{background-color:#fe5000}gn-button button:disabled,gn-button a:disabled{background-color:#eee;color:#d8d8d8;border:1px solid #d8d8d8;cursor:not-allowed}gn-button button:disabled:hover,gn-button button:disabled:focus,gn-button a:disabled:hover,gn-button a:disabled:focus{background-color:#eee}gn-button[color=default] button:not(:disabled),gn-button[color=default] a:not(:disabled),gn-button[color=\\\"\\\"] button:not(:disabled),gn-button[color=\\\"\\\"] a:not(:disabled),gn-button:not([color]) button:not(:disabled),gn-button:not([color]) a:not(:disabled){background-color:#eee;color:#2f3940;border-color:#d8d8d8}gn-button[color=default] button:not(:disabled):hover,gn-button[color=default] button:not(:disabled):focus,gn-button[color=default] a:not(:disabled):hover,gn-button[color=default] a:not(:disabled):focus,gn-button[color=\\\"\\\"] button:not(:disabled):hover,gn-button[color=\\\"\\\"] button:not(:disabled):focus,gn-button[color=\\\"\\\"] a:not(:disabled):hover,gn-button[color=\\\"\\\"] a:not(:disabled):focus,gn-button:not([color]) button:not(:disabled):hover,gn-button:not([color]) button:not(:disabled):focus,gn-button:not([color]) a:not(:disabled):hover,gn-button:not([color]) a:not(:disabled):focus{background-color:#ddd}gn-button[color=primary] button:not(:disabled),gn-button[color=primary] a:not(:disabled){background-color:#4c7aa9;color:#fff}gn-button[color=primary] button:not(:disabled):hover,gn-button[color=primary] button:not(:disabled):focus,gn-button[color=primary] a:not(:disabled):hover,gn-button[color=primary] a:not(:disabled):focus{background-color:#fe5000}gn-button[color=success] button:not(:disabled),gn-button[color=success] a:not(:disabled){background-color:#06a755;color:#fff}gn-button[color=success] button:not(:disabled):hover,gn-button[color=success] button:not(:disabled):focus,gn-button[color=success] a:not(:disabled):hover,gn-button[color=success] a:not(:disabled):focus{background-color:#009745}gn-button[color=warning] button:not(:disabled),gn-button[color=warning] a:not(:disabled){background-color:#c38621;color:#fff}gn-button[color=warning] button:not(:disabled):hover,gn-button[color=warning] button:not(:disabled):focus,gn-button[color=warning] a:not(:disabled):hover,gn-button[color=warning] a:not(:disabled):focus{background-color:#b37611}gn-button[color=danger] button:not(:disabled),gn-button[color=danger] a:not(:disabled){background-color:#e00d0d;color:#fff}gn-button[color=danger] button:not(:disabled):hover,gn-button[color=danger] button:not(:disabled):focus,gn-button[color=danger] a:not(:disabled):hover,gn-button[color=danger] a:not(:disabled):focus{background-color:#d00000}\", \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-button/gn-button.scss\",\"webpack://./style/mixins/_transition.scss\",\"webpack://./style/variables/_typography.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAGI,6BCFA,kCDII,CCHJ,gCDGI,CCFJ,qCDEI,CCDJ,6BDCI,CACA,kCENO,CFOP,eAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,8BAAA,CACA,eAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,oBAAA,CACA,uBAAA,CACA,eAAA,CACA,qBAAA,CACA,yCACI,wBGdI,CHgBR,+CACI,qBGKU,CHJV,aGKI,CHJJ,wBAAA,CACA,kBAAA,CACA,sHAEI,qBGDM,CHWV,6PACI,qBGtCK,CHuCL,aGrCF,CHsCE,oBG1CC,CH2CD,kkBAEI,qBG1CO,CHkDf,yFACI,wBG7CK,CH8CL,UAAA,CACA,0MAEI,wBGhDO,CHwDf,yFACI,wBGpDK,CHqDL,UAAA,CACA,0MAEI,wBGvDO,CH+Df,yFACI,wBG5DK,CH6DL,UAAA,CACA,0MAEI,wBG/DO,CHuEf,uFACI,wBGrEI,CHsEJ,UAAA,CACA,sMAEI,wBGxEM\",\"sourcesContent\":[\"@import \\\"../../style/all\\\";\\n\\ngn-button {\\n button,\\n a {\\n @include transition(all 0.35s linear 0s);\\n font-family: $default-font;\\n font-weight: 400;\\n font-size: 12pt;\\n font-style: normal;\\n text-align: center;\\n vertical-align: middle;\\n border: 1px solid transparent;\\n border-radius: 0;\\n cursor: pointer;\\n display: inline-block;\\n height: 34px;\\n line-height: 16pt;\\n text-decoration: none;\\n background-position: 50%;\\n padding: 5px 6px;\\n box-sizing: border-box;\\n &:hover {\\n background-color: $primary-brand;\\n }\\n &:disabled {\\n background-color: $disabled-background;\\n color: $disabled-text;\\n border: 1px solid $disabled-text;\\n cursor: not-allowed;\\n &:hover,\\n &:focus {\\n background-color: $disabled-background;\\n }\\n }\\n }\\n\\n &[color=\\\"default\\\"],\\n &[color=\\\"\\\"],\\n &:not([color]) {\\n button,\\n a {\\n &:not(:disabled) {\\n background-color: $default-background;\\n color: $default-text;\\n border-color: $default-border;\\n &:hover,\\n &:focus {\\n background-color: $default-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"primary\\\"] {\\n button,\\n a {\\n &:not(:disabled) {\\n background-color: $primary-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $primary-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"success\\\"] {\\n button,\\n a {\\n &:not(:disabled) {\\n background-color: $success-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $success-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"warning\\\"] {\\n button,\\n a {\\n &:not(:disabled) {\\n background-color: $warning-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $warning-background-hover;\\n }\\n }\\n }\\n }\\n &[color=\\\"danger\\\"] {\\n button,\\n a {\\n &:not(:disabled) {\\n background-color: $danger-background;\\n color: #fff;\\n &:hover,\\n &:focus {\\n background-color: $danger-background-hover;\\n }\\n }\\n }\\n }\\n}\\n\",\"@mixin transition($transition...) {\\n -moz-transition: $transition;\\n -o-transition: $transition;\\n -webkit-transition: $transition;\\n transition: $transition;\\n}\\n\\n@mixin transition-property($property...) {\\n -moz-transition-property: $property;\\n -o-transition-property: $property;\\n -webkit-transition-property: $property;\\n transition-property: $property;\\n}\\n\\n@mixin transition-duration($duration...) {\\n -moz-transition-property: $duration;\\n -o-transition-property: $duration;\\n -webkit-transition-property: $duration;\\n transition-property: $duration;\\n}\\n\\n@mixin transition-timing-function($timing...) {\\n -moz-transition-timing-function: $timing;\\n -o-transition-timing-function: $timing;\\n -webkit-transition-timing-function: $timing;\\n transition-timing-function: $timing;\\n}\\n\\n@mixin transition-delay($delay...) {\\n -moz-transition-delay: $delay;\\n -o-transition-delay: $delay;\\n -webkit-transition-delay: $delay;\\n transition-delay: $delay;\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\",\"$body-background: #ffffff;\\n$navigation-bar-background: #f7f7f7;\\n$hover-background: rgba(0,0,0,.05);\\n$default-border: #d8d8d8;\\n\\n$default-background: #eee;\\n$default-background-hover: #ddd;\\n$default-text:#2F3940;\\n\\n$primary-brand: #FE5000;\\n$secondary-brand: #4C7AA9;\\n\\n$primary-background: #4C7AA9;\\n$primary-background-hover: #FE5000;\\n$primary-text: #3767C7;\\n$primary-text-hover:#0056b3;\\n\\n\\n$success-background: #06A755;\\n$success-background-hover: #009745;\\n$success-text: #06A755;\\n\\n\\n$warning-background: #C38621;\\n$warning-background-hover: #B37611;\\n$warning-text: #C38621;\\n\\n$danger-background: #E00d0D;\\n$danger-background-hover: #D00000;\\n$danger-text: #E00d0D;\\n\\n$disabled-background: #eee;\\n$disabled-text: #d8d8d8;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default \"<template>\\n <slot></slot>\\n</template>\\n\";","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","import { addEventListeners, ListenerMetadata } from './listen';\r\nimport { initializeProps } from './prop';\r\nimport { ComponentMetadata, KeyValue } from './types';\r\nimport { toKebabCase, toCamelCase } from './util';\r\n\r\nexport const Component = (args: ComponentMetadata) => {\r\n return (target: any) => {\r\n const tag: string = args.tag || toKebabCase(target.prototype.constructor.name);\r\n const customElement: any = class extends (target as { new(): any }) {\r\n protected static __connected: boolean = false;\r\n protected static propsInit: KeyValue;\r\n protected static watchAttributes: KeyValue;\r\n protected static listeners: ListenerMetadata[];\r\n protected static ready: Promise<boolean> = new Promise((resolve, _) => resolve(true));\r\n public props: KeyValue = {};\r\n private showShadowRoot: boolean;\r\n\r\n public static get observedAttributes(): string[] {\r\n return Object.keys(this.propsInit || {}).map(x => toKebabCase(x));\r\n }\r\n\r\n constructor() {\r\n super();\r\n\r\n this.showShadowRoot = args.shadow == null ? true : args.shadow;\r\n\r\n if (!this.shadowRoot && this.showShadowRoot) {\r\n this.attachShadow({ mode: 'open' });\r\n }\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n this.onAttributeChange(name, oldValue, newValue);\r\n }\r\n\r\n public onAttributeChange(name: string, oldValue: string, newValue: string, set: boolean = true): void {\r\n if (oldValue != newValue) {\r\n if (set) { this[toCamelCase(name)] = newValue; }\r\n const watchAttributes: KeyValue = (this.constructor as any).watchAttributes;\r\n if (watchAttributes && watchAttributes[name]) {\r\n const methodToCall: string = watchAttributes[name];\r\n if (this.__connected) {\r\n if (typeof this[methodToCall] == 'function') {\r\n this[methodToCall]({ old: oldValue, new: newValue });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n public async connectedCallback(): Promise<void> {\r\n await this.render();\r\n super.connectedCallback && super.connectedCallback();\r\n this.__connected = true;\r\n\r\n addEventListeners(this);\r\n initializeProps(this);\r\n }\r\n\r\n private async render(): Promise<void> {\r\n if (this.__connected) {\r\n return;\r\n }\r\n\r\n const template = document.createElement('template');\r\n template.innerHTML = await this.getStyle();\r\n\r\n if (args.template instanceof Promise) {\r\n template.content.appendChild(await this.getExternalTemplate());\r\n } else if (typeof args.template === 'string') {\r\n template.innerHTML += args.template;\r\n }\r\n\r\n (this.showShadowRoot ? this.shadowRoot : this).appendChild(template.content.cloneNode(true));\r\n }\r\n\r\n private async getExternalTemplate(): Promise<DocumentFragment> {\r\n const templateModule = await (args.template as Promise<typeof import('*.html')>);\r\n const markup = templateModule.default.toString();\r\n const fragment = document.createRange().createContextualFragment(markup);\r\n\r\n if (fragment.children.length === 1 && fragment.children[0].nodeName === 'TEMPLATE') {\r\n return (fragment.firstChild as HTMLTemplateElement).content;\r\n }\r\n return fragment;\r\n }\r\n\r\n private async getStyle(): Promise<string> {\r\n let css: string;\r\n\r\n if (args.style instanceof Promise) {\r\n const styleModule = await args.style;\r\n css = styleModule.default.toString();\r\n } else if (typeof args.style === 'string') {\r\n css = args.style;\r\n }\r\n\r\n return `${css ? `<style>${css}</style>` : ''}`\r\n }\r\n };\r\n\r\n if (!customElements.get(tag)) {\r\n customElements.define(tag, customElement);\r\n }\r\n\r\n return customElement;\r\n };\r\n};\r\n\r\n\r\n","import { CustomElementOptions } from \"./types\";\r\n\r\nexport abstract class CustomElement extends HTMLElement {\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected abstract setup(options?: CustomElementOptions): void;\r\n\r\n protected connect(selector: string): void {\r\n if (!this.isConnected) {\r\n document.querySelector(selector).appendChild(this);\r\n }\r\n }\r\n}\r\n","export const getElement = <T extends HTMLElement>(selector: string): T => {\r\n return document.querySelector(selector);\r\n};\r\n\r\nexport const getShadowRootElement = <T extends HTMLElement>(customElement: HTMLElement, selector: string): T => {\r\n return customElement.shadowRoot.querySelector(selector);\r\n};","export * from './component';\r\nexport * from './custom-element';\r\nexport * from './helpers';\r\nexport * from './listen';\r\nexport * from './prop';\r\nexport * from './toggle';\r\nexport * from './types';\r\nexport * from './watch';","import { toDotCase } from './util';\r\n\r\ninterface ListenerMetadata {\r\n eventName: string;\r\n handler: Function;\r\n selector?: string;\r\n}\r\n\r\ninterface CustomEventOptions {\r\n bubbles?: boolean;\r\n composed?: boolean;\r\n detail?: any;\r\n}\r\n\r\ninterface DispatchEmitter {\r\n emit(options?: CustomEventOptions): void;\r\n}\r\n\r\nconst Listen = (eventName: string, selector?: string) => {\r\n return (target: any, methodName: string) => {\r\n if (!target.constructor.listeners) {\r\n target.constructor.listeners = [];\r\n }\r\n target.constructor.listeners.push({ selector: selector, eventName: eventName, handler: target[methodName] });\r\n };\r\n};\r\n\r\nconst addEventListeners = (target: any) => {\r\n if (target.constructor.listeners) {\r\n const targetRoot: any = target.shadowRoot || target;\r\n for (const listener of target.constructor.listeners as Array<ListenerMetadata>) {\r\n const eventTarget = (listener.selector)\r\n ? targetRoot.querySelector(listener.selector)\r\n ? targetRoot.querySelector(listener.selector) : null\r\n : target;\r\n if (eventTarget) {\r\n eventTarget.addEventListener(listener.eventName, (e: CustomEvent) => {\r\n listener.handler.call(target, e);\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst Dispatch = (eventName?: string) => {\r\n return (target: HTMLElement, propertyName: string) => {\r\n function get() {\r\n const self: EventTarget = this as EventTarget;\r\n return {\r\n emit(options?: CustomEventOptions) {\r\n const evtName = (eventName) ? eventName : toDotCase(propertyName);\r\n self.dispatchEvent(new CustomEvent(evtName, options));\r\n }\r\n };\r\n }\r\n Object.defineProperty(target, propertyName, { get });\r\n };\r\n};\r\n\r\nexport { Listen, addEventListeners, DispatchEmitter, Dispatch, CustomEventOptions, ListenerMetadata };","import { toKebabCase, tryParseInt } from './util';\r\n\r\nexport const Prop = (): any => {\r\n return (target: any, propName: any) => {\r\n const attrName = toKebabCase(propName);\r\n function get() {\r\n if (this.props[propName]) {\r\n return this.props[propName];\r\n }\r\n return this.getAttribute(attrName);\r\n }\r\n function set(value: any) {\r\n if (this.__connected) {\r\n const oldValue = this.props[propName];\r\n this.props[propName] = tryParseInt(value);\r\n if (typeof value != 'object') {\r\n this.setAttribute(attrName, value);\r\n } else {\r\n this.onAttributeChange(attrName, oldValue, value, false);\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n\r\nconst getProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n const plainAttributes = { ...watchAttributes };\r\n Object.keys(plainAttributes).forEach(v => plainAttributes[v] = '');\r\n const cycleProps = { ...plainAttributes, ...target.constructor.propsInit };\r\n return Object.keys(cycleProps);\r\n};\r\n\r\nexport const initializeProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n for (let prop of getProps(target)) {\r\n if (watchAttributes) {\r\n if (watchAttributes[toKebabCase(prop)] == null) {\r\n watchAttributes[toKebabCase(prop)] = '';\r\n } else {\r\n const attribValue = target.props[prop] || target.getAttribute(toKebabCase(prop));\r\n if (typeof target[watchAttributes[prop]] == 'function') {\r\n target[watchAttributes[prop]]({ new: attribValue });\r\n }\r\n }\r\n }\r\n if (target.constructor.propsInit[prop]) {\r\n if (!target.hasAttribute(toKebabCase(prop))) {\r\n target[prop] = target.constructor.propsInit[prop];\r\n }\r\n }\r\n }\r\n};","import { toKebabCase } from './util';\r\n\r\nexport const Toggle = (): any => {\r\n return (target: any, propName: any) => {\r\n function get() {\r\n const getAttribute = (propName: string) => {\r\n if (this.hasAttribute(propName)) {\r\n const attrValue = this.getAttribute(propName);\r\n if (/^(true|false|^$)$/.test(attrValue)) {\r\n return attrValue == 'true' || attrValue == '';\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n return getAttribute(propName);\r\n }\r\n function set(value: any) {\r\n const oldValue = value;\r\n if (value != undefined) {\r\n switch (typeof value) {\r\n case 'boolean':\r\n break;\r\n case 'string':\r\n if (/^(true|false|^$)$/.test(value)) {\r\n value = oldValue == 'true' || oldValue == '';\r\n } else {\r\n console.warn(`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n value = false;\r\n }\r\n break;\r\n default:\r\n throw (`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n }\r\n }\r\n if (this.__connected) {\r\n this.props[propName] = value || false;\r\n if (oldValue !== '' && oldValue !== null) {\r\n this.setAttribute(propName, value);\r\n } else {\r\n if (value) {\r\n this.setAttribute(propName, '');\r\n } else {\r\n this.removeAttribute(propName);\r\n }\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n","export const toKebabCase = (str: string) => {\r\n return str\r\n .replace(/([a-z])([A-Z])/g, '$1-$2')\r\n .replace(/[\\s_]+/g, '-')\r\n .toLowerCase();\r\n};\r\n\r\nexport const toCamelCase = (str: string) => {\r\n return str\r\n .toLowerCase()\r\n .replace(/(\\-\\w)/g, (m) => m[1].toUpperCase());\r\n};\r\n\r\nexport const toDotCase = (str: string) => {\r\n return str.replace(/(?!^)([A-Z])/g, ' $1')\r\n .replace(/[_\\s]+(?=[a-zA-Z])/g, '.')\r\n .toLowerCase();\r\n};\r\n\r\nexport const tryParseInt = (value: any) => {\r\n return (parseInt(value) == value && parseFloat(value) !== NaN) ? parseInt(value) : value;\r\n};\r\n","import { toKebabCase } from './util';\r\n\r\nexport const Watch = (attrName: string) => {\r\n return (target: any, propertyName: string) => {\r\n if (!target.constructor.watchAttributes) {\r\n target.constructor.watchAttributes = {};\r\n }\r\n target.constructor.watchAttributes[toKebabCase(attrName)] = propertyName;\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[attrName] = null;\r\n };\r\n};","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const addGlobalStylesheet = (styleElementId: string, styles: string) => {\n const style = document.createElement(\"style\");\n style.setAttribute(\"id\", styleElementId);\n style.textContent = styles;\n if (!document.getElementById(styleElementId)) {\n document.head.appendChild(style);\n }\n};\n","// Dependencies\nimport { Component, CustomElement, CustomElementOptions, Prop } from \"super-custom-elements\";\n\n// Helpers\nimport { addGlobalStylesheet } from \"../../functions/guiHelpers\";\n\n// Stylesheets\nimport style from \"./gn-button.scss\";\n\ninterface GnButtonOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"gn-button\",\n template: import(\"./gn-button.html\")\n})\nexport class GnButton extends CustomElement {\n @Prop() color: string;\n\n constructor() {\n super();\n addGlobalStylesheet(\"gn-button-styles\", style);\n }\n\n setup(options?: GnButtonOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(4541);\n"],"names":["root","factory","exports","module","define","amd","self","___CSS_LOADER_EXPORT___","push","id","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","Component","args","target","tag","toKebabCase","prototype","constructor","name","customElement","super","props","showShadowRoot","shadow","shadowRoot","attachShadow","mode","observedAttributes","Object","keys","propsInit","x","attributeChangedCallback","oldValue","newValue","onAttributeChange","set","toCamelCase","watchAttributes","methodToCall","__connected","old","new","connectedCallback","render","addEventListeners","initializeProps","template","document","createElement","innerHTML","getStyle","Promise","appendChild","getExternalTemplate","cloneNode","markup","default","fragment","createRange","createContextualFragment","children","nodeName","firstChild","css","style","ready","resolve","_","customElements","get","CustomElement","HTMLElement","connect","selector","isConnected","querySelector","getElement","getShadowRootElement","Listen","eventName","methodName","listeners","handler","targetRoot","listener","eventTarget","addEventListener","e","call","Dispatch","propertyName","defineProperty","emit","options","evtName","toDotCase","dispatchEvent","CustomEvent","Prop","propName","attrName","getAttribute","value","tryParseInt","setAttribute","hasAttribute","prop","plainAttributes","forEach","v","cycleProps","getProps","attribValue","Toggle","attrValue","test","console","warn","removeAttribute","str","replace","toLowerCase","m","toUpperCase","parseInt","NaN","parseFloat","Watch","getFocusableElementsInsideElement","element","querySelectorAll","addGlobalStylesheet","styleElementId","styles","textContent","getElementById","head","GnButton","setup","container","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","enumerable","obj","hasOwnProperty","r","Symbol","toStringTag"],"sourceRoot":""}
package/gb-accordion.stories.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Meta } from "@storybook/web-components";
2
+ import "./gn-accordion";
3
+ declare const _default: Meta<import("@storybook/web-components").Args>;
4
+ export default _default;
5
+ export declare const Default: any;
package/gb-button.stories.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const Success: any;
8
8
  export declare const Warning: any;
9
9
  export declare const Danger: any;
10
10
  export declare const DisabledButton: any;
11
+ export declare const LinkButton: any;
package/gn-accordion.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { CustomElement, CustomElementOptions } from "super-custom-elements";
2
+ interface GnAccordionOptions extends CustomElementOptions {
3
+ }
4
+ export declare class GnAccordion extends CustomElement {
5
+ title: string;
6
+ expanded: boolean;
7
+ constructor();
8
+ toggleExpand(): void;
9
+ isExpanded(expanded: any): boolean;
10
+ connectedCallback(): void;
11
+ titleChanged(): void;
12
+ expandedChanged(): void;
13
+ setup(options?: GnAccordionOptions): void;
14
+ }
15
+ export {};
package/gn-button.d.ts CHANGED
@@ -2,10 +2,8 @@ import { CustomElement, CustomElementOptions } from "super-custom-elements";
2
2
  interface GnButtonOptions extends CustomElementOptions {
3
3
  }
4
4
  export declare class GnButton extends CustomElement {
5
- private static readonly elementSelector;
6
5
  color: string;
7
6
  constructor();
8
7
  setup(options?: GnButtonOptions): void;
9
- static setup(selector: string, options: GnButtonOptions): void;
10
8
  }
11
9
  export {};
package/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export * from "./stories/body-text/body-text";
3
3
  export * from "./stories/breadcrumb-list/breadcrumb-list";
4
4
  export * from "./stories/content-container/content-container";
5
5
  export * from "./stories/geonorge-footer/geonorge-footer";
6
+ export * from "./stories/gn-accordion/gn-accordion";
6
7
  export * from "./stories/gn-button/gn-button";
7
8
  export * from "./stories/gn-dialog/gn-dialog";
8
9
  export * from "./stories/gn-input/gn-input";