@kartverket/geonorge-web-components 4.0.9 → 4.0.11

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 (65) hide show
  1. package/BodyText.js +1 -1
  2. package/BodyText.js.map +1 -1
  3. package/BreadcrumbList.js +1 -1
  4. package/BreadcrumbList.js.map +1 -1
  5. package/ContentContainer.js +1 -1
  6. package/ContentContainer.js.map +1 -1
  7. package/DownloadItem.js +1 -1
  8. package/DownloadItem.js.map +1 -1
  9. package/GeonorgeFooter.js +1 -1
  10. package/GeonorgeFooter.js.map +1 -1
  11. package/GnAccordion.js +1 -1
  12. package/GnAccordion.js.map +1 -1
  13. package/GnBadgeList.js +1 -1
  14. package/GnBadgeList.js.map +1 -1
  15. package/GnBreadcrumbList.js +1 -1
  16. package/GnBreadcrumbList.js.map +1 -1
  17. package/GnButton.js +1 -1
  18. package/GnButton.js.map +1 -1
  19. package/GnDialog.js +1 -1
  20. package/GnDialog.js.map +1 -1
  21. package/GnFieldContainer.js +1 -1
  22. package/GnFieldContainer.js.map +1 -1
  23. package/GnIcon.js +1 -1
  24. package/GnIcon.js.map +1 -1
  25. package/GnInput.js +1 -1
  26. package/GnInput.js.map +1 -1
  27. package/GnLabel.js +1 -1
  28. package/GnLabel.js.map +1 -1
  29. package/GnList.js +1 -1
  30. package/GnList.js.map +1 -1
  31. package/GnSelect.js +1 -1
  32. package/GnSelect.js.map +1 -1
  33. package/GnShortcutButton.js +1 -1
  34. package/GnShortcutButton.js.map +1 -1
  35. package/GnSrOnly.js +1 -1
  36. package/GnSrOnly.js.map +1 -1
  37. package/GnTable.js +1 -1
  38. package/GnTable.js.map +1 -1
  39. package/GnTextarea.js +1 -1
  40. package/GnTextarea.js.map +1 -1
  41. package/HeadingText.js +1 -1
  42. package/HeadingText.js.map +1 -1
  43. package/MainMenu.js +1 -1
  44. package/MainMenu.js.map +1 -1
  45. package/MainNavigation.js +1 -1
  46. package/MainNavigation.js.map +1 -1
  47. package/MainSearchField.js +1 -1
  48. package/MainSearchField.js.map +1 -1
  49. package/MapItem.js +1 -1
  50. package/MapItem.js.map +1 -1
  51. package/NavigationTabContent.js +1 -1
  52. package/NavigationTabContent.js.map +1 -1
  53. package/NavigationTabHeading.js +1 -1
  54. package/NavigationTabHeading.js.map +1 -1
  55. package/NavigationTabs.js +1 -1
  56. package/NavigationTabs.js.map +1 -1
  57. package/SearchTypeSelector.js +1 -1
  58. package/SearchTypeSelector.js.map +1 -1
  59. package/UserAccount.js +1 -1
  60. package/UserAccount.js.map +1 -1
  61. package/index.css +1 -1
  62. package/index.css.map +1 -1
  63. package/index.js +1 -1
  64. package/index.js.map +1 -1
  65. package/package.json +6 -1
package/GnDialog.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.geonorge=e():(t.geonorge=t.geonorge||{},t.geonorge.GnDialog=e())}(self,(()=>(()=>{var t={72:function(t,e,n){"use strict";var o,i=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),r=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},a=this&&this.__importStar||(o=function(t){return o=Object.getOwnPropertyNames||function(t){var e=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[e.length]=n);return e},o(t)},function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n=o(t),s=0;s<n.length;s++)"default"!==n[s]&&i(e,t,n[s]);return r(e,t),e}),d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.GnDialog=void 0;const c=n(3128),l=n(5979),u=d(n(3437)),p=d(n(5340));let g=class extends c.CustomElement{constructor(){super(),this.handleClickOutside=t=>{const e=(0,c.getShadowRootElement)(this,"#dialog-content"),n=this.shadowRoot.querySelector("slot").assignedElements().some((e=>!!e.contains(t.target))),o=e.contains(t.target);!e||n||o||this.hideDialog()},this.hideDialog=()=>{this.setAttribute("show","false")},this.keyDownFunction=t=>{if(27!==t.keyCode)return null;this.hideDialog()},(0,l.addGlobalStylesheet)("gn-dialog-styles",p.default)}connectedCallback(){const t=(0,c.getShadowRootElement)(this,"#close-dialog-button");t.innerHTML=u.default,t.addEventListener("click",this.hideDialog),(0,c.getShadowRootElement)(this,"#dialog-container").addEventListener("click",this.handleClickOutside),document.addEventListener("keydown",this.keyDownFunction,!1)}disconnectedCallback(){(0,c.getShadowRootElement)(this,"#close-dialog-button").removeEventListener("click",this.hideDialog),(0,c.getShadowRootElement)(this,"#dialog-container").removeEventListener("click",this.handleClickOutside),document.removeEventListener("keydown",this.keyDownFunction,!1)}shouldShowDialog(t){return""===(null==t?void 0:t.toString())||"true"===(null==t?void 0:t.toString())}shouldHaveNoPadding(t){return""===(null==t?void 0:t.toString())||"true"===(null==t?void 0:t.toString())}showMenuChanged(){const t=this.shouldShowDialog(this.show),e=(0,c.getShadowRootElement)(this,"#dialog-container");t?null==e||e.classList.add("visible"):null==e||e.classList.remove("visible")}nopaddingChanged(){const t=this.shouldHaveNoPadding(this.nopadding),e=(0,c.getShadowRootElement)(this,"#dialog-content");t?e.classList.add("noPadding"):e.classList.remove("noPadding")}overflowChanged(){var t;const e=(null===(t=this.overflow)||void 0===t?void 0:t.length)?this.overflow:"visible";(0,c.getShadowRootElement)(this,"#dialog-content").style.overflow=e}widthChanged(){(0,c.getShadowRootElement)(this,"#dialog-content").style.maxWidth=this.width}setup(t){}};e.GnDialog=g,s([(0,c.Toggle)()],g.prototype,"show",void 0),s([(0,c.Toggle)()],g.prototype,"nopadding",void 0),s([(0,c.Prop)()],g.prototype,"width",void 0),s([(0,c.Prop)()],g.prototype,"overflow",void 0),s([(0,c.Watch)("show")],g.prototype,"showMenuChanged",null),s([(0,c.Watch)("nopadding")],g.prototype,"nopaddingChanged",null),s([(0,c.Watch)("overflow")],g.prototype,"overflowChanged",null),s([(0,c.Watch)("width")],g.prototype,"widthChanged",null),e.GnDialog=g=s([(0,c.Component)({tag:"gn-dialog",template:Promise.resolve().then((()=>a(n(6622)))),style:Promise.resolve().then((()=>a(n(3570))))})],g)},164:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var a=0;a<this.length;a++){var d=this[a][0];null!=d&&(s[d]=!0)}for(var c=0;c<t.length;c++){var l=[].concat(t[c]);o&&s[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),e.push(l))}},e}},169:(t,e,n)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Dispatch=e.addEventListeners=e.Listen=void 0;const o=n(2466);e.Listen=(t,e)=>(n,o)=>{n.constructor.listeners||(n.constructor.listeners=[]),n.constructor.listeners.push({selector:e,eventName:t,handler:n[o]})},e.addEventListeners=t=>{if(t.constructor.listeners){const e=t.shadowRoot||t;for(const n of t.constructor.listeners){const o=n.selector?e.querySelector(n.selector)?e.querySelector(n.selector):null:t;o&&o.addEventListener(n.eventName,(e=>{n.handler.call(t,e)}))}}},e.Dispatch=t=>(e,n)=>{Object.defineProperty(e,n,{get:function(){const e=this;return{emit(i){const r=t||o.toDotCase(n);e.dispatchEvent(new CustomEvent(r,i))}}}})}},1063:(t,e,n)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Watch=void 0;const o=n(2466);e.Watch=t=>(e,n)=>{e.constructor.watchAttributes||(e.constructor.watchAttributes={}),e.constructor.watchAttributes[o.toKebabCase(t)]=n,e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null}},2466:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.tryParseInt=e.toDotCase=e.toCamelCase=e.toKebabCase=void 0,e.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),e.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),e.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},3128:function(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(8631),e),i(n(3704),e),i(n(3365),e),i(n(169),e),i(n(6999),e),i(n(3982),e),i(n(8861),e),i(n(1063),e)},3365:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getShadowRootElement=e.getElement=void 0,e.getElement=t=>document.querySelector(t),e.getShadowRootElement=(t,e)=>t.shadowRoot.querySelector(e)},3437:t=>{t.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path></svg>'},3570:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>a});var o=n(5052),i=n.n(o),r=n(164),s=n.n(r)()(i());s.push([t.id,".dialog-container:not(.visible){display:none}.dialog-container.visible{display:flex;flex-wrap:wrap;position:fixed;width:100%;background:rgba(0,0,0,.25);height:100%;top:0;left:0;align-content:center;padding:8px 28px;z-index:2;justify-content:center;box-sizing:border-box}@media(min-width: 992px){.dialog-container.visible{padding:36px}}.dialog-container .dialog-content{max-height:-moz-calc(100% - 128px);max-height:-webkit-calc(100% - 128px);max-height:calc(100% - 128px);-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-moz-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-webkit-border-radius:4px;border-radius:4px;max-width:540px;width:100%;background-color:#fff;position:relative}.dialog-container .dialog-content:not(.noPadding){padding:28px 22px 22px}@media(min-width: 768px){.dialog-container .dialog-content:not(.noPadding){padding:38px 30px 30px}}.dialog-container .dialog-content.noPadding{padding:28px 0 0}@media(min-width: 768px){.dialog-container .dialog-content.noPadding{padding:38px 0 0}}@media(min-width: 992px){.dialog-container .dialog-content{width:-moz-calc(100% - 128px);width:-webkit-calc(100% - 128px);width:calc(100% - 128px);max-height:100%}}.dialog-container .dialog-content .close-dialog-button{background:none;border:none;color:#2f3940;display:inline-block;position:absolute;right:7px;top:4px;text-decoration:underline;font-size:19px;cursor:pointer;padding:0;right:8px;top:5px}@media(min-width: 768px){.dialog-container .dialog-content .close-dialog-button{right:15px;top:10px}}.dialog-container .dialog-content .close-dialog-button:hover{text-decoration:none}.dialog-container .dialog-content .close-dialog-button svg{width:17px;height:17px}","",{version:3,sources:["webpack://./stories/gn-dialog/template.scss","webpack://./style/mixins/_breakpoints.scss","webpack://./style/mixins/_calc.scss","webpack://./style/mixins/_box-shadow.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAOI,gCACI,YAAA,CAEJ,0BACI,YAAA,CACA,cAAA,CACA,cAAA,CACA,UAAA,CACA,0BAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,oBAAA,CACA,gBAAA,CACA,SAAA,CACA,sBAAA,CACA,qBAAA,CCfA,yBDEJ,0BAeQ,YAAA,CAAA,CAGR,kCE3BF,kCAAA,CACA,qCAAA,CACA,6BAAA,CCFE,iHH6BI,CG5BJ,8GH4BI,CG3BJ,yGH2BI,CI7BN,yBJkC2C,CIjC3C,iBJiC2C,CACrC,eAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,kDACI,sBAAA,CC7BJ,yBD4BA,kDAGQ,sBAAA,CAAA,CAGR,4CACI,gBAAA,CCnCJ,yBDkCA,4CAGQ,gBAAA,CAAA,CCzCR,yBDoBJ,kCE3BF,6BAAA,CACA,gCAAA,CACA,wBAAA,CFmDU,eAAA,CAAA,CAEJ,uDACI,eAAA,CACA,WAAA,CACA,aKpDE,CLqDF,oBAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,yBAAA,CACA,cAAA,CACA,cAAA,CACA,SAAA,CACA,SAAA,CACA,OAAA,CCzDJ,yBD4CA,uDAeQ,UAAA,CACA,QAAA,CAAA,CAEJ,6DACI,oBAAA,CAEJ,2DACI,UAAA,CACA,WAAA",sourcesContent:['@use "../../style/mixins/border-radius";\n@use "../../style/mixins/box-shadow";\n@use "../../style/mixins/breakpoints";\n@use "../../style/mixins/calc";\n@use "../../style/variables/colors";\n\n.dialog-container {\n &:not(.visible) {\n display: none;\n }\n &.visible {\n display: flex;\n flex-wrap: wrap;\n position: fixed;\n width: 100%;\n background: rgba(0, 0, 0, 0.25);\n height: 100%;\n top: 0;\n left: 0;\n align-content: center;\n padding: 8px 28px;\n z-index: 2;\n justify-content: center;\n box-sizing: border-box;\n @include breakpoints.breakpoint(laptop) {\n padding: 36px;\n }\n }\n .dialog-content {\n @include calc.calc("max-height", "100% - 128px");\n @include box-shadow.box-shadow(\n 0 11px 15px -7px rgba(0, 0, 0, 0.2),\n 0 24px 38px 3px rgba(0, 0, 0, 0.14),\n 0 9px 46px 8px rgba(0, 0, 0, 0.12)\n );\n @include border-radius.border-radius(4px);\n max-width: 540px;\n width: 100%;\n background-color: #fff;\n position: relative;\n &:not(.noPadding) {\n padding: 28px 22px 22px;\n @include breakpoints.breakpoint(tablet) {\n padding: 38px 30px 30px;\n }\n }\n &.noPadding {\n padding: 28px 0 0;\n @include breakpoints.breakpoint(tablet) {\n padding: 38px 0 0;\n }\n }\n @include breakpoints.breakpoint(laptop) {\n @include calc.calc("width", "100% - 128px");\n max-height: 100%;\n }\n .close-dialog-button {\n background: none;\n border: none;\n color: colors.$default-text;\n display: inline-block;\n position: absolute;\n right: 7px;\n top: 4px;\n text-decoration: underline;\n font-size: 19px;\n cursor: pointer;\n padding: 0;\n right: 8px;\n top: 5px;\n @include breakpoints.breakpoint(tablet) {\n right: 15px;\n top: 10px;\n }\n &:hover {\n text-decoration: none;\n }\n svg {\n width: 17px;\n height: 17px;\n }\n }\n }\n}\n','@use "../variables/breakpoints";\n\n@mixin breakpoint($point) {\n @if $point == desktop {\n @media (min-width: breakpoints.$screen-desktop) {\n @content;\n }\n } @else if $point == laptop {\n @media (min-width: breakpoints.$screen-laptop) {\n @content;\n }\n } @else if $point == tablet {\n @media (min-width: breakpoints.$screen-tablet) {\n @content;\n }\n } @else if $point == phablet {\n @media (min-width: breakpoints.$screen-phablet) {\n @content;\n }\n }\n}\n',"\ufeff@mixin calc($property, $expression) {\n #{$property}: -moz-calc(#{$expression});\n #{$property}: -webkit-calc(#{$expression});\n #{$property}: calc(#{$expression});\n}","\ufeff@mixin box-shadow($shadows...) {\n -webkit-box-shadow: $shadows;\n -moz-box-shadow: $shadows;\n box-shadow: $shadows;\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}","$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$light-gray: #f6f5f4;\n\n$primary-brand: #FE5000;\n\n$primary-background: #3767C7;\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: #f4f4f4;\n$disabled-border: #dedede;\n$disabled-text: #707070;\n\n\n$light-green: #8fff33;\n$light-yellow: #ffEb3b;\n$light-red: #ff4a2e;\n"],sourceRoot:""}]);const a=s},3704:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CustomElement=void 0;class n extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}e.CustomElement=n},3982:(t,e,n)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Toggle=void 0;const o=n(2466);e.Toggle=()=>(t,e)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return(t=>{if(this.hasAttribute(t)){const e=this.getAttribute(t);return!!/^(true|false|^$)$/.test(e)&&("true"==e||""==e)}return!1})(e)},set:function(t){const n=t;if(null!=t)switch(typeof t){case"boolean":break;case"string":/^(true|false|^$)$/.test(t)?t="true"==n||""==n:(console.warn(`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`}this.__connected?(this.props[e]=t||!1,""!==n&&null!==n?this.setAttribute(e,t):t?this.setAttribute(e,""):this.removeAttribute(e)):this.hasAttribute(o.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})}},5052:t=>{"use strict";t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;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[e].concat([r]).join("\n")}return[e].join("\n")}},5340:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>a});var o=n(5052),i=n.n(o),r=n(164),s=n.n(r)()(i());s.push([t.id,"gn-dialog{position:absolute}gn-dialog heading-text h1,gn-dialog heading-text h2,gn-dialog heading-text h3,gn-dialog heading-text h4,gn-dialog heading-text h5{margin-top:0}gn-dialog heading-text h1:before,gn-dialog heading-text h2:before,gn-dialog heading-text h3:before,gn-dialog heading-text h4:before,gn-dialog heading-text h5:before{margin-top:0}","",{version:3,sources:["webpack://./stories/gn-dialog/gn-dialog.scss"],names:[],mappings:"AAAA,UACG,iBAAA,CAEG,kIAKG,YAAA,CACA,qKACG,YAAA",sourcesContent:["gn-dialog {\n position: absolute;\n heading-text {\n h1,\n h2,\n h3,\n h4,\n h5 {\n margin-top: 0;\n &:before {\n margin-top: 0;\n }\n }\n }\n}\n"],sourceRoot:""}]);const a=s},5979:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.removeInnerHTML=e.addGlobalStylesheet=e.getDocumentHeading=e.getFocusableElementsInsideElement=void 0,e.getFocusableElementsInsideElement=t=>t.querySelectorAll('button, [href], input, [tabindex="0"]'),e.getDocumentHeading=()=>{let t=document.querySelector("heading-text");return t||(t=document.querySelector("h1:not(.sb-nopreview_heading.sb-heading)")),t},e.addGlobalStylesheet=(t,e)=>{const n=document.createElement("style");n.setAttribute("id",t),n.textContent=e,document.getElementById(t)||document.head.appendChild(n)},e.removeInnerHTML=t=>{for(;t.firstChild&&t.contains(t.firstChild);)t.removeChild(t.firstChild)}},6622:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>o});const o='<template>\n <div id="dialog-container" class="dialog-container">\n <div id="dialog-content" class="dialog-content">\n <button id="close-dialog-button" class="close-dialog-button"></button>\n <slot></slot>\n </div>\n </div>\n</template>\n'},6999:(t,e,n)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.initializeProps=e.Prop=void 0;const o=n(2466);e.Prop=()=>(t,e)=>{const n=o.toKebabCase(e);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return this.props[e]?this.props[e]:this.getAttribute(n)},set:function(t){if(this.__connected){const i=this.props[e];this.props[e]=o.tryParseInt(t),"object"!=typeof t?this.setAttribute(n,t):this.onAttributeChange(n,i,t,!1)}else this.hasAttribute(o.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})},e.initializeProps=t=>{const e=t.constructor.watchAttributes;for(let n of(t=>{const e=t.constructor.watchAttributes,n=Object.assign({},e);Object.keys(n).forEach((t=>n[t]=""));const o=Object.assign(Object.assign({},n),t.constructor.propsInit);return Object.keys(o)})(t)){if(e)if(null==e[o.toKebabCase(n)])e[o.toKebabCase(n)]="";else{const i=t.props[n]||t.getAttribute(o.toKebabCase(n));"function"==typeof t[e[n]]&&t[e[n]]({new:i})}t.constructor.propsInit[n]&&(t.hasAttribute(o.toKebabCase(n))||(t[n]=t.constructor.propsInit[n]))}}},8631:function(t,e,n){"use strict";var o=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))((function(i,r){function s(t){try{d(o.next(t))}catch(t){r(t)}}function a(t){try{d(o.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}d((o=o.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const i=n(169),r=n(6999),s=n(2466);e.Component=t=>e=>{var n;const a=t.tag||s.toKebabCase(e.prototype.constructor.name),d=((n=class extends e{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,e,n){this.onAttributeChange(t,e,n)}onAttributeChange(t,e,n,o=!0){if(e!=n){o&&(this[s.toCamelCase(t)]=n);const i=this.constructor.watchAttributes;if(i&&i[t]){const o=i[t];this.__connected&&"function"==typeof this[o]&&this[o]({old:e,new:n})}}}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,i.addEventListeners(this),r.initializeProps(this)}))}render(){return o(this,void 0,void 0,(function*(){if(this.__connected)return;const e=document.createElement("template");e.innerHTML=yield this.getStyle(),t.template instanceof Promise?e.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(e.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(e.content.cloneNode(!0))}))}getExternalTemplate(){return o(this,void 0,void 0,(function*(){const e=(yield t.template).default.toString(),n=document.createRange().createContextualFragment(e);return 1===n.children.length&&"TEMPLATE"===n.children[0].nodeName?n.firstChild.content:n}))}getStyle(){return o(this,void 0,void 0,(function*(){let e;return t.style instanceof Promise?e=(yield t.style).default.toString():"string"==typeof t.style&&(e=t.style),e?`<style>${e}</style>`:""}))}}).__connected=!1,n.ready=new Promise(((t,e)=>t(!0))),n);return customElements.get(a)||customElements.define(a,d),d}},8861:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0})}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n(72)})()));
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.geonorge=e():(t.geonorge=t.geonorge||{},t.geonorge.GnDialog=e())}(self,(()=>(()=>{var t={5340(t,e,n){"use strict";n.r(e),n.d(e,{default:()=>a});var o=n(5052),i=n.n(o),r=n(164),s=n.n(r)()(i());s.push([t.id,"gn-dialog{position:absolute}gn-dialog heading-text h1,gn-dialog heading-text h2,gn-dialog heading-text h3,gn-dialog heading-text h4,gn-dialog heading-text h5{margin-top:0}gn-dialog heading-text h1:before,gn-dialog heading-text h2:before,gn-dialog heading-text h3:before,gn-dialog heading-text h4:before,gn-dialog heading-text h5:before{margin-top:0}","",{version:3,sources:["webpack://./stories/gn-dialog/gn-dialog.scss"],names:[],mappings:"AAAA,UACG,iBAAA,CAEG,kIAKG,YAAA,CACA,qKACG,YAAA",sourcesContent:["gn-dialog {\n position: absolute;\n heading-text {\n h1,\n h2,\n h3,\n h4,\n h5 {\n margin-top: 0;\n &:before {\n margin-top: 0;\n }\n }\n }\n}\n"],sourceRoot:""}]);const a=s},3570(t,e,n){"use strict";n.r(e),n.d(e,{default:()=>a});var o=n(5052),i=n.n(o),r=n(164),s=n.n(r)()(i());s.push([t.id,".dialog-container:not(.visible){display:none}.dialog-container.visible{display:flex;flex-wrap:wrap;position:fixed;width:100%;background:rgba(0,0,0,.25);height:100%;top:0;left:0;align-content:center;padding:8px 28px;z-index:2;justify-content:center;box-sizing:border-box}@media(min-width: 992px){.dialog-container.visible{padding:36px}}.dialog-container .dialog-content{max-height:-moz-calc(100% - 128px);max-height:-webkit-calc(100% - 128px);max-height:calc(100% - 128px);-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-moz-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-webkit-border-radius:4px;border-radius:4px;max-width:540px;width:100%;background-color:#fff;position:relative}.dialog-container .dialog-content:not(.noPadding){padding:28px 22px 22px}@media(min-width: 768px){.dialog-container .dialog-content:not(.noPadding){padding:38px 30px 30px}}.dialog-container .dialog-content.noPadding{padding:28px 0 0}@media(min-width: 768px){.dialog-container .dialog-content.noPadding{padding:38px 0 0}}@media(min-width: 992px){.dialog-container .dialog-content{width:-moz-calc(100% - 128px);width:-webkit-calc(100% - 128px);width:calc(100% - 128px);max-height:100%}}.dialog-container .dialog-content .close-dialog-button{background:none;border:none;color:#2f3940;display:inline-block;position:absolute;right:7px;top:4px;text-decoration:underline;font-size:19px;cursor:pointer;padding:0;right:8px;top:5px}@media(min-width: 768px){.dialog-container .dialog-content .close-dialog-button{right:15px;top:10px}}.dialog-container .dialog-content .close-dialog-button:hover{text-decoration:none}.dialog-container .dialog-content .close-dialog-button svg{width:17px;height:17px}","",{version:3,sources:["webpack://./stories/gn-dialog/template.scss","webpack://./style/mixins/_breakpoints.scss","webpack://./style/mixins/_calc.scss","webpack://./style/mixins/_box-shadow.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAOI,gCACI,YAAA,CAEJ,0BACI,YAAA,CACA,cAAA,CACA,cAAA,CACA,UAAA,CACA,0BAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,oBAAA,CACA,gBAAA,CACA,SAAA,CACA,sBAAA,CACA,qBAAA,CCfA,yBDEJ,0BAeQ,YAAA,CAAA,CAGR,kCE3BF,kCAAA,CACA,qCAAA,CACA,6BAAA,CCFE,iHH6BI,CG5BJ,8GH4BI,CG3BJ,yGH2BI,CI7BN,yBJkC2C,CIjC3C,iBJiC2C,CACrC,eAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,kDACI,sBAAA,CC7BJ,yBD4BA,kDAGQ,sBAAA,CAAA,CAGR,4CACI,gBAAA,CCnCJ,yBDkCA,4CAGQ,gBAAA,CAAA,CCzCR,yBDoBJ,kCE3BF,6BAAA,CACA,gCAAA,CACA,wBAAA,CFmDU,eAAA,CAAA,CAEJ,uDACI,eAAA,CACA,WAAA,CACA,aKpDE,CLqDF,oBAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,yBAAA,CACA,cAAA,CACA,cAAA,CACA,SAAA,CACA,SAAA,CACA,OAAA,CCzDJ,yBD4CA,uDAeQ,UAAA,CACA,QAAA,CAAA,CAEJ,6DACI,oBAAA,CAEJ,2DACI,UAAA,CACA,WAAA",sourcesContent:['@use "../../style/mixins/border-radius";\n@use "../../style/mixins/box-shadow";\n@use "../../style/mixins/breakpoints";\n@use "../../style/mixins/calc";\n@use "../../style/variables/colors";\n\n.dialog-container {\n &:not(.visible) {\n display: none;\n }\n &.visible {\n display: flex;\n flex-wrap: wrap;\n position: fixed;\n width: 100%;\n background: rgba(0, 0, 0, 0.25);\n height: 100%;\n top: 0;\n left: 0;\n align-content: center;\n padding: 8px 28px;\n z-index: 2;\n justify-content: center;\n box-sizing: border-box;\n @include breakpoints.breakpoint(laptop) {\n padding: 36px;\n }\n }\n .dialog-content {\n @include calc.calc("max-height", "100% - 128px");\n @include box-shadow.box-shadow(\n 0 11px 15px -7px rgba(0, 0, 0, 0.2),\n 0 24px 38px 3px rgba(0, 0, 0, 0.14),\n 0 9px 46px 8px rgba(0, 0, 0, 0.12)\n );\n @include border-radius.border-radius(4px);\n max-width: 540px;\n width: 100%;\n background-color: #fff;\n position: relative;\n &:not(.noPadding) {\n padding: 28px 22px 22px;\n @include breakpoints.breakpoint(tablet) {\n padding: 38px 30px 30px;\n }\n }\n &.noPadding {\n padding: 28px 0 0;\n @include breakpoints.breakpoint(tablet) {\n padding: 38px 0 0;\n }\n }\n @include breakpoints.breakpoint(laptop) {\n @include calc.calc("width", "100% - 128px");\n max-height: 100%;\n }\n .close-dialog-button {\n background: none;\n border: none;\n color: colors.$default-text;\n display: inline-block;\n position: absolute;\n right: 7px;\n top: 4px;\n text-decoration: underline;\n font-size: 19px;\n cursor: pointer;\n padding: 0;\n right: 8px;\n top: 5px;\n @include breakpoints.breakpoint(tablet) {\n right: 15px;\n top: 10px;\n }\n &:hover {\n text-decoration: none;\n }\n svg {\n width: 17px;\n height: 17px;\n }\n }\n }\n}\n','@use "../variables/breakpoints";\n\n@mixin breakpoint($point) {\n @if $point == desktop {\n @media (min-width: breakpoints.$screen-desktop) {\n @content;\n }\n } @else if $point == laptop {\n @media (min-width: breakpoints.$screen-laptop) {\n @content;\n }\n } @else if $point == tablet {\n @media (min-width: breakpoints.$screen-tablet) {\n @content;\n }\n } @else if $point == phablet {\n @media (min-width: breakpoints.$screen-phablet) {\n @content;\n }\n }\n}\n',"\ufeff@mixin calc($property, $expression) {\n #{$property}: -moz-calc(#{$expression});\n #{$property}: -webkit-calc(#{$expression});\n #{$property}: calc(#{$expression});\n}","\ufeff@mixin box-shadow($shadows...) {\n -webkit-box-shadow: $shadows;\n -moz-box-shadow: $shadows;\n box-shadow: $shadows;\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}","$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$light-gray: #f6f5f4;\n\n$primary-brand: #FE5000;\n\n$primary-background: #3767C7;\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: #f4f4f4;\n$disabled-border: #dedede;\n$disabled-text: #707070;\n\n\n$light-green: #8fff33;\n$light-yellow: #ffEb3b;\n$light-red: #ff4a2e;\n"],sourceRoot:""}]);const a=s},6622(t,e,n){"use strict";n.r(e),n.d(e,{default:()=>o});const o='<template>\n <div id="dialog-container" class="dialog-container">\n <div id="dialog-content" class="dialog-content">\n <button id="close-dialog-button" class="close-dialog-button"></button>\n <slot></slot>\n </div>\n </div>\n</template>\n'},164(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var a=0;a<this.length;a++){var d=this[a][0];null!=d&&(s[d]=!0)}for(var c=0;c<t.length;c++){var l=[].concat(t[c]);o&&s[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),e.push(l))}},e}},5052(t){"use strict";t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;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[e].concat([r]).join("\n")}return[e].join("\n")}},8631(t,e,n){"use strict";var o=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))((function(i,r){function s(t){try{d(o.next(t))}catch(t){r(t)}}function a(t){try{d(o.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}d((o=o.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const i=n(169),r=n(6999),s=n(2466);e.Component=t=>e=>{var n;const a=t.tag||s.toKebabCase(e.prototype.constructor.name),d=((n=class extends e{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,e,n){this.onAttributeChange(t,e,n)}onAttributeChange(t,e,n,o=!0){if(e!=n){o&&(this[s.toCamelCase(t)]=n);const i=this.constructor.watchAttributes;if(i&&i[t]){const o=i[t];this.__connected&&"function"==typeof this[o]&&this[o]({old:e,new:n})}}}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,i.addEventListeners(this),r.initializeProps(this)}))}render(){return o(this,void 0,void 0,(function*(){if(this.__connected)return;const e=document.createElement("template");e.innerHTML=yield this.getStyle(),t.template instanceof Promise?e.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(e.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(e.content.cloneNode(!0))}))}getExternalTemplate(){return o(this,void 0,void 0,(function*(){const e=(yield t.template).default.toString(),n=document.createRange().createContextualFragment(e);return 1===n.children.length&&"TEMPLATE"===n.children[0].nodeName?n.firstChild.content:n}))}getStyle(){return o(this,void 0,void 0,(function*(){let e;return t.style instanceof Promise?e=(yield t.style).default.toString():"string"==typeof t.style&&(e=t.style),e?`<style>${e}</style>`:""}))}}).__connected=!1,n.ready=new Promise(((t,e)=>t(!0))),n);return customElements.get(a)||customElements.define(a,d),d}},3704(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CustomElement=void 0;class n extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}e.CustomElement=n},3365(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getShadowRootElement=e.getElement=void 0,e.getElement=t=>document.querySelector(t),e.getShadowRootElement=(t,e)=>t.shadowRoot.querySelector(e)},3128(t,e,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__exportStar||function(t,e){for(var n in t)"default"===n||Object.prototype.hasOwnProperty.call(e,n)||o(e,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(n(8631),e),i(n(3704),e),i(n(3365),e),i(n(169),e),i(n(6999),e),i(n(3982),e),i(n(8861),e),i(n(1063),e)},169(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Dispatch=e.addEventListeners=e.Listen=void 0;const o=n(2466);e.Listen=(t,e)=>(n,o)=>{n.constructor.listeners||(n.constructor.listeners=[]),n.constructor.listeners.push({selector:e,eventName:t,handler:n[o]})},e.addEventListeners=t=>{if(t.constructor.listeners){const e=t.shadowRoot||t;for(const n of t.constructor.listeners){const o=n.selector?e.querySelector(n.selector)?e.querySelector(n.selector):null:t;o&&o.addEventListener(n.eventName,(e=>{n.handler.call(t,e)}))}}},e.Dispatch=t=>(e,n)=>{Object.defineProperty(e,n,{get:function(){const e=this;return{emit(i){const r=t||o.toDotCase(n);e.dispatchEvent(new CustomEvent(r,i))}}}})}},6999(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.initializeProps=e.Prop=void 0;const o=n(2466);e.Prop=()=>(t,e)=>{const n=o.toKebabCase(e);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return this.props[e]?this.props[e]:this.getAttribute(n)},set:function(t){if(this.__connected){const i=this.props[e];this.props[e]=o.tryParseInt(t),"object"!=typeof t?this.setAttribute(n,t):this.onAttributeChange(n,i,t,!1)}else this.hasAttribute(o.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})},e.initializeProps=t=>{const e=t.constructor.watchAttributes;for(let n of(t=>{const e=t.constructor.watchAttributes,n=Object.assign({},e);Object.keys(n).forEach((t=>n[t]=""));const o=Object.assign(Object.assign({},n),t.constructor.propsInit);return Object.keys(o)})(t)){if(e)if(null==e[o.toKebabCase(n)])e[o.toKebabCase(n)]="";else{const i=t.props[n]||t.getAttribute(o.toKebabCase(n));"function"==typeof t[e[n]]&&t[e[n]]({new:i})}t.constructor.propsInit[n]&&(t.hasAttribute(o.toKebabCase(n))||(t[n]=t.constructor.propsInit[n]))}}},3982(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Toggle=void 0;const o=n(2466);e.Toggle=()=>(t,e)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return(t=>{if(this.hasAttribute(t)){const e=this.getAttribute(t);return!!/^(true|false|^$)$/.test(e)&&("true"==e||""==e)}return!1})(e)},set:function(t){const n=t;if(null!=t)switch(typeof t){case"boolean":break;case"string":/^(true|false|^$)$/.test(t)?t="true"==n||""==n:(console.warn(`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`}this.__connected?(this.props[e]=t||!1,""!==n&&null!==n?this.setAttribute(e,t):t?this.setAttribute(e,""):this.removeAttribute(e)):this.hasAttribute(o.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})}},8861(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},2466(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.tryParseInt=e.toDotCase=e.toCamelCase=e.toKebabCase=void 0,e.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),e.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),e.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},1063(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Watch=void 0;const o=n(2466);e.Watch=t=>(e,n)=>{e.constructor.watchAttributes||(e.constructor.watchAttributes={}),e.constructor.watchAttributes[o.toKebabCase(t)]=n,e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null}},3437(t){t.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path></svg>'},5979(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.removeInnerHTML=e.addGlobalStylesheet=e.getDocumentHeading=e.getFocusableElementsInsideElement=void 0,e.getFocusableElementsInsideElement=t=>t.querySelectorAll('button, [href], input, [tabindex="0"]'),e.getDocumentHeading=()=>{let t=document.querySelector("heading-text");return t||(t=document.querySelector("h1:not(.sb-nopreview_heading.sb-heading)")),t},e.addGlobalStylesheet=(t,e)=>{const n=document.createElement("style");n.setAttribute("id",t),n.textContent=e,document.getElementById(t)||document.head.appendChild(n)},e.removeInnerHTML=t=>{for(;t.firstChild&&t.contains(t.firstChild);)t.removeChild(t.firstChild)}},72(t,e,n){"use strict";var o,i=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(e,n);i&&!("get"in i?!e.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,i)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),r=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},a=this&&this.__importStar||(o=function(t){return o=Object.getOwnPropertyNames||function(t){var e=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[e.length]=n);return e},o(t)},function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n=o(t),s=0;s<n.length;s++)"default"!==n[s]&&i(e,t,n[s]);return r(e,t),e}),d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.GnDialog=void 0;const c=n(3128),l=n(5979),u=d(n(3437)),p=d(n(5340));let g=class extends c.CustomElement{constructor(){super(),this.handleClickOutside=t=>{const e=(0,c.getShadowRootElement)(this,"#dialog-content"),n=this.shadowRoot.querySelector("slot").assignedElements().some((e=>!!e.contains(t.target))),o=e.contains(t.target);!e||n||o||this.hideDialog()},this.hideDialog=()=>{this.setAttribute("show","false")},this.keyDownFunction=t=>{if(27!==t.keyCode)return null;this.hideDialog()},(0,l.addGlobalStylesheet)("gn-dialog-styles",p.default)}connectedCallback(){const t=(0,c.getShadowRootElement)(this,"#close-dialog-button");t.innerHTML=u.default,t.addEventListener("click",this.hideDialog),(0,c.getShadowRootElement)(this,"#dialog-container").addEventListener("click",this.handleClickOutside),document.addEventListener("keydown",this.keyDownFunction,!1)}disconnectedCallback(){(0,c.getShadowRootElement)(this,"#close-dialog-button").removeEventListener("click",this.hideDialog),(0,c.getShadowRootElement)(this,"#dialog-container").removeEventListener("click",this.handleClickOutside),document.removeEventListener("keydown",this.keyDownFunction,!1)}shouldShowDialog(t){return""===(null==t?void 0:t.toString())||"true"===(null==t?void 0:t.toString())}shouldHaveNoPadding(t){return""===(null==t?void 0:t.toString())||"true"===(null==t?void 0:t.toString())}showMenuChanged(){const t=this.shouldShowDialog(this.show),e=(0,c.getShadowRootElement)(this,"#dialog-container");t?null==e||e.classList.add("visible"):null==e||e.classList.remove("visible")}nopaddingChanged(){const t=this.shouldHaveNoPadding(this.nopadding),e=(0,c.getShadowRootElement)(this,"#dialog-content");t?e.classList.add("noPadding"):e.classList.remove("noPadding")}overflowChanged(){var t;const e=(null===(t=this.overflow)||void 0===t?void 0:t.length)?this.overflow:"visible";(0,c.getShadowRootElement)(this,"#dialog-content").style.overflow=e}widthChanged(){(0,c.getShadowRootElement)(this,"#dialog-content").style.maxWidth=this.width}setup(t){}};e.GnDialog=g,s([(0,c.Toggle)()],g.prototype,"show",void 0),s([(0,c.Toggle)()],g.prototype,"nopadding",void 0),s([(0,c.Prop)()],g.prototype,"width",void 0),s([(0,c.Prop)()],g.prototype,"overflow",void 0),s([(0,c.Watch)("show")],g.prototype,"showMenuChanged",null),s([(0,c.Watch)("nopadding")],g.prototype,"nopaddingChanged",null),s([(0,c.Watch)("overflow")],g.prototype,"overflowChanged",null),s([(0,c.Watch)("width")],g.prototype,"widthChanged",null),e.GnDialog=g=s([(0,c.Component)({tag:"gn-dialog",template:Promise.resolve().then((()=>a(n(6622)))),style:Promise.resolve().then((()=>a(n(3570))))})],g)}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n(72)})()));
2
2
  //# sourceMappingURL=GnDialog.js.map
package/GnDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GnDialog.js","mappings":"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","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/gn-dialog/gn-dialog.ts","webpack://geonorge/../node_modules/css-loader/dist/runtime/api.js","webpack://geonorge/../node_modules/super-custom-elements/src/listen.ts","webpack://geonorge/../node_modules/super-custom-elements/src/watch.ts","webpack://geonorge/../node_modules/super-custom-elements/src/util.ts","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/./assets/svg/close-icon-black.svg","webpack://geonorge/./stories/gn-dialog/template.scss","webpack://geonorge/../node_modules/super-custom-elements/src/custom-element.ts","webpack://geonorge/../node_modules/super-custom-elements/src/toggle.ts","webpack://geonorge/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://geonorge/./stories/gn-dialog/gn-dialog.scss","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/gn-dialog/gn-dialog.html","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/../node_modules/super-custom-elements/src/component.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\"][\"GnDialog\"] = factory();\n})(self, () => {\nreturn ","// 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// Assets\nimport CloseIcon from \"../../assets/svg/close-icon-black.svg\";\n\n// Stylesheets\nimport style from \"./gn-dialog.scss\";\n\ninterface GnDialogOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"gn-dialog\",\n template: import(\"./gn-dialog.html\"),\n style: import(\"./template.scss\")\n})\nexport class GnDialog extends CustomElement {\n @Toggle() show: boolean;\n @Toggle() nopadding: boolean;\n @Prop() width: string;\n @Prop() overflow: string;\n\n constructor() {\n super();\n addGlobalStylesheet(\"gn-dialog-styles\", style);\n }\n\n connectedCallback() {\n const closeDialogButtonElement = getShadowRootElement(this, \"#close-dialog-button\");\n closeDialogButtonElement.innerHTML = CloseIcon;\n closeDialogButtonElement.addEventListener(\"click\", this.hideDialog);\n\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n dialogContainerElement.addEventListener(\"click\", this.handleClickOutside);\n\n document.addEventListener(\"keydown\", this.keyDownFunction, false);\n }\n\n disconnectedCallback() {\n const closeDialogButtonElement = getShadowRootElement(this, \"#close-dialog-button\");\n closeDialogButtonElement.removeEventListener(\"click\", this.hideDialog);\n\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n dialogContainerElement.removeEventListener(\"click\", this.handleClickOutside);\n\n document.removeEventListener(\"keydown\", this.keyDownFunction, false);\n }\n\n handleClickOutside = (event) => {\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n const slots = this.shadowRoot.querySelector(\"slot\");\n const assignedSlotElements = slots.assignedElements();\n const hasClickedInsideSlot = assignedSlotElements.some((assignedSlotElement) => {\n return !!assignedSlotElement.contains(event.target);\n });\n const hasClickedInsideDialogChild = dialogContentElement.contains(event.target);\n if (dialogContentElement && !(hasClickedInsideSlot || hasClickedInsideDialogChild)) {\n this.hideDialog();\n }\n };\n\n hideDialog = () => {\n this.setAttribute(\"show\", \"false\");\n };\n\n shouldShowDialog(show) {\n return show?.toString() === \"\" || show?.toString() === \"true\";\n }\n\n shouldHaveNoPadding(noPadding) {\n return noPadding?.toString() === \"\" || noPadding?.toString() === \"true\";\n }\n\n keyDownFunction = (event) => {\n switch (event.keyCode) {\n case 27: // Escape\n this.hideDialog();\n break;\n default:\n return null;\n }\n };\n\n @Watch(\"show\")\n showMenuChanged() {\n const shouldShowDialog = this.shouldShowDialog(this.show);\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n shouldShowDialog\n ? dialogContainerElement?.classList.add(\"visible\")\n : dialogContainerElement?.classList.remove(\"visible\");\n }\n\n @Watch(\"nopadding\")\n nopaddingChanged() {\n const shouldHaveNoPadding = this.shouldHaveNoPadding(this.nopadding);\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n shouldHaveNoPadding\n ? dialogContentElement.classList.add(\"noPadding\")\n : dialogContentElement.classList.remove(\"noPadding\");\n }\n\n @Watch(\"overflow\")\n overflowChanged() {\n const overflow = this.overflow?.length ? this.overflow : \"visible\";\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n dialogContentElement.style.overflow = overflow;\n }\n\n @Watch(\"width\")\n widthChanged() {\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n dialogContentElement.style.maxWidth = this.width;\n }\n\n setup(options?: GnDialogOptions): void {}\n}\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};","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 } 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 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","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';","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};","module.exports = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 -960 960 960\\\"><path fill=\\\"currentColor\\\" d=\\\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\\\"></path></svg>\"","// 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, `.dialog-container:not(.visible){display:none}.dialog-container.visible{display:flex;flex-wrap:wrap;position:fixed;width:100%;background:rgba(0,0,0,.25);height:100%;top:0;left:0;align-content:center;padding:8px 28px;z-index:2;justify-content:center;box-sizing:border-box}@media(min-width: 992px){.dialog-container.visible{padding:36px}}.dialog-container .dialog-content{max-height:-moz-calc(100% - 128px);max-height:-webkit-calc(100% - 128px);max-height:calc(100% - 128px);-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-moz-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-webkit-border-radius:4px;border-radius:4px;max-width:540px;width:100%;background-color:#fff;position:relative}.dialog-container .dialog-content:not(.noPadding){padding:28px 22px 22px}@media(min-width: 768px){.dialog-container .dialog-content:not(.noPadding){padding:38px 30px 30px}}.dialog-container .dialog-content.noPadding{padding:28px 0 0}@media(min-width: 768px){.dialog-container .dialog-content.noPadding{padding:38px 0 0}}@media(min-width: 992px){.dialog-container .dialog-content{width:-moz-calc(100% - 128px);width:-webkit-calc(100% - 128px);width:calc(100% - 128px);max-height:100%}}.dialog-container .dialog-content .close-dialog-button{background:none;border:none;color:#2f3940;display:inline-block;position:absolute;right:7px;top:4px;text-decoration:underline;font-size:19px;cursor:pointer;padding:0;right:8px;top:5px}@media(min-width: 768px){.dialog-container .dialog-content .close-dialog-button{right:15px;top:10px}}.dialog-container .dialog-content .close-dialog-button:hover{text-decoration:none}.dialog-container .dialog-content .close-dialog-button svg{width:17px;height:17px}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-dialog/template.scss\",\"webpack://./style/mixins/_breakpoints.scss\",\"webpack://./style/mixins/_calc.scss\",\"webpack://./style/mixins/_box-shadow.scss\",\"webpack://./style/mixins/_border-radius.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAOI,gCACI,YAAA,CAEJ,0BACI,YAAA,CACA,cAAA,CACA,cAAA,CACA,UAAA,CACA,0BAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,oBAAA,CACA,gBAAA,CACA,SAAA,CACA,sBAAA,CACA,qBAAA,CCfA,yBDEJ,0BAeQ,YAAA,CAAA,CAGR,kCE3BF,kCAAA,CACA,qCAAA,CACA,6BAAA,CCFE,iHH6BI,CG5BJ,8GH4BI,CG3BJ,yGH2BI,CI7BN,yBJkC2C,CIjC3C,iBJiC2C,CACrC,eAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,kDACI,sBAAA,CC7BJ,yBD4BA,kDAGQ,sBAAA,CAAA,CAGR,4CACI,gBAAA,CCnCJ,yBDkCA,4CAGQ,gBAAA,CAAA,CCzCR,yBDoBJ,kCE3BF,6BAAA,CACA,gCAAA,CACA,wBAAA,CFmDU,eAAA,CAAA,CAEJ,uDACI,eAAA,CACA,WAAA,CACA,aKpDE,CLqDF,oBAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,yBAAA,CACA,cAAA,CACA,cAAA,CACA,SAAA,CACA,SAAA,CACA,OAAA,CCzDJ,yBD4CA,uDAeQ,UAAA,CACA,QAAA,CAAA,CAEJ,6DACI,oBAAA,CAEJ,2DACI,UAAA,CACA,WAAA\",\"sourcesContent\":[\"@use \\\"../../style/mixins/border-radius\\\";\\n@use \\\"../../style/mixins/box-shadow\\\";\\n@use \\\"../../style/mixins/breakpoints\\\";\\n@use \\\"../../style/mixins/calc\\\";\\n@use \\\"../../style/variables/colors\\\";\\n\\n.dialog-container {\\n &:not(.visible) {\\n display: none;\\n }\\n &.visible {\\n display: flex;\\n flex-wrap: wrap;\\n position: fixed;\\n width: 100%;\\n background: rgba(0, 0, 0, 0.25);\\n height: 100%;\\n top: 0;\\n left: 0;\\n align-content: center;\\n padding: 8px 28px;\\n z-index: 2;\\n justify-content: center;\\n box-sizing: border-box;\\n @include breakpoints.breakpoint(laptop) {\\n padding: 36px;\\n }\\n }\\n .dialog-content {\\n @include calc.calc(\\\"max-height\\\", \\\"100% - 128px\\\");\\n @include box-shadow.box-shadow(\\n 0 11px 15px -7px rgba(0, 0, 0, 0.2),\\n 0 24px 38px 3px rgba(0, 0, 0, 0.14),\\n 0 9px 46px 8px rgba(0, 0, 0, 0.12)\\n );\\n @include border-radius.border-radius(4px);\\n max-width: 540px;\\n width: 100%;\\n background-color: #fff;\\n position: relative;\\n &:not(.noPadding) {\\n padding: 28px 22px 22px;\\n @include breakpoints.breakpoint(tablet) {\\n padding: 38px 30px 30px;\\n }\\n }\\n &.noPadding {\\n padding: 28px 0 0;\\n @include breakpoints.breakpoint(tablet) {\\n padding: 38px 0 0;\\n }\\n }\\n @include breakpoints.breakpoint(laptop) {\\n @include calc.calc(\\\"width\\\", \\\"100% - 128px\\\");\\n max-height: 100%;\\n }\\n .close-dialog-button {\\n background: none;\\n border: none;\\n color: colors.$default-text;\\n display: inline-block;\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n text-decoration: underline;\\n font-size: 19px;\\n cursor: pointer;\\n padding: 0;\\n right: 8px;\\n top: 5px;\\n @include breakpoints.breakpoint(tablet) {\\n right: 15px;\\n top: 10px;\\n }\\n &:hover {\\n text-decoration: none;\\n }\\n svg {\\n width: 17px;\\n height: 17px;\\n }\\n }\\n }\\n}\\n\",\"@use \\\"../variables/breakpoints\\\";\\n\\n@mixin breakpoint($point) {\\n @if $point == desktop {\\n @media (min-width: breakpoints.$screen-desktop) {\\n @content;\\n }\\n } @else if $point == laptop {\\n @media (min-width: breakpoints.$screen-laptop) {\\n @content;\\n }\\n } @else if $point == tablet {\\n @media (min-width: breakpoints.$screen-tablet) {\\n @content;\\n }\\n } @else if $point == phablet {\\n @media (min-width: breakpoints.$screen-phablet) {\\n @content;\\n }\\n }\\n}\\n\",\"@mixin calc($property, $expression) {\\n #{$property}: -moz-calc(#{$expression});\\n #{$property}: -webkit-calc(#{$expression});\\n #{$property}: calc(#{$expression});\\n}\",\"@mixin box-shadow($shadows...) {\\n -webkit-box-shadow: $shadows;\\n -moz-box-shadow: $shadows;\\n box-shadow: $shadows;\\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}\",\"$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$light-gray: #f6f5f4;\\n\\n$primary-brand: #FE5000;\\n\\n$primary-background: #3767C7;\\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: #f4f4f4;\\n$disabled-border: #dedede;\\n$disabled-text: #707070;\\n\\n\\n$light-green: #8fff33;\\n$light-yellow: #ffEb3b;\\n$light-red: #ff4a2e;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\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","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","\"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};","// 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-dialog{position:absolute}gn-dialog heading-text h1,gn-dialog heading-text h2,gn-dialog heading-text h3,gn-dialog heading-text h4,gn-dialog heading-text h5{margin-top:0}gn-dialog heading-text h1:before,gn-dialog heading-text h2:before,gn-dialog heading-text h3:before,gn-dialog heading-text h4:before,gn-dialog heading-text h5:before{margin-top:0}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-dialog/gn-dialog.scss\"],\"names\":[],\"mappings\":\"AAAA,UACG,iBAAA,CAEG,kIAKG,YAAA,CACA,qKACG,YAAA\",\"sourcesContent\":[\"gn-dialog {\\n position: absolute;\\n heading-text {\\n h1,\\n h2,\\n h3,\\n h4,\\n h5 {\\n margin-top: 0;\\n &:before {\\n margin-top: 0;\\n }\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const getDocumentHeading = () => {\n let documentHeading = document.querySelector(\"heading-text\") as HTMLElement | null; // This assumes that the heading is wrapped in a custom element called \"heading-text\"\n if (!documentHeading) {\n documentHeading = document.querySelector(\"h1:not(.sb-nopreview_heading.sb-heading)\") as HTMLElement | null; // Exclude the heading used by Storybook\n }\n return documentHeading;\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\nexport const removeInnerHTML = (element: HTMLElement) => {\n while (element.firstChild) {\n if (element.contains(element.firstChild)) {\n element.removeChild(element.firstChild);\n } else {\n // If not a child, break to avoid infinite loop\n break;\n }\n }\n};\n","export default \"<template>\\n <div id=\\\"dialog-container\\\" class=\\\"dialog-container\\\">\\n <div id=\\\"dialog-content\\\" class=\\\"dialog-content\\\">\\n <button id=\\\"close-dialog-button\\\" class=\\\"close-dialog-button\\\"></button>\\n <slot></slot>\\n </div>\\n </div>\\n</template>\\n\";","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 { 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","// 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__(72);\n"],"names":["root","factory","exports","module","define","amd","self","GnDialog","CustomElement","constructor","super","handleClickOutside","event","dialogContentElement","getShadowRootElement","this","hasClickedInsideSlot","shadowRoot","querySelector","assignedElements","some","assignedSlotElement","contains","target","hasClickedInsideDialogChild","hideDialog","setAttribute","keyDownFunction","keyCode","addGlobalStylesheet","connectedCallback","closeDialogButtonElement","innerHTML","addEventListener","document","disconnectedCallback","removeEventListener","shouldShowDialog","show","toString","shouldHaveNoPadding","noPadding","showMenuChanged","dialogContainerElement","classList","add","remove","nopaddingChanged","nopadding","overflowChanged","overflow","length","style","widthChanged","maxWidth","width","setup","options","Toggle","Prop","Watch","Component","tag","template","cssWithMappingToString","list","map","item","content","needLayer","concat","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","id","_k","push","Listen","eventName","selector","methodName","listeners","handler","addEventListeners","targetRoot","listener","eventTarget","e","call","Dispatch","propertyName","Object","defineProperty","get","emit","evtName","toDotCase","dispatchEvent","CustomEvent","attrName","watchAttributes","toKebabCase","propsInit","str","replace","toLowerCase","toCamelCase","m","toUpperCase","tryParseInt","value","parseInt","NaN","parseFloat","getElement","customElement","___CSS_LOADER_EXPORT___","HTMLElement","connect","isConnected","appendChild","propName","hasAttribute","attrValue","getAttribute","test","set","oldValue","console","warn","__connected","props","removeAttribute","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","getFocusableElementsInsideElement","element","querySelectorAll","getDocumentHeading","documentHeading","styleElementId","styles","createElement","textContent","getElementById","head","removeInnerHTML","firstChild","removeChild","onAttributeChange","initializeProps","prop","plainAttributes","keys","forEach","v","cycleProps","getProps","attribValue","new","args","prototype","name","showShadowRoot","shadow","attachShadow","mode","observedAttributes","x","attributeChangedCallback","newValue","methodToCall","old","render","getStyle","Promise","getExternalTemplate","cloneNode","markup","default","fragment","createRange","createContextualFragment","children","nodeName","css","ready","resolve","_","customElements","__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":"GnDialog.js","mappings":"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","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/gn-dialog/gn-dialog.scss","webpack://geonorge/./stories/gn-dialog/template.scss","webpack://geonorge/./stories/gn-dialog/gn-dialog.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/./assets/svg/close-icon-black.svg","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/gn-dialog/gn-dialog.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\"][\"GnDialog\"] = 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-dialog{position:absolute}gn-dialog heading-text h1,gn-dialog heading-text h2,gn-dialog heading-text h3,gn-dialog heading-text h4,gn-dialog heading-text h5{margin-top:0}gn-dialog heading-text h1:before,gn-dialog heading-text h2:before,gn-dialog heading-text h3:before,gn-dialog heading-text h4:before,gn-dialog heading-text h5:before{margin-top:0}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-dialog/gn-dialog.scss\"],\"names\":[],\"mappings\":\"AAAA,UACG,iBAAA,CAEG,kIAKG,YAAA,CACA,qKACG,YAAA\",\"sourcesContent\":[\"gn-dialog {\\n position: absolute;\\n heading-text {\\n h1,\\n h2,\\n h3,\\n h4,\\n h5 {\\n margin-top: 0;\\n &:before {\\n margin-top: 0;\\n }\\n }\\n }\\n}\\n\"],\"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, `.dialog-container:not(.visible){display:none}.dialog-container.visible{display:flex;flex-wrap:wrap;position:fixed;width:100%;background:rgba(0,0,0,.25);height:100%;top:0;left:0;align-content:center;padding:8px 28px;z-index:2;justify-content:center;box-sizing:border-box}@media(min-width: 992px){.dialog-container.visible{padding:36px}}.dialog-container .dialog-content{max-height:-moz-calc(100% - 128px);max-height:-webkit-calc(100% - 128px);max-height:calc(100% - 128px);-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-moz-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);-webkit-border-radius:4px;border-radius:4px;max-width:540px;width:100%;background-color:#fff;position:relative}.dialog-container .dialog-content:not(.noPadding){padding:28px 22px 22px}@media(min-width: 768px){.dialog-container .dialog-content:not(.noPadding){padding:38px 30px 30px}}.dialog-container .dialog-content.noPadding{padding:28px 0 0}@media(min-width: 768px){.dialog-container .dialog-content.noPadding{padding:38px 0 0}}@media(min-width: 992px){.dialog-container .dialog-content{width:-moz-calc(100% - 128px);width:-webkit-calc(100% - 128px);width:calc(100% - 128px);max-height:100%}}.dialog-container .dialog-content .close-dialog-button{background:none;border:none;color:#2f3940;display:inline-block;position:absolute;right:7px;top:4px;text-decoration:underline;font-size:19px;cursor:pointer;padding:0;right:8px;top:5px}@media(min-width: 768px){.dialog-container .dialog-content .close-dialog-button{right:15px;top:10px}}.dialog-container .dialog-content .close-dialog-button:hover{text-decoration:none}.dialog-container .dialog-content .close-dialog-button svg{width:17px;height:17px}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/gn-dialog/template.scss\",\"webpack://./style/mixins/_breakpoints.scss\",\"webpack://./style/mixins/_calc.scss\",\"webpack://./style/mixins/_box-shadow.scss\",\"webpack://./style/mixins/_border-radius.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAOI,gCACI,YAAA,CAEJ,0BACI,YAAA,CACA,cAAA,CACA,cAAA,CACA,UAAA,CACA,0BAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,oBAAA,CACA,gBAAA,CACA,SAAA,CACA,sBAAA,CACA,qBAAA,CCfA,yBDEJ,0BAeQ,YAAA,CAAA,CAGR,kCE3BF,kCAAA,CACA,qCAAA,CACA,6BAAA,CCFE,iHH6BI,CG5BJ,8GH4BI,CG3BJ,yGH2BI,CI7BN,yBJkC2C,CIjC3C,iBJiC2C,CACrC,eAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,kDACI,sBAAA,CC7BJ,yBD4BA,kDAGQ,sBAAA,CAAA,CAGR,4CACI,gBAAA,CCnCJ,yBDkCA,4CAGQ,gBAAA,CAAA,CCzCR,yBDoBJ,kCE3BF,6BAAA,CACA,gCAAA,CACA,wBAAA,CFmDU,eAAA,CAAA,CAEJ,uDACI,eAAA,CACA,WAAA,CACA,aKpDE,CLqDF,oBAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,yBAAA,CACA,cAAA,CACA,cAAA,CACA,SAAA,CACA,SAAA,CACA,OAAA,CCzDJ,yBD4CA,uDAeQ,UAAA,CACA,QAAA,CAAA,CAEJ,6DACI,oBAAA,CAEJ,2DACI,UAAA,CACA,WAAA\",\"sourcesContent\":[\"@use \\\"../../style/mixins/border-radius\\\";\\n@use \\\"../../style/mixins/box-shadow\\\";\\n@use \\\"../../style/mixins/breakpoints\\\";\\n@use \\\"../../style/mixins/calc\\\";\\n@use \\\"../../style/variables/colors\\\";\\n\\n.dialog-container {\\n &:not(.visible) {\\n display: none;\\n }\\n &.visible {\\n display: flex;\\n flex-wrap: wrap;\\n position: fixed;\\n width: 100%;\\n background: rgba(0, 0, 0, 0.25);\\n height: 100%;\\n top: 0;\\n left: 0;\\n align-content: center;\\n padding: 8px 28px;\\n z-index: 2;\\n justify-content: center;\\n box-sizing: border-box;\\n @include breakpoints.breakpoint(laptop) {\\n padding: 36px;\\n }\\n }\\n .dialog-content {\\n @include calc.calc(\\\"max-height\\\", \\\"100% - 128px\\\");\\n @include box-shadow.box-shadow(\\n 0 11px 15px -7px rgba(0, 0, 0, 0.2),\\n 0 24px 38px 3px rgba(0, 0, 0, 0.14),\\n 0 9px 46px 8px rgba(0, 0, 0, 0.12)\\n );\\n @include border-radius.border-radius(4px);\\n max-width: 540px;\\n width: 100%;\\n background-color: #fff;\\n position: relative;\\n &:not(.noPadding) {\\n padding: 28px 22px 22px;\\n @include breakpoints.breakpoint(tablet) {\\n padding: 38px 30px 30px;\\n }\\n }\\n &.noPadding {\\n padding: 28px 0 0;\\n @include breakpoints.breakpoint(tablet) {\\n padding: 38px 0 0;\\n }\\n }\\n @include breakpoints.breakpoint(laptop) {\\n @include calc.calc(\\\"width\\\", \\\"100% - 128px\\\");\\n max-height: 100%;\\n }\\n .close-dialog-button {\\n background: none;\\n border: none;\\n color: colors.$default-text;\\n display: inline-block;\\n position: absolute;\\n right: 7px;\\n top: 4px;\\n text-decoration: underline;\\n font-size: 19px;\\n cursor: pointer;\\n padding: 0;\\n right: 8px;\\n top: 5px;\\n @include breakpoints.breakpoint(tablet) {\\n right: 15px;\\n top: 10px;\\n }\\n &:hover {\\n text-decoration: none;\\n }\\n svg {\\n width: 17px;\\n height: 17px;\\n }\\n }\\n }\\n}\\n\",\"@use \\\"../variables/breakpoints\\\";\\n\\n@mixin breakpoint($point) {\\n @if $point == desktop {\\n @media (min-width: breakpoints.$screen-desktop) {\\n @content;\\n }\\n } @else if $point == laptop {\\n @media (min-width: breakpoints.$screen-laptop) {\\n @content;\\n }\\n } @else if $point == tablet {\\n @media (min-width: breakpoints.$screen-tablet) {\\n @content;\\n }\\n } @else if $point == phablet {\\n @media (min-width: breakpoints.$screen-phablet) {\\n @content;\\n }\\n }\\n}\\n\",\"@mixin calc($property, $expression) {\\n #{$property}: -moz-calc(#{$expression});\\n #{$property}: -webkit-calc(#{$expression});\\n #{$property}: calc(#{$expression});\\n}\",\"@mixin box-shadow($shadows...) {\\n -webkit-box-shadow: $shadows;\\n -moz-box-shadow: $shadows;\\n box-shadow: $shadows;\\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}\",\"$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$light-gray: #f6f5f4;\\n\\n$primary-brand: #FE5000;\\n\\n$primary-background: #3767C7;\\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: #f4f4f4;\\n$disabled-border: #dedede;\\n$disabled-text: #707070;\\n\\n\\n$light-green: #8fff33;\\n$light-yellow: #ffEb3b;\\n$light-red: #ff4a2e;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default \"<template>\\n <div id=\\\"dialog-container\\\" class=\\\"dialog-container\\\">\\n <div id=\\\"dialog-content\\\" class=\\\"dialog-content\\\">\\n <button id=\\\"close-dialog-button\\\" class=\\\"close-dialog-button\\\"></button>\\n <slot></slot>\\n </div>\\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};","module.exports = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 -960 960 960\\\"><path fill=\\\"currentColor\\\" d=\\\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\\\"></path></svg>\"","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const getDocumentHeading = () => {\n let documentHeading = document.querySelector(\"heading-text\") as HTMLElement | null; // This assumes that the heading is wrapped in a custom element called \"heading-text\"\n if (!documentHeading) {\n documentHeading = document.querySelector(\"h1:not(.sb-nopreview_heading.sb-heading)\") as HTMLElement | null; // Exclude the heading used by Storybook\n }\n return documentHeading;\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\nexport const removeInnerHTML = (element: HTMLElement) => {\n while (element.firstChild) {\n if (element.contains(element.firstChild)) {\n element.removeChild(element.firstChild);\n } else {\n // If not a child, break to avoid infinite loop\n break;\n }\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// Assets\nimport CloseIcon from \"../../assets/svg/close-icon-black.svg\";\n\n// Stylesheets\nimport style from \"./gn-dialog.scss\";\n\ninterface GnDialogOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"gn-dialog\",\n template: import(\"./gn-dialog.html\"),\n style: import(\"./template.scss\")\n})\nexport class GnDialog extends CustomElement {\n @Toggle() show: boolean;\n @Toggle() nopadding: boolean;\n @Prop() width: string;\n @Prop() overflow: string;\n\n constructor() {\n super();\n addGlobalStylesheet(\"gn-dialog-styles\", style);\n }\n\n connectedCallback() {\n const closeDialogButtonElement = getShadowRootElement(this, \"#close-dialog-button\");\n closeDialogButtonElement.innerHTML = CloseIcon;\n closeDialogButtonElement.addEventListener(\"click\", this.hideDialog);\n\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n dialogContainerElement.addEventListener(\"click\", this.handleClickOutside);\n\n document.addEventListener(\"keydown\", this.keyDownFunction, false);\n }\n\n disconnectedCallback() {\n const closeDialogButtonElement = getShadowRootElement(this, \"#close-dialog-button\");\n closeDialogButtonElement.removeEventListener(\"click\", this.hideDialog);\n\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n dialogContainerElement.removeEventListener(\"click\", this.handleClickOutside);\n\n document.removeEventListener(\"keydown\", this.keyDownFunction, false);\n }\n\n handleClickOutside = (event) => {\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n const slots = this.shadowRoot.querySelector(\"slot\");\n const assignedSlotElements = slots.assignedElements();\n const hasClickedInsideSlot = assignedSlotElements.some((assignedSlotElement) => {\n return !!assignedSlotElement.contains(event.target);\n });\n const hasClickedInsideDialogChild = dialogContentElement.contains(event.target);\n if (dialogContentElement && !(hasClickedInsideSlot || hasClickedInsideDialogChild)) {\n this.hideDialog();\n }\n };\n\n hideDialog = () => {\n this.setAttribute(\"show\", \"false\");\n };\n\n shouldShowDialog(show) {\n return show?.toString() === \"\" || show?.toString() === \"true\";\n }\n\n shouldHaveNoPadding(noPadding) {\n return noPadding?.toString() === \"\" || noPadding?.toString() === \"true\";\n }\n\n keyDownFunction = (event) => {\n switch (event.keyCode) {\n case 27: // Escape\n this.hideDialog();\n break;\n default:\n return null;\n }\n };\n\n @Watch(\"show\")\n showMenuChanged() {\n const shouldShowDialog = this.shouldShowDialog(this.show);\n const dialogContainerElement = getShadowRootElement(this, \"#dialog-container\");\n shouldShowDialog\n ? dialogContainerElement?.classList.add(\"visible\")\n : dialogContainerElement?.classList.remove(\"visible\");\n }\n\n @Watch(\"nopadding\")\n nopaddingChanged() {\n const shouldHaveNoPadding = this.shouldHaveNoPadding(this.nopadding);\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n shouldHaveNoPadding\n ? dialogContentElement.classList.add(\"noPadding\")\n : dialogContentElement.classList.remove(\"noPadding\");\n }\n\n @Watch(\"overflow\")\n overflowChanged() {\n const overflow = this.overflow?.length ? this.overflow : \"visible\";\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n dialogContentElement.style.overflow = overflow;\n }\n\n @Watch(\"width\")\n widthChanged() {\n const dialogContentElement = getShadowRootElement(this, \"#dialog-content\");\n dialogContentElement.style.maxWidth = this.width;\n }\n\n setup(options?: GnDialogOptions): void {}\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__(72);\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","getDocumentHeading","documentHeading","addGlobalStylesheet","styleElementId","styles","textContent","getElementById","head","removeInnerHTML","contains","removeChild","GnDialog","handleClickOutside","event","dialogContentElement","hasClickedInsideSlot","assignedElements","some","assignedSlotElement","hasClickedInsideDialogChild","hideDialog","keyDownFunction","keyCode","closeDialogButtonElement","disconnectedCallback","removeEventListener","shouldShowDialog","show","shouldHaveNoPadding","noPadding","showMenuChanged","dialogContainerElement","classList","add","remove","nopaddingChanged","nopadding","overflowChanged","overflow","widthChanged","maxWidth","width","setup","__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/GnFieldContainer.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.geonorge=e():(t.geonorge=t.geonorge||{},t.geonorge.GnFieldContainer=e())}(self,(()=>(()=>{"use strict";var t={164:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var o="",n=void 0!==e[5];return e[4]&&(o+="@supports (".concat(e[4],") {")),e[2]&&(o+="@media ".concat(e[2]," {")),n&&(o+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),o+=t(e),n&&(o+="}"),e[2]&&(o+="}"),e[4]&&(o+="}"),o})).join("")},e.i=function(t,o,n,r,s){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(n)for(var c=0;c<this.length;c++){var a=this[c][0];null!=a&&(i[a]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);n&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),o&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=o):u[2]=o),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),e.push(u))}},e}},169:(t,e,o)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.Dispatch=e.addEventListeners=e.Listen=void 0;const n=o(2466);e.Listen=(t,e)=>(o,n)=>{o.constructor.listeners||(o.constructor.listeners=[]),o.constructor.listeners.push({selector:e,eventName:t,handler:o[n]})},e.addEventListeners=t=>{if(t.constructor.listeners){const e=t.shadowRoot||t;for(const o of t.constructor.listeners){const n=o.selector?e.querySelector(o.selector)?e.querySelector(o.selector):null:t;n&&n.addEventListener(o.eventName,(e=>{o.handler.call(t,e)}))}}},e.Dispatch=t=>(e,o)=>{Object.defineProperty(e,o,{get:function(){const e=this;return{emit(r){const s=t||n.toDotCase(o);e.dispatchEvent(new CustomEvent(s,r))}}}})}},1063:(t,e,o)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.Watch=void 0;const n=o(2466);e.Watch=t=>(e,o)=>{e.constructor.watchAttributes||(e.constructor.watchAttributes={}),e.constructor.watchAttributes[n.toKebabCase(t)]=o,e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null}},1896:(t,e,o)=>{o.r(e),o.d(e,{default:()=>n});const n="<template>\n <slot></slot>\n</template>\n"},2466:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.tryParseInt=e.toDotCase=e.toCamelCase=e.toKebabCase=void 0,e.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),e.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),e.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},3128:function(t,e,o){var n=this&&this.__createBinding||(Object.create?function(t,e,o,n){void 0===n&&(n=o),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,n){void 0===n&&(n=o),t[n]=e[o]}),r=this&&this.__exportStar||function(t,e){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(e,o)||n(e,t,o)};Object.defineProperty(e,"__esModule",{value:!0}),r(o(8631),e),r(o(3704),e),r(o(3365),e),r(o(169),e),r(o(6999),e),r(o(3982),e),r(o(8861),e),r(o(1063),e)},3365:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.getShadowRootElement=e.getElement=void 0,e.getElement=t=>document.querySelector(t),e.getShadowRootElement=(t,e)=>t.shadowRoot.querySelector(e)},3704:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.CustomElement=void 0;class o extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}e.CustomElement=o},3982:(t,e,o)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.Toggle=void 0;const n=o(2466);e.Toggle=()=>(t,e)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return(t=>{if(this.hasAttribute(t)){const e=this.getAttribute(t);return!!/^(true|false|^$)$/.test(e)&&("true"==e||""==e)}return!1})(e)},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 '${e}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`}this.__connected?(this.props[e]=t||!1,""!==o&&null!==o?this.setAttribute(e,t):t?this.setAttribute(e,""):this.removeAttribute(e)):this.hasAttribute(n.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})}},5052:t=>{t.exports=function(t){var e=t[1],o=t[3];if(!o)return e;if("function"==typeof btoa){var n=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),s="/*# ".concat(r," */");return[e].concat([s]).join("\n")}return[e].join("\n")}},5398:(t,e,o)=>{o.r(e),o.d(e,{default:()=>c});var n=o(5052),r=o.n(n),s=o(164),i=o.n(s)()(r());i.push([t.id,":host{margin-bottom:16px}:host([block]){display:block}:host:not([block]){display:inline-block}:host([inlineblock]){margin-right:16px}","",{version:3,sources:["webpack://./stories/gn-field-container/template.scss"],names:[],mappings:"AAAA,MACI,kBAAA,CAGJ,eACI,aAAA,CAGJ,mBACI,oBAAA,CAGJ,qBACI,iBAAA",sourcesContent:[":host {\n margin-bottom: 16px;\n}\n\n:host([block]) {\n display: block;\n}\n\n:host:not([block]) {\n display: inline-block;\n}\n\n:host([inlineblock]) {\n margin-right: 16px;\n}\n"],sourceRoot:""}]);const c=i},6999:(t,e,o)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.initializeProps=e.Prop=void 0;const n=o(2466);e.Prop=()=>(t,e)=>{const o=n.toKebabCase(e);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return this.props[e]?this.props[e]:this.getAttribute(o)},set:function(t){if(this.__connected){const r=this.props[e];this.props[e]=n.tryParseInt(t),"object"!=typeof t?this.setAttribute(o,t):this.onAttributeChange(o,r,t,!1)}else this.hasAttribute(n.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})},e.initializeProps=t=>{const e=t.constructor.watchAttributes;for(let o of(t=>{const e=t.constructor.watchAttributes,o=Object.assign({},e);Object.keys(o).forEach((t=>o[t]=""));const n=Object.assign(Object.assign({},o),t.constructor.propsInit);return Object.keys(n)})(t)){if(e)if(null==e[n.toKebabCase(o)])e[n.toKebabCase(o)]="";else{const r=t.props[o]||t.getAttribute(n.toKebabCase(o));"function"==typeof t[e[o]]&&t[e[o]]({new:r})}t.constructor.propsInit[o]&&(t.hasAttribute(n.toKebabCase(o))||(t[o]=t.constructor.propsInit[o]))}}},8631:function(t,e,o){var n=this&&this.__awaiter||function(t,e,o,n){return new(o||(o=Promise))((function(r,s){function i(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(t){var e;t.done?r(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(i,c)}a((n=n.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const r=o(169),s=o(6999),i=o(2466);e.Component=t=>e=>{var o;const c=t.tag||i.toKebabCase(e.prototype.constructor.name),a=((o=class extends e{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,e,o){this.onAttributeChange(t,e,o)}onAttributeChange(t,e,o,n=!0){if(e!=o){n&&(this[i.toCamelCase(t)]=o);const r=this.constructor.watchAttributes;if(r&&r[t]){const n=r[t];this.__connected&&"function"==typeof this[n]&&this[n]({old:e,new:o})}}}connectedCallback(){const t=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return n(this,void 0,void 0,(function*(){yield this.render(),t.connectedCallback&&t.connectedCallback.call(this),this.__connected=!0,r.addEventListeners(this),s.initializeProps(this)}))}render(){return n(this,void 0,void 0,(function*(){if(this.__connected)return;const e=document.createElement("template");e.innerHTML=yield this.getStyle(),t.template instanceof Promise?e.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(e.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(e.content.cloneNode(!0))}))}getExternalTemplate(){return n(this,void 0,void 0,(function*(){const e=(yield t.template).default.toString(),o=document.createRange().createContextualFragment(e);return 1===o.children.length&&"TEMPLATE"===o.children[0].nodeName?o.firstChild.content:o}))}getStyle(){return n(this,void 0,void 0,(function*(){let e;return t.style instanceof Promise?e=(yield t.style).default.toString():"string"==typeof t.style&&(e=t.style),e?`<style>${e}</style>`:""}))}}).__connected=!1,o.ready=new Promise(((t,e)=>t(!0))),o);return customElements.get(c)||customElements.define(c,a),a}},8861:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0})},9950:function(t,e,o){var n,r=this&&this.__createBinding||(Object.create?function(t,e,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(e,o);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,n,r)}:function(t,e,o,n){void 0===n&&(n=o),t[n]=e[o]}),s=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),i=this&&this.__decorate||function(t,e,o,n){var r,s=arguments.length,i=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(i=(s<3?r(i):s>3?r(e,o,i):r(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i},c=this&&this.__importStar||(n=function(t){return n=Object.getOwnPropertyNames||function(t){var e=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[e.length]=o);return e},n(t)},function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o=n(t),i=0;i<o.length;i++)"default"!==o[i]&&r(e,t,o[i]);return s(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.GnFieldContainer=void 0;const a=o(3128);let l=class extends a.CustomElement{constructor(){super()}setup(t){}};e.GnFieldContainer=l,e.GnFieldContainer=l=i([(0,a.Component)({tag:"gn-field-container",template:Promise.resolve().then((()=>c(o(1896)))),style:Promise.resolve().then((()=>c(o(5398))))})],l)}},e={};function o(n){var r=e[n];if(void 0!==r)return r.exports;var s=e[n]={id:n,exports:{}};return t[n].call(s.exports,s,s.exports,o),s.exports}return o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o(9950)})()));
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.geonorge=e():(t.geonorge=t.geonorge||{},t.geonorge.GnFieldContainer=e())}(self,(()=>(()=>{"use strict";var t={5398(t,e,o){o.r(e),o.d(e,{default:()=>c});var n=o(5052),r=o.n(n),s=o(164),i=o.n(s)()(r());i.push([t.id,":host{margin-bottom:16px}:host([block]){display:block}:host:not([block]){display:inline-block}:host([inlineblock]){margin-right:16px}","",{version:3,sources:["webpack://./stories/gn-field-container/template.scss"],names:[],mappings:"AAAA,MACI,kBAAA,CAGJ,eACI,aAAA,CAGJ,mBACI,oBAAA,CAGJ,qBACI,iBAAA",sourcesContent:[":host {\n margin-bottom: 16px;\n}\n\n:host([block]) {\n display: block;\n}\n\n:host:not([block]) {\n display: inline-block;\n}\n\n:host([inlineblock]) {\n margin-right: 16px;\n}\n"],sourceRoot:""}]);const c=i},1896(t,e,o){o.r(e),o.d(e,{default:()=>n});const n="<template>\n <slot></slot>\n</template>\n"},164(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var o="",n=void 0!==e[5];return e[4]&&(o+="@supports (".concat(e[4],") {")),e[2]&&(o+="@media ".concat(e[2]," {")),n&&(o+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),o+=t(e),n&&(o+="}"),e[2]&&(o+="}"),e[4]&&(o+="}"),o})).join("")},e.i=function(t,o,n,r,s){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(n)for(var c=0;c<this.length;c++){var a=this[c][0];null!=a&&(i[a]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);n&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),o&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=o):u[2]=o),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),e.push(u))}},e}},5052(t){t.exports=function(t){var e=t[1],o=t[3];if(!o)return e;if("function"==typeof btoa){var n=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),s="/*# ".concat(r," */");return[e].concat([s]).join("\n")}return[e].join("\n")}},8631(t,e,o){var n=this&&this.__awaiter||function(t,e,o,n){return new(o||(o=Promise))((function(r,s){function i(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(t){var e;t.done?r(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(i,c)}a((n=n.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const r=o(169),s=o(6999),i=o(2466);e.Component=t=>e=>{var o;const c=t.tag||i.toKebabCase(e.prototype.constructor.name),a=((o=class extends e{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,e,o){this.onAttributeChange(t,e,o)}onAttributeChange(t,e,o,n=!0){if(e!=o){n&&(this[i.toCamelCase(t)]=o);const r=this.constructor.watchAttributes;if(r&&r[t]){const n=r[t];this.__connected&&"function"==typeof this[n]&&this[n]({old:e,new:o})}}}connectedCallback(){const t=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return n(this,void 0,void 0,(function*(){yield this.render(),t.connectedCallback&&t.connectedCallback.call(this),this.__connected=!0,r.addEventListeners(this),s.initializeProps(this)}))}render(){return n(this,void 0,void 0,(function*(){if(this.__connected)return;const e=document.createElement("template");e.innerHTML=yield this.getStyle(),t.template instanceof Promise?e.content.appendChild(yield this.getExternalTemplate()):"string"==typeof t.template&&(e.innerHTML+=t.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(e.content.cloneNode(!0))}))}getExternalTemplate(){return n(this,void 0,void 0,(function*(){const e=(yield t.template).default.toString(),o=document.createRange().createContextualFragment(e);return 1===o.children.length&&"TEMPLATE"===o.children[0].nodeName?o.firstChild.content:o}))}getStyle(){return n(this,void 0,void 0,(function*(){let e;return t.style instanceof Promise?e=(yield t.style).default.toString():"string"==typeof t.style&&(e=t.style),e?`<style>${e}</style>`:""}))}}).__connected=!1,o.ready=new Promise(((t,e)=>t(!0))),o);return customElements.get(c)||customElements.define(c,a),a}},3704(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.CustomElement=void 0;class o extends HTMLElement{constructor(){super()}connect(t){this.isConnected||document.querySelector(t).appendChild(this)}}e.CustomElement=o},3365(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.getShadowRootElement=e.getElement=void 0,e.getElement=t=>document.querySelector(t),e.getShadowRootElement=(t,e)=>t.shadowRoot.querySelector(e)},3128(t,e,o){var n=this&&this.__createBinding||(Object.create?function(t,e,o,n){void 0===n&&(n=o),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[o]}})}:function(t,e,o,n){void 0===n&&(n=o),t[n]=e[o]}),r=this&&this.__exportStar||function(t,e){for(var o in t)"default"===o||Object.prototype.hasOwnProperty.call(e,o)||n(e,t,o)};Object.defineProperty(e,"__esModule",{value:!0}),r(o(8631),e),r(o(3704),e),r(o(3365),e),r(o(169),e),r(o(6999),e),r(o(3982),e),r(o(8861),e),r(o(1063),e)},169(t,e,o){Object.defineProperty(e,"__esModule",{value:!0}),e.Dispatch=e.addEventListeners=e.Listen=void 0;const n=o(2466);e.Listen=(t,e)=>(o,n)=>{o.constructor.listeners||(o.constructor.listeners=[]),o.constructor.listeners.push({selector:e,eventName:t,handler:o[n]})},e.addEventListeners=t=>{if(t.constructor.listeners){const e=t.shadowRoot||t;for(const o of t.constructor.listeners){const n=o.selector?e.querySelector(o.selector)?e.querySelector(o.selector):null:t;n&&n.addEventListener(o.eventName,(e=>{o.handler.call(t,e)}))}}},e.Dispatch=t=>(e,o)=>{Object.defineProperty(e,o,{get:function(){const e=this;return{emit(r){const s=t||n.toDotCase(o);e.dispatchEvent(new CustomEvent(s,r))}}}})}},6999(t,e,o){Object.defineProperty(e,"__esModule",{value:!0}),e.initializeProps=e.Prop=void 0;const n=o(2466);e.Prop=()=>(t,e)=>{const o=n.toKebabCase(e);t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return this.props[e]?this.props[e]:this.getAttribute(o)},set:function(t){if(this.__connected){const r=this.props[e];this.props[e]=n.tryParseInt(t),"object"!=typeof t?this.setAttribute(o,t):this.onAttributeChange(o,r,t,!1)}else this.hasAttribute(n.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})},e.initializeProps=t=>{const e=t.constructor.watchAttributes;for(let o of(t=>{const e=t.constructor.watchAttributes,o=Object.assign({},e);Object.keys(o).forEach((t=>o[t]=""));const n=Object.assign(Object.assign({},o),t.constructor.propsInit);return Object.keys(n)})(t)){if(e)if(null==e[n.toKebabCase(o)])e[n.toKebabCase(o)]="";else{const r=t.props[o]||t.getAttribute(n.toKebabCase(o));"function"==typeof t[e[o]]&&t[e[o]]({new:r})}t.constructor.propsInit[o]&&(t.hasAttribute(n.toKebabCase(o))||(t[o]=t.constructor.propsInit[o]))}}},3982(t,e,o){Object.defineProperty(e,"__esModule",{value:!0}),e.Toggle=void 0;const n=o(2466);e.Toggle=()=>(t,e)=>{t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null,Object.defineProperty(t,e,{get:function(){return(t=>{if(this.hasAttribute(t)){const e=this.getAttribute(t);return!!/^(true|false|^$)$/.test(e)&&("true"==e||""==e)}return!1})(e)},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 '${e}' to '${t}'`),t=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${e}' to '${t}'`}this.__connected?(this.props[e]=t||!1,""!==o&&null!==o?this.setAttribute(e,t):t?this.setAttribute(e,""):this.removeAttribute(e)):this.hasAttribute(n.toKebabCase(e))||(this.constructor.propsInit[e]=t)}})}},8861(t,e){Object.defineProperty(e,"__esModule",{value:!0})},2466(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.tryParseInt=e.toDotCase=e.toCamelCase=e.toKebabCase=void 0,e.toKebabCase=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),e.toCamelCase=t=>t.toLowerCase().replace(/(\-\w)/g,(t=>t[1].toUpperCase())),e.toDotCase=t=>t.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),e.tryParseInt=t=>parseInt(t)==t&&NaN!==parseFloat(t)?parseInt(t):t},1063(t,e,o){Object.defineProperty(e,"__esModule",{value:!0}),e.Watch=void 0;const n=o(2466);e.Watch=t=>(e,o)=>{e.constructor.watchAttributes||(e.constructor.watchAttributes={}),e.constructor.watchAttributes[n.toKebabCase(t)]=o,e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null}},9950(t,e,o){var n,r=this&&this.__createBinding||(Object.create?function(t,e,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(e,o);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,n,r)}:function(t,e,o,n){void 0===n&&(n=o),t[n]=e[o]}),s=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),i=this&&this.__decorate||function(t,e,o,n){var r,s=arguments.length,i=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(i=(s<3?r(i):s>3?r(e,o,i):r(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i},c=this&&this.__importStar||(n=function(t){return n=Object.getOwnPropertyNames||function(t){var e=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[e.length]=o);return e},n(t)},function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var o=n(t),i=0;i<o.length;i++)"default"!==o[i]&&r(e,t,o[i]);return s(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.GnFieldContainer=void 0;const a=o(3128);let l=class extends a.CustomElement{constructor(){super()}setup(t){}};e.GnFieldContainer=l,e.GnFieldContainer=l=i([(0,a.Component)({tag:"gn-field-container",template:Promise.resolve().then((()=>c(o(1896)))),style:Promise.resolve().then((()=>c(o(5398))))})],l)}},e={};function o(n){var r=e[n];if(void 0!==r)return r.exports;var s=e[n]={id:n,exports:{}};return t[n].call(s.exports,s,s.exports,o),s.exports}return o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o(9950)})()));
2
2
  //# sourceMappingURL=GnFieldContainer.js.map