@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/NavigationTabs.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.NavigationTabs=e())}(self,(()=>(()=>{"use strict";var t={164:t=>{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,r,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0)}for(var l=0;l<t.length;l++){var d=[].concat(t[l]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),e.push(d))}},e}},169:(t,e,n)=>{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(r){const i=t||o.toDotCase(n);e.dispatchEvent(new CustomEvent(i,r))}}}})}},1063:(t,e,n)=>{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)=>{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},2792:(t,e,n)=>{n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,':host{font-family:"Open Sans",sans-serif;display:block}:host .navigation-tab-headings{width:100%;border-bottom:1px solid #414042;margin-bottom:10px;display:flex;flex-wrap:wrap}',"",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tabs.scss","webpack://./style/variables/_typography.scss"],names:[],mappings:"AAEA,MACI,kCCHW,CDIX,aAAA,CACA,+BACI,UAAA,CACA,+BAAA,CACA,kBAAA,CACA,YAAA,CACA,cAAA",sourcesContent:['@use "../../style/variables/typography";\n\n:host {\n font-family: typography.$default-font;\n display: block;\n .navigation-tab-headings {\n width: 100%;\n border-bottom: 1px solid #414042;\n margin-bottom: 10px;\n display: flex;\n flex-wrap: wrap;\n }\n}\n','$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;\n$default-font-size: 15px;\n'],sourceRoot:""}]);const s=a},3128:function(t,e,n){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]}),r=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}),r(n(8631),e),r(n(3704),e),r(n(3365),e),r(n(169),e),r(n(6999),e),r(n(3982),e),r(n(8861),e),r(n(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)},3676:function(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabContent=void 0;const c=n(3128);let l=0,d=class extends c.CustomElement{static get observedAttributes(){return["selected"]}constructor(){super()}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.setAttribute("role","tabpanel"),this.id||(this.id="navigation-tab-content-"+l++)}disconnectedCallback(){}static setup(t,e){(0,c.getElement)(t)}};e.NavigationTabContent=d,d.elementSelector="navigation-tab-content",a([(0,c.Prop)()],d.prototype,"id",void 0),e.NavigationTabContent=d=a([(0,c.Component)({tag:"navigation-tab-content",template:Promise.resolve().then((()=>s(n(5090))))})],d)},3704:(t,e)=>{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)=>{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=>{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)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(r," */");return[e].concat([i]).join("\n")}return[e].join("\n")}},5090:(t,e,n)=>{n.r(e),n.d(e,{default:()=>o});const o='<template>\n <slot name="tab-content"></slot>\n</template>'},5979:(t,e)=>{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)}},6236:function(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabs=void 0;const c=n(3128),l=n(6678),d=n(3676);let u=class extends c.CustomElement{static get observedAttributes(){return["selected"]}constructor(){super(),this.onSlotChange=this.onSlotChange.bind(this)}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.tabHeadingSlot=(0,c.getShadowRootElement)(this,"slot[name=tab-heading]"),this.tabContentSlot=(0,c.getShadowRootElement)(this,"slot[name=tab-content]"),this.tabHeadingSlot.addEventListener("slotchange",this.onSlotChange),this.tabContentSlot.addEventListener("slotchange",this.onSlotChange),this.hasAttribute("role")||this.setAttribute("role","tablist"),this.addEventListener("click",this._onClick),new l.NavigationTabHeading,new d.NavigationTabContent,Promise.all([customElements.whenDefined("navigation-tab-heading"),customElements.whenDefined("navigation-tab-content")]).then((()=>{this.linkPanels()}))}disconnectedCallback(){this.removeEventListener("click",this._onClick)}onSlotChange(){this.linkPanels()}linkPanels(){const t=this.getTabHeadingElements();t.forEach((t=>{const e=t.nextElementSibling;if("navigation-tab-content"!==e.tagName.toLowerCase())return void console.error(`navigation-tab-heading #${t.id} is not asibling of a <tab-navigation-content>`);t.setAttribute("aria-controls",e.id),e.setAttribute("aria-labelledby",t.id),e.setAttribute("id",e.id);let n=document.createElement("div");n.innerHTML=t.innerHTML,n.setAttribute("slot","tab-heading"),t.innerHTML="",t.appendChild(n);let o=document.createElement("div");o.innerHTML=e.innerHTML,o.setAttribute("slot","tab-content"),e.innerHTML="",e.appendChild(o)}));const e=t.find((t=>t.selected))||t[0];this.setSelectTab(e)}setSelectTab(t){this.reset();const e=this.getTabContentForTabHeading(t);if(!e)throw new Error(`No tab-content-element with id ${t.getAttribute("aria-controls")}`);t.selected=!0,e.hidden=!1}getTabHeadingElements(){return Array.from(this.querySelectorAll("navigation-tab-heading"))}getTabContentElements(){return Array.from(this.querySelectorAll("navigation-tab-content"))}getTabContentForTabHeading(t){const e=t.getAttribute("aria-controls");return this.querySelector(`#${e}`)}reset(){const t=this.getTabHeadingElements(),e=this.getTabContentElements();t.forEach((t=>t.selected=!1)),e.forEach((t=>t.hidden=!0))}_onClick(t){const e=t.target.closest("navigation-tab-heading");e&&"tab"===e.getAttribute("role")&&this.setSelectTab(e)}static setup(t,e){(0,c.getElement)(t)}};e.NavigationTabs=u,u.elementSelector="navigation-tabs",a([(0,c.Prop)()],u.prototype,"id",void 0),a([(0,c.Prop)()],u.prototype,"selectedtab",void 0),a([(0,c.Dispatch)("onSearch")],u.prototype,"onSearch",void 0),e.NavigationTabs=u=a([(0,c.Component)({tag:"navigation-tabs",template:Promise.resolve().then((()=>s(n(9370)))),style:Promise.resolve().then((()=>s(n(2792))))})],u)},6678:function(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e}),c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabHeading=void 0;const l=n(3128),d=n(5979),u=c(n(8392));let b=0,p=class extends l.CustomElement{constructor(){super()}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.setAttribute("role","tab"),this.id||(this.id="navigation-tab-heading-"+b++),this.tabHeadingElement=(0,l.getShadowRootElement)(this,"slot[name=tab-heading]"),this.setAttribute("aria-selected","false"),this.setAttribute("tabindex","-1"),this._upgradeProperty("selected"),(0,d.addGlobalStylesheet)("navigation-tab-heading-styles",u.default)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}selectedChanged(){this.selected?this.setAttribute("aria-selected",""):this.removeAttribute("aria-selected"),this.selected?this.tabHeadingElement.classList.add("selected"):this.tabHeadingElement.classList.remove("selected"),this.setAttribute("tabindex",this.selected?"0":"-1")}static setup(t,e){(0,l.getElement)(t)}};e.NavigationTabHeading=p,p.elementSelector="navigation-tab-heading",a([(0,l.Prop)()],p.prototype,"id",void 0),a([(0,l.Toggle)()],p.prototype,"selected",void 0),a([(0,l.Watch)("selected")],p.prototype,"selectedChanged",null),e.NavigationTabHeading=p=a([(0,l.Component)({tag:"navigation-tab-heading",template:Promise.resolve().then((()=>s(n(9248)))),style:Promise.resolve().then((()=>s(n(8754))))})],p)},6999:(t,e,n)=>{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 r=this.props[e];this.props[e]=o.tryParseInt(t),"object"!=typeof t?this.setAttribute(n,t):this.onAttributeChange(n,r,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 r=t.props[n]||t.getAttribute(o.toKebabCase(n));"function"==typeof t[e[n]]&&t[e[n]]({new:r})}t.constructor.propsInit[n]&&(t.hasAttribute(o.toKebabCase(n))||(t[n]=t.constructor.propsInit[n]))}}},8392:(t,e,n)=>{n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,"navigation-tab-heading a{color:#fff;text-decoration:none;margin:-10px -12px;padding:10px 12px}navigation-tab-heading[selected=true] a{color:#555}","",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss"],names:[],mappings:"AACI,yBACI,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CAGA,wCACI,UAAA",sourcesContent:['navigation-tab-heading {\n a {\n color: #fff;\n text-decoration: none;\n margin: -10px -12px;\n padding: 10px 12px;\n }\n &[selected="true"] {\n a {\n color: #555;\n }\n }\n}\n'],sourceRoot:""}]);const s=a},8631:function(t,e,n){var o=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))((function(r,i){function a(t){try{c(o.next(t))}catch(t){i(t)}}function s(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const r=n(169),i=n(6999),a=n(2466);e.Component=t=>e=>{var n;const s=t.tag||a.toKebabCase(e.prototype.constructor.name),c=((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=>a.toKebabCase(t)))}attributeChangedCallback(t,e,n){this.onAttributeChange(t,e,n)}onAttributeChange(t,e,n,o=!0){if(e!=n){o&&(this[a.toCamelCase(t)]=n);const r=this.constructor.watchAttributes;if(r&&r[t]){const o=r[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,r.addEventListeners(this),i.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(s)||customElements.define(s,c),c}},8754:(t,e,n)=>{n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,':host{font-family:"Open Sans",sans-serif;display:inline-flex;cursor:pointer}:host slot{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:block;background-color:#3767c7;padding:10px 12px;transition:all .35s linear 0s;color:#fff;border-bottom:1px solid rgba(0,0,0,0);background-clip:padding-box;font-size:13px;margin-bottom:0;margin-bottom:-1px;margin-right:2px}:host slot:hover{background-color:#fe5000;color:#fff;border-color:rgba(0,0,0,0)}:host slot.selected{border:1px solid #414042;border-bottom:1px solid #fff;background-color:#fff;color:#555;cursor:default}',"",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss","webpack://./style/variables/_typography.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAIA,MACI,kCCLW,CDMX,mBAAA,CACA,cAAA,CAEA,WERF,iCFS2C,CER3C,yBFQ2C,CACrC,aAAA,CACA,wBGCa,CAAA,iBAAA,CHCb,6BAAA,CACA,UAAA,CACA,qCAAA,CACA,2BAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CAEA,iBACI,wBGbI,CHcJ,UAAA,CACA,0BAAA,CAGJ,oBACI,wBAAA,CACA,4BAAA,CACA,qBAAA,CACA,UAAA,CACA,cAAA",sourcesContent:['@use "../../../style/mixins/border-radius";\n@use "../../../style/variables/colors";\n@use "../../../style/variables/typography";\n\n:host {\n font-family: typography.$default-font;\n display: inline-flex;\n cursor: pointer;\n\n slot {\n @include border-radius.border-radius(4px 4px 0 0);\n display: block;\n background-color: colors.$primary-background;\n padding: 10px 12px;\n transition: all 0.35s linear 0s;\n color: #fff;\n border-bottom: 1px solid transparent;\n background-clip: padding-box;\n font-size: 13px;\n margin-bottom: 0;\n margin-bottom: -1px;\n margin-right: 2px;\n\n &:hover {\n background-color: colors.$primary-brand;\n color: #fff;\n border-color: transparent;\n }\n\n &.selected {\n border: 1px solid #414042;\n border-bottom: 1px solid #fff;\n background-color: #fff;\n color: #555;\n cursor: default;\n }\n }\n}\n','$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;\n$default-font-size: 15px;\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 s=a},8861:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0})},9248:(t,e,n)=>{n.r(e),n.d(e,{default:()=>o});const o='<template>\n <slot name="tab-heading"></slot>\n</template>'},9370:(t,e,n)=>{n.r(e),n.d(e,{default:()=>o});const o='<template>\n <div class="navigation-tab-headings">\n <slot name="tab-heading"></slot>\n </div>\n <slot name="tab-content"></slot>\n</template>'}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.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(6236)})()));
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.NavigationTabs=e())}(self,(()=>(()=>{"use strict";var t={8754(t,e,n){n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,':host{font-family:"Open Sans",sans-serif;display:inline-flex;cursor:pointer}:host slot{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:block;background-color:#3767c7;padding:10px 12px;transition:all .35s linear 0s;color:#fff;border-bottom:1px solid rgba(0,0,0,0);background-clip:padding-box;font-size:13px;margin-bottom:0;margin-bottom:-1px;margin-right:2px}:host slot:hover{background-color:#fe5000;color:#fff;border-color:rgba(0,0,0,0)}:host slot.selected{border:1px solid #414042;border-bottom:1px solid #fff;background-color:#fff;color:#555;cursor:default}',"",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss","webpack://./style/variables/_typography.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAIA,MACI,kCCLW,CDMX,mBAAA,CACA,cAAA,CAEA,WERF,iCFS2C,CER3C,yBFQ2C,CACrC,aAAA,CACA,wBGCa,CAAA,iBAAA,CHCb,6BAAA,CACA,UAAA,CACA,qCAAA,CACA,2BAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CAEA,iBACI,wBGbI,CHcJ,UAAA,CACA,0BAAA,CAGJ,oBACI,wBAAA,CACA,4BAAA,CACA,qBAAA,CACA,UAAA,CACA,cAAA",sourcesContent:['@use "../../../style/mixins/border-radius";\n@use "../../../style/variables/colors";\n@use "../../../style/variables/typography";\n\n:host {\n font-family: typography.$default-font;\n display: inline-flex;\n cursor: pointer;\n\n slot {\n @include border-radius.border-radius(4px 4px 0 0);\n display: block;\n background-color: colors.$primary-background;\n padding: 10px 12px;\n transition: all 0.35s linear 0s;\n color: #fff;\n border-bottom: 1px solid transparent;\n background-clip: padding-box;\n font-size: 13px;\n margin-bottom: 0;\n margin-bottom: -1px;\n margin-right: 2px;\n\n &:hover {\n background-color: colors.$primary-brand;\n color: #fff;\n border-color: transparent;\n }\n\n &.selected {\n border: 1px solid #414042;\n border-bottom: 1px solid #fff;\n background-color: #fff;\n color: #555;\n cursor: default;\n }\n }\n}\n','$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;\n$default-font-size: 15px;\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 s=a},8392(t,e,n){n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,"navigation-tab-heading a{color:#fff;text-decoration:none;margin:-10px -12px;padding:10px 12px}navigation-tab-heading[selected=true] a{color:#555}","",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss"],names:[],mappings:"AACI,yBACI,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CAGA,wCACI,UAAA",sourcesContent:['navigation-tab-heading {\n a {\n color: #fff;\n text-decoration: none;\n margin: -10px -12px;\n padding: 10px 12px;\n }\n &[selected="true"] {\n a {\n color: #555;\n }\n }\n}\n'],sourceRoot:""}]);const s=a},2792(t,e,n){n.r(e),n.d(e,{default:()=>s});var o=n(5052),r=n.n(o),i=n(164),a=n.n(i)()(r());a.push([t.id,':host{font-family:"Open Sans",sans-serif;display:block}:host .navigation-tab-headings{width:100%;border-bottom:1px solid #414042;margin-bottom:10px;display:flex;flex-wrap:wrap}',"",{version:3,sources:["webpack://./stories/navigation-tabs/navigation-tabs.scss","webpack://./style/variables/_typography.scss"],names:[],mappings:"AAEA,MACI,kCCHW,CDIX,aAAA,CACA,+BACI,UAAA,CACA,+BAAA,CACA,kBAAA,CACA,YAAA,CACA,cAAA",sourcesContent:['@use "../../style/variables/typography";\n\n:host {\n font-family: typography.$default-font;\n display: block;\n .navigation-tab-headings {\n width: 100%;\n border-bottom: 1px solid #414042;\n margin-bottom: 10px;\n display: flex;\n flex-wrap: wrap;\n }\n}\n','$default-font: "Open Sans", sans-serif;\n$header-font: "Raleway", sans-serif;\n$default-font-size: 15px;\n'],sourceRoot:""}]);const s=a},5090(t,e,n){n.r(e),n.d(e,{default:()=>o});const o='<template>\n <slot name="tab-content"></slot>\n</template>'},9248(t,e,n){n.r(e),n.d(e,{default:()=>o});const o='<template>\n <slot name="tab-heading"></slot>\n</template>'},9370(t,e,n){n.r(e),n.d(e,{default:()=>o});const o='<template>\n <div class="navigation-tab-headings">\n <slot name="tab-heading"></slot>\n </div>\n <slot name="tab-content"></slot>\n</template>'},164(t){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,r,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0)}for(var l=0;l<t.length;l++){var d=[].concat(t[l]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),e.push(d))}},e}},5052(t){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)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(r," */");return[e].concat([i]).join("\n")}return[e].join("\n")}},8631(t,e,n){var o=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))((function(r,i){function a(t){try{c(o.next(t))}catch(t){i(t)}}function s(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0}),e.Component=void 0;const r=n(169),i=n(6999),a=n(2466);e.Component=t=>e=>{var n;const s=t.tag||a.toKebabCase(e.prototype.constructor.name),c=((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=>a.toKebabCase(t)))}attributeChangedCallback(t,e,n){this.onAttributeChange(t,e,n)}onAttributeChange(t,e,n,o=!0){if(e!=n){o&&(this[a.toCamelCase(t)]=n);const r=this.constructor.watchAttributes;if(r&&r[t]){const o=r[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,r.addEventListeners(this),i.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(s)||customElements.define(s,c),c}},3704(t,e){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){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){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]}),r=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}),r(n(8631),e),r(n(3704),e),r(n(3365),e),r(n(169),e),r(n(6999),e),r(n(3982),e),r(n(8861),e),r(n(1063),e)},169(t,e,n){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(r){const i=t||o.toDotCase(n);e.dispatchEvent(new CustomEvent(i,r))}}}})}},6999(t,e,n){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 r=this.props[e];this.props[e]=o.tryParseInt(t),"object"!=typeof t?this.setAttribute(n,t):this.onAttributeChange(n,r,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 r=t.props[n]||t.getAttribute(o.toKebabCase(n));"function"==typeof t[e[n]]&&t[e[n]]({new:r})}t.constructor.propsInit[n]&&(t.hasAttribute(o.toKebabCase(n))||(t[n]=t.constructor.propsInit[n]))}}},3982(t,e,n){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){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,n){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}},5979(t,e){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)}},3676(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabContent=void 0;const c=n(3128);let l=0,d=class extends c.CustomElement{static get observedAttributes(){return["selected"]}constructor(){super()}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.setAttribute("role","tabpanel"),this.id||(this.id="navigation-tab-content-"+l++)}disconnectedCallback(){}static setup(t,e){(0,c.getElement)(t)}};e.NavigationTabContent=d,d.elementSelector="navigation-tab-content",a([(0,c.Prop)()],d.prototype,"id",void 0),e.NavigationTabContent=d=a([(0,c.Component)({tag:"navigation-tab-content",template:Promise.resolve().then((()=>s(n(5090))))})],d)},6678(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e}),c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabHeading=void 0;const l=n(3128),d=n(5979),u=c(n(8392));let b=0,p=class extends l.CustomElement{constructor(){super()}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.setAttribute("role","tab"),this.id||(this.id="navigation-tab-heading-"+b++),this.tabHeadingElement=(0,l.getShadowRootElement)(this,"slot[name=tab-heading]"),this.setAttribute("aria-selected","false"),this.setAttribute("tabindex","-1"),this._upgradeProperty("selected"),(0,d.addGlobalStylesheet)("navigation-tab-heading-styles",u.default)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}selectedChanged(){this.selected?this.setAttribute("aria-selected",""):this.removeAttribute("aria-selected"),this.selected?this.tabHeadingElement.classList.add("selected"):this.tabHeadingElement.classList.remove("selected"),this.setAttribute("tabindex",this.selected?"0":"-1")}static setup(t,e){(0,l.getElement)(t)}};e.NavigationTabHeading=p,p.elementSelector="navigation-tab-heading",a([(0,l.Prop)()],p.prototype,"id",void 0),a([(0,l.Toggle)()],p.prototype,"selected",void 0),a([(0,l.Watch)("selected")],p.prototype,"selectedChanged",null),e.NavigationTabHeading=p=a([(0,l.Component)({tag:"navigation-tab-heading",template:Promise.resolve().then((()=>s(n(9248)))),style:Promise.resolve().then((()=>s(n(8754))))})],p)},6236(t,e,n){var o,r=this&&this.__createBinding||(Object.create?function(t,e,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(e,n);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,o,r)}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]}),i=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},s=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),a=0;a<n.length;a++)"default"!==n[a]&&r(e,t,n[a]);return i(e,t),e});Object.defineProperty(e,"__esModule",{value:!0}),e.NavigationTabs=void 0;const c=n(3128),l=n(6678),d=n(3676);let u=class extends c.CustomElement{static get observedAttributes(){return["selected"]}constructor(){super(),this.onSlotChange=this.onSlotChange.bind(this)}setup(t){this.connect(t.container),t.id&&(this.id=t.id)}connectedCallback(){this.tabHeadingSlot=(0,c.getShadowRootElement)(this,"slot[name=tab-heading]"),this.tabContentSlot=(0,c.getShadowRootElement)(this,"slot[name=tab-content]"),this.tabHeadingSlot.addEventListener("slotchange",this.onSlotChange),this.tabContentSlot.addEventListener("slotchange",this.onSlotChange),this.hasAttribute("role")||this.setAttribute("role","tablist"),this.addEventListener("click",this._onClick),new l.NavigationTabHeading,new d.NavigationTabContent,Promise.all([customElements.whenDefined("navigation-tab-heading"),customElements.whenDefined("navigation-tab-content")]).then((()=>{this.linkPanels()}))}disconnectedCallback(){this.removeEventListener("click",this._onClick)}onSlotChange(){this.linkPanels()}linkPanels(){const t=this.getTabHeadingElements();t.forEach((t=>{const e=t.nextElementSibling;if("navigation-tab-content"!==e.tagName.toLowerCase())return void console.error(`navigation-tab-heading #${t.id} is not asibling of a <tab-navigation-content>`);t.setAttribute("aria-controls",e.id),e.setAttribute("aria-labelledby",t.id),e.setAttribute("id",e.id);let n=document.createElement("div");n.innerHTML=t.innerHTML,n.setAttribute("slot","tab-heading"),t.innerHTML="",t.appendChild(n);let o=document.createElement("div");o.innerHTML=e.innerHTML,o.setAttribute("slot","tab-content"),e.innerHTML="",e.appendChild(o)}));const e=t.find((t=>t.selected))||t[0];this.setSelectTab(e)}setSelectTab(t){this.reset();const e=this.getTabContentForTabHeading(t);if(!e)throw new Error(`No tab-content-element with id ${t.getAttribute("aria-controls")}`);t.selected=!0,e.hidden=!1}getTabHeadingElements(){return Array.from(this.querySelectorAll("navigation-tab-heading"))}getTabContentElements(){return Array.from(this.querySelectorAll("navigation-tab-content"))}getTabContentForTabHeading(t){const e=t.getAttribute("aria-controls");return this.querySelector(`#${e}`)}reset(){const t=this.getTabHeadingElements(),e=this.getTabContentElements();t.forEach((t=>t.selected=!1)),e.forEach((t=>t.hidden=!0))}_onClick(t){const e=t.target.closest("navigation-tab-heading");e&&"tab"===e.getAttribute("role")&&this.setSelectTab(e)}static setup(t,e){(0,c.getElement)(t)}};e.NavigationTabs=u,u.elementSelector="navigation-tabs",a([(0,c.Prop)()],u.prototype,"id",void 0),a([(0,c.Prop)()],u.prototype,"selectedtab",void 0),a([(0,c.Dispatch)("onSearch")],u.prototype,"onSearch",void 0),e.NavigationTabs=u=a([(0,c.Component)({tag:"navigation-tabs",template:Promise.resolve().then((()=>s(n(9370)))),style:Promise.resolve().then((()=>s(n(2792))))})],u)}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.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(6236)})()));
2
2
  //# sourceMappingURL=NavigationTabs.js.map
package/NavigationTabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationTabs.js","mappings":"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","sources":["webpack://geonorge/webpack/universalModuleDefinition","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/./stories/navigation-tabs/navigation-tabs.scss","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-content/navigation-tab-content.ts","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/navigation-tabs/navigation-tab-content/navigation-tab-content.html","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tabs.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.ts","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss","webpack://geonorge/../node_modules/super-custom-elements/src/component.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.html","webpack://geonorge/./stories/navigation-tabs/navigation-tabs.html","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\"][\"NavigationTabs\"] = factory();\n})(self, () => {\nreturn ","\"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","// 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, `:host{font-family:\"Open Sans\",sans-serif;display:block}:host .navigation-tab-headings{width:100%;border-bottom:1px solid #414042;margin-bottom:10px;display:flex;flex-wrap:wrap}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tabs.scss\",\"webpack://./style/variables/_typography.scss\"],\"names\":[],\"mappings\":\"AAEA,MACI,kCCHW,CDIX,aAAA,CACA,+BACI,UAAA,CACA,+BAAA,CACA,kBAAA,CACA,YAAA,CACA,cAAA\",\"sourcesContent\":[\"@use \\\"../../style/variables/typography\\\";\\n\\n:host {\\n font-family: typography.$default-font;\\n display: block;\\n .navigation-tab-headings {\\n width: 100%;\\n border-bottom: 1px solid #414042;\\n margin-bottom: 10px;\\n display: flex;\\n flex-wrap: wrap;\\n }\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\\n$default-font-size: 15px;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\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};","// Dependencies\nimport { Component, CustomElement, CustomElementOptions, Prop, getElement } from \"super-custom-elements\";\n\nlet navigationTabContentCounter = 0;\n\ninterface NavigationTabContentOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"navigation-tab-content\",\n template: import(\"./navigation-tab-content.html\")\n})\nexport class NavigationTabContent extends CustomElement {\n private static readonly elementSelector = \"navigation-tab-content\";\n\n static get observedAttributes() {\n return [\"selected\"];\n }\n\n @Prop() id: string;\n\n constructor() {\n super();\n }\n\n setup(options?: NavigationTabContentOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.setAttribute(\"role\", \"tabpanel\");\n if (!this.id) {\n this.id = `navigation-tab-content-${navigationTabContentCounter++}`;\n }\n }\n\n disconnectedCallback() {}\n\n public static setup(selector: string, options: NavigationTabContentOptions) {\n const element = getElement<NavigationTabContent>(selector);\n }\n}\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};","export default \"<template>\\n <slot name=\\\"tab-content\\\"></slot>\\n</template>\";","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 Prop,\n Dispatch,\n DispatchEmitter,\n getElement,\n getShadowRootElement\n} from \"super-custom-elements\";\n\n// Components\nimport { NavigationTabHeading } from \"./navigation-tab-heading/navigation-tab-heading\";\nimport { NavigationTabContent } from \"./navigation-tab-content/navigation-tab-content\";\n\n\ninterface NavigationTabsOptions extends CustomElementOptions {\n active?: boolean;\n onClick?: () => void;\n}\n\ninterface TabHeadingElement extends HTMLElement {\n selected: boolean;\n}\n\ninterface TabContentElement extends HTMLElement {\n hidden: boolean;\n}\n\n@Component({\n tag: \"navigation-tabs\",\n template: import(\"./navigation-tabs.html\"),\n style: import(\"./navigation-tabs.scss\")\n})\nexport class NavigationTabs extends CustomElement {\n private static readonly elementSelector = \"navigation-tabs\";\n private tabHeadingSlot: TabHeadingElement;\n private tabContentSlot: TabContentElement;\n\n static get observedAttributes() {\n return [\"selected\"];\n }\n\n @Prop() id: string;\n @Prop() selectedtab: string;\n @Dispatch(\"onSearch\") onSearch: DispatchEmitter;\n\n constructor() {\n super();\n this.onSlotChange = this.onSlotChange.bind(this);\n }\n\n setup(options?: NavigationTabsOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.tabHeadingSlot = getShadowRootElement(this, \"slot[name=tab-heading]\");\n this.tabContentSlot = getShadowRootElement(this, \"slot[name=tab-content]\");\n\n this.tabHeadingSlot.addEventListener(\"slotchange\", this.onSlotChange);\n this.tabContentSlot.addEventListener(\"slotchange\", this.onSlotChange);\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n this.addEventListener(\"click\", this._onClick);\n\n const navigationTabHeading = new NavigationTabHeading();\n const navigationTabContent = new NavigationTabContent();\n\n Promise.all([\n customElements.whenDefined(\"navigation-tab-heading\"),\n customElements.whenDefined(\"navigation-tab-content\")\n ]).then(() => {\n this.linkPanels();\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._onClick);\n }\n\n onSlotChange() {\n this.linkPanels();\n }\n\n linkPanels() {\n const tabHeadingElements: Array<TabHeadingElement> = this.getTabHeadingElements();\n // Give each panel a `aria-labelledby` attribute that refers to the tab\n // that controls it.\n tabHeadingElements.forEach((tabHeadingElement) => {\n const tabContentElement = tabHeadingElement.nextElementSibling;\n if (tabContentElement.tagName.toLowerCase() !== \"navigation-tab-content\") {\n console.error(\n `navigation-tab-heading #${tabHeadingElement.id} is not a` + `sibling of a <tab-navigation-content>`\n );\n return;\n }\n tabHeadingElement.setAttribute(\"aria-controls\", tabContentElement.id);\n tabContentElement.setAttribute(\"aria-labelledby\", tabHeadingElement.id);\n\n tabContentElement.setAttribute(\"id\", tabContentElement.id);\n\n let tabHeadingHtml = document.createElement(\"div\");\n tabHeadingHtml.innerHTML = tabHeadingElement.innerHTML;\n tabHeadingHtml.setAttribute(\"slot\", \"tab-heading\");\n tabHeadingElement.innerHTML = \"\";\n tabHeadingElement.appendChild(tabHeadingHtml);\n\n let tabContentHtml = document.createElement(\"div\");\n tabContentHtml.innerHTML = tabContentElement.innerHTML;\n tabContentHtml.setAttribute(\"slot\", \"tab-content\");\n tabContentElement.innerHTML = \"\";\n tabContentElement.appendChild(tabContentHtml);\n });\n\n // The element checks if any of the tabs have been marked as selected.\n // If not, the first tab is now selected.\n const selectedTabHeadingElement: TabHeadingElement =\n tabHeadingElements.find((tabHeadingElement: TabHeadingElement) => {\n return tabHeadingElement.selected;\n }) || tabHeadingElements[0];\n\n // Next, switch to the selected tab. `selectTab()` takes care of\n // marking all other tabs as deselected and hiding all other panels.\n this.setSelectTab(selectedTabHeadingElement);\n }\n\n setSelectTab(newTabHeading: TabHeadingElement) {\n // Deselect all tabs and hide all panels.\n this.reset();\n\n // Get the panel that the `newTab` is associated with.\n const newTabContent: TabContentElement = this.getTabContentForTabHeading(newTabHeading);\n\n // If that panel doesn’t exist, abort.\n if (!newTabContent) {\n throw new Error(`No tab-content-element with id ${newTabHeading.getAttribute(\"aria-controls\")}`);\n }\n newTabHeading.selected = true;\n newTabContent.hidden = false;\n }\n\n getTabHeadingElements() {\n const tabHeadingElements: Array<TabHeadingElement> = Array.from(\n this.querySelectorAll(\"navigation-tab-heading\")\n );\n return tabHeadingElements;\n }\n\n getTabContentElements() {\n const tabContentElements: Array<TabContentElement> = Array.from(\n this.querySelectorAll(\"navigation-tab-content\")\n );\n return tabContentElements;\n }\n\n getTabContentForTabHeading(tabHeadingElement) {\n const tabContentElementId = tabHeadingElement.getAttribute(\"aria-controls\");\n const tabContentElement: TabContentElement = this.querySelector(`#${tabContentElementId}`);\n return tabContentElement;\n }\n\n reset() {\n const tabHeadingElements: Array<TabHeadingElement> = this.getTabHeadingElements();\n const tabContentElements: Array<TabContentElement> = this.getTabContentElements();\n\n tabHeadingElements.forEach((tabHeadingElement) => (tabHeadingElement.selected = false));\n tabContentElements.forEach((tabContentElement) => (tabContentElement.hidden = true));\n }\n\n _onClick(event) {\n const clickedTabHeading = event.target.closest(\"navigation-tab-heading\");\n // If the click was not targeted on a tab element itself,\n // it was a click inside the a panel or on empty space. Nothing to do.\n if (!clickedTabHeading || clickedTabHeading.getAttribute(\"role\") !== \"tab\") {\n return;\n }\n // If it was on a tab element, though, select that tab.\n this.setSelectTab(clickedTabHeading);\n }\n\n public static setup(selector: string, options: NavigationTabsOptions) {\n const element = getElement<NavigationTabs>(selector);\n }\n}\n","// Dependencies\nimport {\n Component, CustomElement, CustomElementOptions, Prop, Dispatch, DispatchEmitter,\n Listen, Watch, getElement, getShadowRootElement, Toggle\n} from 'super-custom-elements';\n\n// Helpers\nimport { addGlobalStylesheet } from \"../../../functions/guiHelpers\";\n\n// Stylesheets\nimport slottedStyles from \"./slottedStyles.scss\";\n\nlet navigationTabHeadingCounter = 0;\n\n\ninterface NavigationTabHeadingOptions extends CustomElementOptions {\n}\n\n@Component({\n tag: 'navigation-tab-heading',\n template: import('./navigation-tab-heading.html'),\n style: import('./navigation-tab-heading.scss')\n})\n\n\n\nexport class NavigationTabHeading extends CustomElement {\n private static readonly elementSelector = 'navigation-tab-heading';\n private tabHeadingElement: HTMLElement;\n\n @Prop() id: string;\n @Toggle() selected: boolean;\n\n constructor() {\n super();\n }\n\n setup(options?: NavigationTabHeadingOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.setAttribute('role', 'tab');\n if (!this.id) {\n this.id = `navigation-tab-heading-${navigationTabHeadingCounter++}`;\n }\n\n this.tabHeadingElement = getShadowRootElement(this, 'slot[name=tab-heading]');\n\n // Set a well-defined initial state.\n this.setAttribute('aria-selected', 'false');\n this.setAttribute('tabindex', '-1');\n this._upgradeProperty('selected');\n\n addGlobalStylesheet(\"navigation-tab-heading-styles\", slottedStyles);\n }\n\n _upgradeProperty(prop) {\n if (this.hasOwnProperty(prop)) {\n let value = this[prop];\n delete this[prop];\n this[prop] = value;\n }\n }\n\n @Watch('selected')\n selectedChanged() {\n this.selected ? this.setAttribute('aria-selected', '') : this.removeAttribute('aria-selected');\n this.selected ? this.tabHeadingElement.classList.add('selected') : this.tabHeadingElement.classList.remove('selected');\n this.setAttribute('tabindex', this.selected ? '0' : '-1');\n }\n\n public static setup(selector: string, options: NavigationTabHeadingOptions) {\n const element = getElement<NavigationTabHeading>(selector);\n }\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};","// 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, `navigation-tab-heading a{color:#fff;text-decoration:none;margin:-10px -12px;padding:10px 12px}navigation-tab-heading[selected=true] a{color:#555}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss\"],\"names\":[],\"mappings\":\"AACI,yBACI,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CAGA,wCACI,UAAA\",\"sourcesContent\":[\"navigation-tab-heading {\\n a {\\n color: #fff;\\n text-decoration: none;\\n margin: -10px -12px;\\n padding: 10px 12px;\\n }\\n &[selected=\\\"true\\\"] {\\n a {\\n color: #555;\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\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","// 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, `:host{font-family:\"Open Sans\",sans-serif;display:inline-flex;cursor:pointer}:host slot{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:block;background-color:#3767c7;padding:10px 12px;transition:all .35s linear 0s;color:#fff;border-bottom:1px solid rgba(0,0,0,0);background-clip:padding-box;font-size:13px;margin-bottom:0;margin-bottom:-1px;margin-right:2px}:host slot:hover{background-color:#fe5000;color:#fff;border-color:rgba(0,0,0,0)}:host slot.selected{border:1px solid #414042;border-bottom:1px solid #fff;background-color:#fff;color:#555;cursor:default}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss\",\"webpack://./style/variables/_typography.scss\",\"webpack://./style/mixins/_border-radius.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAIA,MACI,kCCLW,CDMX,mBAAA,CACA,cAAA,CAEA,WERF,iCFS2C,CER3C,yBFQ2C,CACrC,aAAA,CACA,wBGCa,CAAA,iBAAA,CHCb,6BAAA,CACA,UAAA,CACA,qCAAA,CACA,2BAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CAEA,iBACI,wBGbI,CHcJ,UAAA,CACA,0BAAA,CAGJ,oBACI,wBAAA,CACA,4BAAA,CACA,qBAAA,CACA,UAAA,CACA,cAAA\",\"sourcesContent\":[\"@use \\\"../../../style/mixins/border-radius\\\";\\n@use \\\"../../../style/variables/colors\\\";\\n@use \\\"../../../style/variables/typography\\\";\\n\\n:host {\\n font-family: typography.$default-font;\\n display: inline-flex;\\n cursor: pointer;\\n\\n slot {\\n @include border-radius.border-radius(4px 4px 0 0);\\n display: block;\\n background-color: colors.$primary-background;\\n padding: 10px 12px;\\n transition: all 0.35s linear 0s;\\n color: #fff;\\n border-bottom: 1px solid transparent;\\n background-clip: padding-box;\\n font-size: 13px;\\n margin-bottom: 0;\\n margin-bottom: -1px;\\n margin-right: 2px;\\n\\n &:hover {\\n background-color: colors.$primary-brand;\\n color: #fff;\\n border-color: transparent;\\n }\\n\\n &.selected {\\n border: 1px solid #414042;\\n border-bottom: 1px solid #fff;\\n background-color: #fff;\\n color: #555;\\n cursor: default;\\n }\\n }\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\\n$default-font-size: 15px;\\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 <slot name=\\\"tab-heading\\\"></slot>\\n</template>\";","export default \"<template>\\n <div class=\\\"navigation-tab-headings\\\">\\n <slot name=\\\"tab-heading\\\"></slot>\\n </div>\\n <slot name=\\\"tab-content\\\"></slot>\\n</template>\";","// 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__(6236);\n"],"names":["root","factory","exports","module","define","amd","self","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","id","_k","push","Listen","eventName","selector","target","methodName","constructor","listeners","handler","addEventListeners","targetRoot","shadowRoot","listener","eventTarget","querySelector","addEventListener","e","call","Dispatch","propertyName","Object","defineProperty","get","emit","options","evtName","toDotCase","dispatchEvent","CustomEvent","Watch","attrName","watchAttributes","toKebabCase","propsInit","str","replace","toLowerCase","toCamelCase","m","toUpperCase","tryParseInt","value","parseInt","NaN","parseFloat","___CSS_LOADER_EXPORT___","getElement","document","getShadowRootElement","customElement","navigationTabContentCounter","NavigationTabContent","CustomElement","observedAttributes","super","setup","connect","container","connectedCallback","setAttribute","disconnectedCallback","elementSelector","Prop","Component","tag","template","HTMLElement","isConnected","appendChild","Toggle","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","addGlobalStylesheet","styleElementId","styles","style","createElement","textContent","getElementById","head","removeInnerHTML","firstChild","contains","removeChild","NavigationTabs","onSlotChange","bind","tabHeadingSlot","tabContentSlot","_onClick","NavigationTabHeading","Promise","all","customElements","whenDefined","then","linkPanels","removeEventListener","tabHeadingElements","getTabHeadingElements","forEach","tabHeadingElement","tabContentElement","nextElementSibling","tagName","error","tabHeadingHtml","innerHTML","tabContentHtml","selectedTabHeadingElement","find","selected","setSelectTab","newTabHeading","reset","newTabContent","getTabContentForTabHeading","Error","hidden","Array","from","getTabContentElements","tabContentElementId","tabContentElements","event","clickedTabHeading","closest","navigationTabHeadingCounter","_upgradeProperty","prop","hasOwnProperty","selectedChanged","classList","add","remove","onAttributeChange","initializeProps","plainAttributes","keys","v","cycleProps","getProps","attribValue","new","args","prototype","name","showShadowRoot","shadow","attachShadow","mode","x","attributeChangedCallback","newValue","methodToCall","old","render","getStyle","getExternalTemplate","cloneNode","markup","default","fragment","createRange","createContextualFragment","children","nodeName","css","ready","resolve","_","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","enumerable","obj","r","Symbol","toStringTag"],"sourceRoot":""}
1
+ {"version":3,"file":"NavigationTabs.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAkB,SAAID,KAEtBD,EAAe,SAAIA,EAAe,UAAK,CAAC,EAAGA,EAAe,SAAkB,eAAIC,IACjF,CATD,CASGK,MAAM,I,oGCNLC,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACL,EAAOM,GAAI,ukBAAwkB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yFAAyF,+CAA+C,+CAA+C,4CAA4C,MAAQ,GAAG,SAAW,4RAA4R,eAAiB,CAAC,giCAAsiC,6GAAiH,28BAA28B,k1BAAk1B,WAAa,MAEpnI,S,4ECJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACL,EAAOM,GAAI,oJAAqJ,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iFAAiF,MAAQ,GAAG,SAAW,mEAAmE,eAAiB,CAAC,qPAAuP,WAAa,MAEzpB,S,4ECJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACL,EAAOM,GAAI,mLAAoL,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,2DAA2D,gDAAgD,MAAQ,GAAG,SAAW,sFAAsF,eAAiB,CAAC,oTAAsT,8GAAkH,WAAa,MAEt5B,S,4CCPA,uE,4CCAA,uE,4CCAA,8J,SCMAN,EAAOD,QAAU,SAAUQ,GACzB,IAAIC,EAAO,GA4EX,OAzEAA,EAAKC,SAAW,WACd,OAAOC,KAAKC,KAAI,SAAUC,GACxB,IAAIC,EAAU,GACVC,OAA+B,IAAZF,EAAK,GAoB5B,OAnBIA,EAAK,KACPC,GAAW,cAAcE,OAAOH,EAAK,GAAI,QAEvCA,EAAK,KACPC,GAAW,UAAUE,OAAOH,EAAK,GAAI,OAEnCE,IACFD,GAAW,SAASE,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,OAE5EC,GAAWN,EAAuBK,GAC9BE,IACFD,GAAW,KAETD,EAAK,KACPC,GAAW,KAETD,EAAK,KACPC,GAAW,KAENA,CACT,IAAGI,KAAK,GACV,EAGAT,EAAKU,EAAI,SAAWC,EAASC,EAAOC,EAAQC,EAAUC,GAC7B,iBAAZJ,IACTA,EAAU,CAAC,CAAC,KAAMA,OAASK,KAE7B,IAAIC,EAAyB,CAAC,EAC9B,GAAIJ,EACF,IAAK,IAAIK,EAAI,EAAGA,EAAIhB,KAAKM,OAAQU,IAAK,CACpC,IAAIpB,EAAKI,KAAKgB,GAAG,GACP,MAANpB,IACFmB,EAAuBnB,IAAM,EAEjC,CAEF,IAAK,IAAIqB,EAAK,EAAGA,EAAKR,EAAQH,OAAQW,IAAM,CAC1C,IAAIf,EAAO,GAAGG,OAAOI,EAAQQ,IACzBN,GAAUI,EAAuBb,EAAK,WAGrB,IAAVW,SACc,IAAZX,EAAK,KAGdA,EAAK,GAAK,SAASG,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,MAAMG,OAAOH,EAAK,GAAI,MAF/FA,EAAK,GAAKW,GAMVH,IACGR,EAAK,IAGRA,EAAK,GAAK,UAAUG,OAAOH,EAAK,GAAI,MAAMG,OAAOH,EAAK,GAAI,KAC1DA,EAAK,GAAKQ,GAHVR,EAAK,GAAKQ,GAMVE,IACGV,EAAK,IAGRA,EAAK,GAAK,cAAcG,OAAOH,EAAK,GAAI,OAAOG,OAAOH,EAAK,GAAI,KAC/DA,EAAK,GAAKU,GAHVV,EAAK,GAAK,GAAGG,OAAOO,IAMxBd,EAAKH,KAAKO,GACZ,CACF,EACOJ,CACT,C,UClFAR,EAAOD,QAAU,SAAUa,GACzB,IAAIC,EAAUD,EAAK,GACfgB,EAAahB,EAAK,GACtB,IAAKgB,EACH,OAAOf,EAET,GAAoB,mBAATgB,KAAqB,CAC9B,IAAIC,EAASD,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUN,MACzDO,EAAO,+DAA+DpB,OAAOe,GAC7EM,EAAgB,OAAOrB,OAAOoB,EAAM,OACxC,MAAO,CAACtB,GAASE,OAAO,CAACqB,IAAgBnB,KAAK,KAChD,CACA,MAAO,CAACJ,GAASI,KAAK,KACxB,C,kZCfA,eACA,UAEA,UAEa,EAAAoB,UAAaC,GAChBC,I,MACN,MAAMC,EAAcF,EAAKE,KAAO,EAAAC,YAAYF,EAAOG,UAAUC,YAAYC,MACnEC,IAAa,EAAQ,cAAeN,EAaxC,WAAAI,GACEG,QARK,KAAAC,MAAkB,CAAC,EAUxBrC,KAAKsC,eAAgC,MAAfV,EAAKW,QAAwBX,EAAKW,QAEnDvC,KAAKwC,YAAcxC,KAAKsC,gBAC3BtC,KAAKyC,aAAa,CAAEC,KAAM,QAE9B,CAZO,6BAAWC,GAChB,OAAOC,OAAOC,KAAK7C,KAAK8C,WAAa,CAAC,GAAG7C,KAAI8C,GAAK,EAAAhB,YAAYgB,IAChE,CAYO,wBAAAC,CAAyBd,EAAce,EAAkBC,GAC9DlD,KAAKmD,kBAAkBjB,EAAMe,EAAUC,EACzC,CAEO,iBAAAC,CAAkBjB,EAAce,EAAkBC,EAAkBE,GAAe,GACxF,GAAIH,GAAYC,EAAU,CACpBE,IAAOpD,KAAK,EAAAqD,YAAYnB,IAASgB,GACrC,MAAMI,EAA6BtD,KAAKiC,YAAoBqB,gBAC5D,GAAIA,GAAmBA,EAAgBpB,GAAO,CAC5C,MAAMqB,EAAuBD,EAAgBpB,GACzClC,KAAKwD,aAC0B,mBAAtBxD,KAAKuD,IACdvD,KAAKuD,GAAc,CAAEE,IAAKR,EAAUS,IAAKR,G,EAKnD,CAEa,iBAAAS,G,iIACL3D,KAAK4D,SACX,EAAMD,mBAAqB,EAAMA,kBAAiB,WAClD3D,KAAKwD,aAAc,EAEnB,EAAAK,kBAAkB7D,MAClB,EAAA8D,gBAAgB9D,KAClB,G,CAEc,MAAA4D,G,yCACZ,GAAI5D,KAAKwD,YACP,OAGF,MAAMO,EAAWC,SAASC,cAAc,YACxCF,EAASG,gBAAkBlE,KAAKmE,WAE5BvC,EAAKmC,oBAAoBK,QAC3BL,EAAS5D,QAAQkE,kBAAkBrE,KAAKsE,uBACN,iBAAlB1C,EAAKmC,WACrBA,EAASG,WAAatC,EAAKmC,WAG5B/D,KAAKsC,eAAiBtC,KAAKwC,WAAaxC,MAAMqE,YAAYN,EAAS5D,QAAQoE,WAAU,GACxF,G,CAEc,mBAAAD,G,yCACZ,MACME,SADwB5C,EAAKmC,UACLU,QAAQ1E,WAChC2E,EAAWV,SAASW,cAAcC,yBAAyBJ,GAEjE,OAAiC,IAA7BE,EAASG,SAASvE,QAAkD,aAAlCoE,EAASG,SAAS,GAAGC,SACjDJ,EAASK,WAAmC5E,QAE/CuE,CACT,G,CAEc,QAAAP,G,yCACZ,IAAIa,EASJ,OAPIpD,EAAKqD,iBAAiBb,QAExBY,SAD0BpD,EAAKqD,OACbR,QAAQ1E,WACK,iBAAf6B,EAAKqD,QACrBD,EAAMpD,EAAKqD,OAGHD,EAAM,UAAUA,YAAgB,EAC5C,G,IAzFiBxB,aAAuB,EAIvB,EAAA0B,MAA0B,IAAId,SAAQ,CAACe,EAASC,IAAMD,GAAQ,K,GA4FjF,OAJKE,eAAeC,IAAIxD,IACtBuD,eAAe9F,OAAOuC,EAAKK,GAGtBA,CAAa,C,oFCvGxB,MAAsBoD,UAAsBC,YAC1C,WAAAvD,GACEG,OACF,CAIU,OAAAqD,CAAQC,GACX1F,KAAK2F,aACR3B,SAAS4B,cAAcF,GAAUrB,YAAYrE,KAEjD,EAXF,iB,wGCFa,EAAA6F,WAAqCH,GACzC1B,SAAS4B,cAAcF,GAGnB,EAAAI,qBAAuB,CAAwB3D,EAA4BuD,IAC/EvD,EAAcK,WAAWoD,cAAcF,E,wYCLhD,aACA,aACA,aACA,YACA,aACA,aACA,aACA,Y,6GCPA,gBA2DS,EAAAK,OAzCM,CAACC,EAAmBN,IAC1B,CAAC7D,EAAaoE,KACdpE,EAAOI,YAAYiE,YACtBrE,EAAOI,YAAYiE,UAAY,IAEjCrE,EAAOI,YAAYiE,UAAUvG,KAAK,CAAE+F,SAAUA,EAAUM,UAAWA,EAAWG,QAAStE,EAAOoE,IAAc,EAoC/F,EAAApC,kBAhCUhC,IACzB,GAAIA,EAAOI,YAAYiE,UAAW,CAChC,MAAME,EAAkBvE,EAAOW,YAAcX,EAC7C,IAAK,MAAMwE,KAAYxE,EAAOI,YAAYiE,UAAsC,CAC9E,MAAMI,EAAeD,EAAiB,SAClCD,EAAWR,cAAcS,EAASX,UAChCU,EAAWR,cAAcS,EAASX,UAAY,KAChD7D,EACAyE,GACFA,EAAYC,iBAAiBF,EAASL,WAAYQ,IAChDH,EAASF,QAAQM,KAAK5E,EAAQ2E,EAAE,G,IAsBW,EAAAE,SAfnCV,GACT,CAACnE,EAAqB8E,KAU3B/D,OAAOgE,eAAe/E,EAAQ8E,EAAc,CAAErB,IAT9C,WACE,MAAM7F,EAAoBO,KAC1B,MAAO,CACL,IAAA6G,CAAKC,GACH,MAAMC,EAAU,GAA0B,EAAAC,UAAUL,GACpDlH,EAAKwH,cAAc,IAAIC,YAAYH,EAASD,GAC9C,EAEJ,GACoD,C,+FCvDxD,gBAEa,EAAAK,KAAO,IACX,CAACtF,EAAauF,KACnB,MAAMC,EAAW,EAAAtF,YAAYqF,GAsBxBvF,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUsE,GAAY,KACzCxE,OAAOgE,eAAe/E,EAAQuF,EAAU,CAAE9B,IAzB1C,WACE,OAAItF,KAAKqC,MAAM+E,GACNpH,KAAKqC,MAAM+E,GAEbpH,KAAKsH,aAAaD,EAC3B,EAoB+CjE,IAnB/C,SAAamE,GACX,GAAIvH,KAAKwD,YAAa,CACpB,MAAMP,EAAWjD,KAAKqC,MAAM+E,GAC5BpH,KAAKqC,MAAM+E,GAAY,EAAAI,YAAYD,GACf,iBAATA,EACTvH,KAAKyH,aAAaJ,EAAUE,GAE5BvH,KAAKmD,kBAAkBkE,EAAUpE,EAAUsE,GAAO,E,MAG/CvH,KAAK0H,aAAa,EAAA3F,YAAYqF,MACjCpH,KAAKiC,YAAYa,UAAUsE,GAAYG,EAG7C,GAKqD,EAY5C,EAAAzD,gBAAmBjC,IAC9B,MAAMyB,EAAkBzB,EAAOI,YAAYqB,gBAC3C,IAAK,IAAIqE,IAVM,CAAC9F,IAChB,MAAMyB,EAAkBzB,EAAOI,YAAYqB,gBACrCsE,EAAkB,OAAH,UAAQtE,GAC7BV,OAAOC,KAAK+E,GAAiBC,SAAQC,GAAKF,EAAgBE,GAAK,KAC/D,MAAMC,EAAa,OAAH,wBAAQH,GAAoB/F,EAAOI,YAAYa,WAC/D,OAAOF,OAAOC,KAAKkF,EAAW,EAKbC,CAASnG,GAAS,CACjC,GAAIyB,EACF,GAA0C,MAAtCA,EAAgB,EAAAvB,YAAY4F,IAC9BrE,EAAgB,EAAAvB,YAAY4F,IAAS,OAChC,CACL,MAAMM,EAAcpG,EAAOQ,MAAMsF,IAAS9F,EAAOyF,aAAa,EAAAvF,YAAY4F,IAC9B,mBAAjC9F,EAAOyB,EAAgBqE,KAChC9F,EAAOyB,EAAgBqE,IAAO,CAAEjE,IAAKuE,G,CAIvCpG,EAAOI,YAAYa,UAAU6E,KAC1B9F,EAAO6F,aAAa,EAAA3F,YAAY4F,MACnC9F,EAAO8F,GAAQ9F,EAAOI,YAAYa,UAAU6E,I,iFCzDpD,gBAEa,EAAAO,OAAS,IACb,CAACrG,EAAauF,KAkDdvF,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUsE,GAAY,KACzCxE,OAAOgE,eAAe/E,EAAQuF,EAAU,CAAE9B,IArD1C,WAYE,MAXqB,CAAC8B,IACpB,GAAIpH,KAAK0H,aAAaN,GAAW,CAC/B,MAAMe,EAAYnI,KAAKsH,aAAaF,GACpC,QAAI,oBAAoBgB,KAAKD,KACP,QAAbA,GAAoC,IAAbA,E,CAKlC,OAAO,CAAK,EAEPb,CAAaF,EACtB,EAwC+ChE,IAvC/C,SAAamE,GACX,MAAMtE,EAAWsE,EACjB,GAAazG,MAATyG,EACF,cAAeA,GACb,IAAK,UACH,MACF,IAAK,SACC,oBAAoBa,KAAKb,GAC3BA,EAAoB,QAAZtE,GAAkC,IAAZA,GAE9BoF,QAAQC,KAAK,kDAAkDlB,UAAiBG,MAChFA,GAAQ,GAEV,MACF,QACE,KAAM,kDAAmDH,UAAiBG,KAG5EvH,KAAKwD,aACPxD,KAAKqC,MAAM+E,GAAYG,IAAS,EACf,KAAbtE,GAAgC,OAAbA,EACrBjD,KAAKyH,aAAaL,EAAUG,GAExBA,EACFvH,KAAKyH,aAAaL,EAAU,IAE5BpH,KAAKuI,gBAAgBnB,IAIpBpH,KAAK0H,aAAa,EAAA3F,YAAYqF,MACjCpH,KAAKiC,YAAYa,UAAUsE,GAAYG,EAG7C,GAKqD,C,sLCzD5C,EAAAxF,YAAeyG,GACnBA,EACJC,QAAQ,kBAAmB,SAC3BA,QAAQ,UAAW,KACnBC,cAGQ,EAAArF,YAAemF,GACnBA,EACJE,cACAD,QAAQ,WAAYE,GAAMA,EAAE,GAAGC,gBAGvB,EAAA5B,UAAawB,GACjBA,EAAIC,QAAQ,gBAAiB,OACjCA,QAAQ,sBAAuB,KAC/BC,cAGQ,EAAAlB,YAAeD,GAClBsB,SAAStB,IAAUA,GAA+BuB,MAAtBC,WAAWxB,GAAkBsB,SAAStB,GAASA,C,8ECpBrF,gBAEa,EAAAyB,MAAS3B,GACb,CAACxF,EAAa8E,KACd9E,EAAOI,YAAYqB,kBACtBzB,EAAOI,YAAYqB,gBAAkB,CAAC,GAExCzB,EAAOI,YAAYqB,gBAAgB,EAAAvB,YAAYsF,IAAaV,EACvD9E,EAAOI,YAAYa,YACtBjB,EAAOI,YAAYa,UAAY,CAAC,GAElCjB,EAAOI,YAAYa,UAAUuE,GAAY,IAAI,C,qKCXpC,EAAA4B,kCAAqCC,GACvCA,EAAQC,iBAAiB,yCAGvB,EAAAC,mBAAqB,KAC9B,IAAIC,EAAkBrF,SAAS4B,cAAc,gBAI7C,OAHKyD,IACDA,EAAkBrF,SAAS4B,cAAc,6CAEtCyD,CAAe,EAGb,EAAAC,oBAAsB,CAACC,EAAwBC,KACxD,MAAMvE,EAAQjB,SAASC,cAAc,SACrCgB,EAAMwC,aAAa,KAAM8B,GACzBtE,EAAMwE,YAAcD,EACfxF,SAAS0F,eAAeH,IACzBvF,SAAS2F,KAAKtF,YAAYY,EAC9B,EAGS,EAAA2E,gBAAmBV,IAC5B,KAAOA,EAAQnE,YACPmE,EAAQW,SAASX,EAAQnE,aACzBmE,EAAQY,YAAYZ,EAAQnE,WAKpC,C,stCC5BJ,gBAEA,IAAIgF,EAA8B,EAQrBC,EAAN,cAAmC,EAAAzE,cAGtC,6BAAW5C,GACP,MAAO,CAAC,WACZ,CAIA,WAAAV,GACIG,OACJ,CAEA,KAAA6H,CAAMnD,GACF9G,KAAKyF,QAAQqB,EAAQoD,WACjBpD,EAAQlH,KACRI,KAAKJ,GAAKkH,EAAQlH,GAE1B,CAEA,iBAAA+D,GACI3D,KAAKyH,aAAa,OAAQ,YACrBzH,KAAKJ,KACNI,KAAKJ,GAAK,0BAA0BmK,IAE5C,CAEA,oBAAAI,GAAwB,CAEjB,YAAOF,CAAMvE,EAAkBoB,IAClB,IAAAjB,YAAiCH,EACrD,GA/BS,EAAAsE,qBAAAA,EACe,EAAAI,gBAAkB,yBAMlC,IAAP,IAAAjD,S,gDAPQ6C,EAAoB,IAJhC,IAAArI,WAAU,CACPG,IAAK,yBACLiC,SAAU,QAAF,wBAAS,YAERiG,E,syCCVb,gBAMA,UAGA,aAEA,IAAIK,EAA8B,EAcrBC,EAAN,cAAmC,EAAA/E,cAOtC,WAAAtD,GACIG,OACJ,CAEA,KAAA6H,CAAMnD,GACF9G,KAAKyF,QAAQqB,EAAQoD,WACjBpD,EAAQlH,KACRI,KAAKJ,GAAKkH,EAAQlH,GAE1B,CAEA,iBAAA+D,GACI3D,KAAKyH,aAAa,OAAQ,OACrBzH,KAAKJ,KACNI,KAAKJ,GAAK,0BAA0ByK,KAGxCrK,KAAKuK,mBAAoB,IAAAzE,sBAAqB9F,KAAM,0BAGpDA,KAAKyH,aAAa,gBAAiB,SACnCzH,KAAKyH,aAAa,WAAY,MAC9BzH,KAAKwK,iBAAiB,aAEtB,IAAAlB,qBAAoB,gCAAiC,UACzD,CAEA,gBAAAkB,CAAiB7C,GACb,GAAI3H,KAAKyK,eAAe9C,GAAO,CAC3B,IAAIJ,EAAQvH,KAAK2H,UACV3H,KAAK2H,GACZ3H,KAAK2H,GAAQJ,CACjB,CACJ,CAGA,eAAAmD,GACI1K,KAAK2K,SAAW3K,KAAKyH,aAAa,gBAAiB,IAAMzH,KAAKuI,gBAAgB,iBAC9EvI,KAAK2K,SAAW3K,KAAKuK,kBAAkBK,UAAUC,IAAI,YAAc7K,KAAKuK,kBAAkBK,UAAUE,OAAO,YAC3G9K,KAAKyH,aAAa,WAAYzH,KAAK2K,SAAW,IAAM,KACxD,CAEO,YAAOV,CAAMvE,EAAkBoB,IAClB,IAAAjB,YAAiCH,EACrD,GAnDS,EAAA4E,qBAAAA,EACe,EAAAF,gBAAkB,yBAGlC,IAAP,IAAAjD,S,yBACS,IAAT,IAAAe,W,+BAsCD,IADC,IAAAc,OAAM,a,2DA1CEsB,EAAoB,IARhC,IAAA3I,WAAU,CACPG,IAAK,yBACLiC,SAAU,QAAF,wBAAS,SACjBkB,MAAO,QAAF,wBAAS,YAKLqF,E,gtCCzBb,gBAYA,UACA,UAqBO,IAAMS,EAAN,cAA6B,EAAAxF,cAKhC,6BAAW5C,GACP,MAAO,CAAC,WACZ,CAMA,WAAAV,GACIG,QACApC,KAAKgL,aAAehL,KAAKgL,aAAaC,KAAKjL,KAC/C,CAEA,KAAAiK,CAAMnD,GACF9G,KAAKyF,QAAQqB,EAAQoD,WACjBpD,EAAQlH,KACRI,KAAKJ,GAAKkH,EAAQlH,GAE1B,CAEA,iBAAA+D,GACI3D,KAAKkL,gBAAiB,IAAApF,sBAAqB9F,KAAM,0BACjDA,KAAKmL,gBAAiB,IAAArF,sBAAqB9F,KAAM,0BAEjDA,KAAKkL,eAAe3E,iBAAiB,aAAcvG,KAAKgL,cACxDhL,KAAKmL,eAAe5E,iBAAiB,aAAcvG,KAAKgL,cAEnDhL,KAAK0H,aAAa,SACnB1H,KAAKyH,aAAa,OAAQ,WAG9BzH,KAAKuG,iBAAiB,QAASvG,KAAKoL,UAEP,IAAI,EAAAd,qBACJ,IAAI,EAAAN,qBAEjC5F,QAAQiH,IAAI,CACRhG,eAAeiG,YAAY,0BAC3BjG,eAAeiG,YAAY,4BAC5BC,MAAK,KACJvL,KAAKwL,YAAY,GAEzB,CAEA,oBAAArB,GACInK,KAAKyL,oBAAoB,QAASzL,KAAKoL,SAC3C,CAEA,YAAAJ,GACIhL,KAAKwL,YACT,CAEA,UAAAA,GACI,MAAME,EAA+C1L,KAAK2L,wBAG1DD,EAAmB7D,SAAS0C,IACxB,MAAMqB,EAAoBrB,EAAkBsB,mBAC5C,GAAgD,2BAA5CD,EAAkBE,QAAQpD,cAI1B,YAHAL,QAAQ0D,MACJ,2BAA2BxB,EAAkB3K,oDAIrD2K,EAAkB9C,aAAa,gBAAiBmE,EAAkBhM,IAClEgM,EAAkBnE,aAAa,kBAAmB8C,EAAkB3K,IAEpEgM,EAAkBnE,aAAa,KAAMmE,EAAkBhM,IAEvD,IAAIoM,EAAiBhI,SAASC,cAAc,OAC5C+H,EAAe9H,UAAYqG,EAAkBrG,UAC7C8H,EAAevE,aAAa,OAAQ,eACpC8C,EAAkBrG,UAAY,GAC9BqG,EAAkBlG,YAAY2H,GAE9B,IAAIC,EAAiBjI,SAASC,cAAc,OAC5CgI,EAAe/H,UAAY0H,EAAkB1H,UAC7C+H,EAAexE,aAAa,OAAQ,eACpCmE,EAAkB1H,UAAY,GAC9B0H,EAAkBvH,YAAY4H,EAAe,IAKjD,MAAMC,EACFR,EAAmBS,MAAM5B,GACdA,EAAkBI,YACvBe,EAAmB,GAI7B1L,KAAKoM,aAAaF,EACtB,CAEA,YAAAE,CAAaC,GAETrM,KAAKsM,QAGL,MAAMC,EAAmCvM,KAAKwM,2BAA2BH,GAGzE,IAAKE,EACD,MAAM,IAAIE,MAAM,kCAAkCJ,EAAc/E,aAAa,oBAEjF+E,EAAc1B,UAAW,EACzB4B,EAAcG,QAAS,CAC3B,CAEA,qBAAAf,GAII,OAHqDgB,MAAMC,KACvD5M,KAAKmJ,iBAAiB,0BAG9B,CAEA,qBAAA0D,GAII,OAHqDF,MAAMC,KACvD5M,KAAKmJ,iBAAiB,0BAG9B,CAEA,0BAAAqD,CAA2BjC,GACvB,MAAMuC,EAAsBvC,EAAkBjD,aAAa,iBAE3D,OAD6CtH,KAAK4F,cAAc,IAAIkH,IAExE,CAEA,KAAAR,GACI,MAAMZ,EAA+C1L,KAAK2L,wBACpDoB,EAA+C/M,KAAK6M,wBAE1DnB,EAAmB7D,SAAS0C,GAAuBA,EAAkBI,UAAW,IAChFoC,EAAmBlF,SAAS+D,GAAuBA,EAAkBc,QAAS,GAClF,CAEA,QAAAtB,CAAS4B,GACL,MAAMC,EAAoBD,EAAMnL,OAAOqL,QAAQ,0BAG1CD,GAAgE,QAA3CA,EAAkB3F,aAAa,SAIzDtH,KAAKoM,aAAaa,EACtB,CAEO,YAAOhD,CAAMvE,EAAkBoB,IAClB,IAAAjB,YAA2BH,EAC/C,GA3JS,EAAAqF,eAAAA,EACe,EAAAX,gBAAkB,kBAQlC,IAAP,IAAAjD,S,yBACO,IAAP,IAAAA,S,kCACqB,IAArB,IAAAT,UAAS,a,gDAXDqE,EAAc,IAL1B,IAAApJ,WAAU,CACPG,IAAK,kBACLiC,SAAU,QAAF,wBAAS,SACjBkB,MAAO,QAAF,wBAAS,YAEL8F,E,GClCToC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBvM,IAAjBwM,EACH,OAAOA,EAAajO,QAGrB,IAAIC,EAAS6N,EAAyBE,GAAY,CACjDzN,GAAIyN,EAEJhO,QAAS,CAAC,GAOX,OAHAkO,EAAoBF,GAAU5G,KAAKnH,EAAOD,QAASC,EAAQA,EAAOD,QAAS+N,GAGpE9N,EAAOD,OACf,C,OCrBA+N,EAAoBI,EAAKlO,IACxB,IAAImO,EAASnO,GAAUA,EAAOoO,WAC7B,IAAOpO,EAAiB,QACxB,IAAM,EAEP,OADA8N,EAAoBO,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdL,EAAoBO,EAAI,CAACtO,EAASwO,KACjC,IAAI,IAAIC,KAAOD,EACXT,EAAoBW,EAAEF,EAAYC,KAASV,EAAoBW,EAAE1O,EAASyO,IAC5ElL,OAAOgE,eAAevH,EAASyO,EAAK,CAAEE,YAAY,EAAM1I,IAAKuI,EAAWC,IAE1E,ECNDV,EAAoBW,EAAI,CAACE,EAAKtG,IAAU/E,OAAOZ,UAAUyI,eAAehE,KAAKwH,EAAKtG,GCClFyF,EAAoBc,EAAK7O,IACH,oBAAX8O,QAA0BA,OAAOC,aAC1CxL,OAAOgE,eAAevH,EAAS8O,OAAOC,YAAa,CAAE7G,MAAO,WAE7D3E,OAAOgE,eAAevH,EAAS,aAAc,CAAEkI,OAAO,GAAO,ECFpC6F,EAAoB,K","sources":["webpack://geonorge/webpack/universalModuleDefinition","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss","webpack://geonorge/./stories/navigation-tabs/navigation-tabs.scss","webpack://geonorge/./stories/navigation-tabs/navigation-tab-content/navigation-tab-content.html","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.html","webpack://geonorge/./stories/navigation-tabs/navigation-tabs.html","webpack://geonorge/../node_modules/css-loader/dist/runtime/api.js","webpack://geonorge/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://geonorge/../node_modules/super-custom-elements/src/component.ts","webpack://geonorge/../node_modules/super-custom-elements/src/custom-element.ts","webpack://geonorge/../node_modules/super-custom-elements/src/helpers.ts","webpack://geonorge/../node_modules/super-custom-elements/src/index.ts","webpack://geonorge/../node_modules/super-custom-elements/src/listen.ts","webpack://geonorge/../node_modules/super-custom-elements/src/prop.ts","webpack://geonorge/../node_modules/super-custom-elements/src/toggle.ts","webpack://geonorge/../node_modules/super-custom-elements/src/util.ts","webpack://geonorge/../node_modules/super-custom-elements/src/watch.ts","webpack://geonorge/./functions/guiHelpers.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-content/navigation-tab-content.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.ts","webpack://geonorge/./stories/navigation-tabs/navigation-tabs.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\"][\"NavigationTabs\"] = 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, `:host{font-family:\"Open Sans\",sans-serif;display:inline-flex;cursor:pointer}:host slot{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;display:block;background-color:#3767c7;padding:10px 12px;transition:all .35s linear 0s;color:#fff;border-bottom:1px solid rgba(0,0,0,0);background-clip:padding-box;font-size:13px;margin-bottom:0;margin-bottom:-1px;margin-right:2px}:host slot:hover{background-color:#fe5000;color:#fff;border-color:rgba(0,0,0,0)}:host slot.selected{border:1px solid #414042;border-bottom:1px solid #fff;background-color:#fff;color:#555;cursor:default}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tab-heading/navigation-tab-heading.scss\",\"webpack://./style/variables/_typography.scss\",\"webpack://./style/mixins/_border-radius.scss\",\"webpack://./style/variables/_colors.scss\"],\"names\":[],\"mappings\":\"AAIA,MACI,kCCLW,CDMX,mBAAA,CACA,cAAA,CAEA,WERF,iCFS2C,CER3C,yBFQ2C,CACrC,aAAA,CACA,wBGCa,CAAA,iBAAA,CHCb,6BAAA,CACA,UAAA,CACA,qCAAA,CACA,2BAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CAEA,iBACI,wBGbI,CHcJ,UAAA,CACA,0BAAA,CAGJ,oBACI,wBAAA,CACA,4BAAA,CACA,qBAAA,CACA,UAAA,CACA,cAAA\",\"sourcesContent\":[\"@use \\\"../../../style/mixins/border-radius\\\";\\n@use \\\"../../../style/variables/colors\\\";\\n@use \\\"../../../style/variables/typography\\\";\\n\\n:host {\\n font-family: typography.$default-font;\\n display: inline-flex;\\n cursor: pointer;\\n\\n slot {\\n @include border-radius.border-radius(4px 4px 0 0);\\n display: block;\\n background-color: colors.$primary-background;\\n padding: 10px 12px;\\n transition: all 0.35s linear 0s;\\n color: #fff;\\n border-bottom: 1px solid transparent;\\n background-clip: padding-box;\\n font-size: 13px;\\n margin-bottom: 0;\\n margin-bottom: -1px;\\n margin-right: 2px;\\n\\n &:hover {\\n background-color: colors.$primary-brand;\\n color: #fff;\\n border-color: transparent;\\n }\\n\\n &.selected {\\n border: 1px solid #414042;\\n border-bottom: 1px solid #fff;\\n background-color: #fff;\\n color: #555;\\n cursor: default;\\n }\\n }\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\\n$default-font-size: 15px;\\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","// 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, `navigation-tab-heading a{color:#fff;text-decoration:none;margin:-10px -12px;padding:10px 12px}navigation-tab-heading[selected=true] a{color:#555}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tab-heading/slottedStyles.scss\"],\"names\":[],\"mappings\":\"AACI,yBACI,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CAGA,wCACI,UAAA\",\"sourcesContent\":[\"navigation-tab-heading {\\n a {\\n color: #fff;\\n text-decoration: none;\\n margin: -10px -12px;\\n padding: 10px 12px;\\n }\\n &[selected=\\\"true\\\"] {\\n a {\\n color: #555;\\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, `:host{font-family:\"Open Sans\",sans-serif;display:block}:host .navigation-tab-headings{width:100%;border-bottom:1px solid #414042;margin-bottom:10px;display:flex;flex-wrap:wrap}`, \"\",{\"version\":3,\"sources\":[\"webpack://./stories/navigation-tabs/navigation-tabs.scss\",\"webpack://./style/variables/_typography.scss\"],\"names\":[],\"mappings\":\"AAEA,MACI,kCCHW,CDIX,aAAA,CACA,+BACI,UAAA,CACA,+BAAA,CACA,kBAAA,CACA,YAAA,CACA,cAAA\",\"sourcesContent\":[\"@use \\\"../../style/variables/typography\\\";\\n\\n:host {\\n font-family: typography.$default-font;\\n display: block;\\n .navigation-tab-headings {\\n width: 100%;\\n border-bottom: 1px solid #414042;\\n margin-bottom: 10px;\\n display: flex;\\n flex-wrap: wrap;\\n }\\n}\\n\",\"$default-font: \\\"Open Sans\\\", sans-serif;\\n$header-font: \\\"Raleway\\\", sans-serif;\\n$default-font-size: 15px;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export default \"<template>\\n <slot name=\\\"tab-content\\\"></slot>\\n</template>\";","export default \"<template>\\n <slot name=\\\"tab-heading\\\"></slot>\\n</template>\";","export default \"<template>\\n <div class=\\\"navigation-tab-headings\\\">\\n <slot name=\\\"tab-heading\\\"></slot>\\n </div>\\n <slot name=\\\"tab-content\\\"></slot>\\n</template>\";","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","import { addEventListeners, ListenerMetadata } from './listen';\r\nimport { initializeProps } from './prop';\r\nimport { ComponentMetadata, KeyValue } from './types';\r\nimport { toKebabCase, toCamelCase } from './util';\r\n\r\nexport const Component = (args: ComponentMetadata) => {\r\n return (target: any) => {\r\n const tag: string = args.tag || toKebabCase(target.prototype.constructor.name);\r\n const customElement: any = class extends (target as { new(): any }) {\r\n protected static __connected: boolean = false;\r\n protected static propsInit: KeyValue;\r\n protected static watchAttributes: KeyValue;\r\n protected static listeners: ListenerMetadata[];\r\n protected static ready: Promise<boolean> = new Promise((resolve, _) => resolve(true));\r\n public props: KeyValue = {};\r\n private showShadowRoot: boolean;\r\n\r\n public static get observedAttributes(): string[] {\r\n return Object.keys(this.propsInit || {}).map(x => toKebabCase(x));\r\n }\r\n\r\n constructor() {\r\n super();\r\n\r\n this.showShadowRoot = args.shadow == null ? true : args.shadow;\r\n\r\n if (!this.shadowRoot && this.showShadowRoot) {\r\n this.attachShadow({ mode: 'open' });\r\n }\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n this.onAttributeChange(name, oldValue, newValue);\r\n }\r\n\r\n public onAttributeChange(name: string, oldValue: string, newValue: string, set: boolean = true): void {\r\n if (oldValue != newValue) {\r\n if (set) { this[toCamelCase(name)] = newValue; }\r\n const watchAttributes: KeyValue = (this.constructor as any).watchAttributes;\r\n if (watchAttributes && watchAttributes[name]) {\r\n const methodToCall: string = watchAttributes[name];\r\n if (this.__connected) {\r\n if (typeof this[methodToCall] == 'function') {\r\n this[methodToCall]({ old: oldValue, new: newValue });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n public async connectedCallback(): Promise<void> {\r\n await this.render();\r\n super.connectedCallback && super.connectedCallback();\r\n this.__connected = true;\r\n\r\n addEventListeners(this);\r\n initializeProps(this);\r\n }\r\n\r\n private async render(): Promise<void> {\r\n if (this.__connected) {\r\n return;\r\n }\r\n\r\n const template = document.createElement('template');\r\n template.innerHTML = await this.getStyle();\r\n\r\n if (args.template instanceof Promise) {\r\n template.content.appendChild(await this.getExternalTemplate());\r\n } else if (typeof args.template === 'string') {\r\n template.innerHTML += args.template;\r\n }\r\n\r\n (this.showShadowRoot ? this.shadowRoot : this).appendChild(template.content.cloneNode(true));\r\n }\r\n\r\n private async getExternalTemplate(): Promise<DocumentFragment> {\r\n const templateModule = await (args.template as Promise<typeof import('*.html')>);\r\n const markup = templateModule.default.toString();\r\n const fragment = document.createRange().createContextualFragment(markup);\r\n\r\n if (fragment.children.length === 1 && fragment.children[0].nodeName === 'TEMPLATE') {\r\n return (fragment.firstChild as HTMLTemplateElement).content;\r\n }\r\n return fragment;\r\n }\r\n\r\n private async getStyle(): Promise<string> {\r\n let css: string;\r\n\r\n if (args.style instanceof Promise) {\r\n const styleModule = await args.style;\r\n css = styleModule.default.toString();\r\n } else if (typeof args.style === 'string') {\r\n css = args.style;\r\n }\r\n\r\n return `${css ? `<style>${css}</style>` : ''}`\r\n }\r\n };\r\n\r\n if (!customElements.get(tag)) {\r\n customElements.define(tag, customElement);\r\n }\r\n\r\n return customElement;\r\n };\r\n};\r\n\r\n\r\n","import { CustomElementOptions } from \"./types\";\r\n\r\nexport abstract class CustomElement extends HTMLElement {\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected abstract setup(options?: CustomElementOptions): void;\r\n\r\n protected connect(selector: string): void {\r\n if (!this.isConnected) {\r\n document.querySelector(selector).appendChild(this);\r\n }\r\n }\r\n}\r\n","export const getElement = <T extends HTMLElement>(selector: string): T => {\r\n return document.querySelector(selector);\r\n};\r\n\r\nexport const getShadowRootElement = <T extends HTMLElement>(customElement: HTMLElement, selector: string): T => {\r\n return customElement.shadowRoot.querySelector(selector);\r\n};","export * from './component';\r\nexport * from './custom-element';\r\nexport * from './helpers';\r\nexport * from './listen';\r\nexport * from './prop';\r\nexport * from './toggle';\r\nexport * from './types';\r\nexport * from './watch';","import { toDotCase } from './util';\r\n\r\ninterface ListenerMetadata {\r\n eventName: string;\r\n handler: Function;\r\n selector?: string;\r\n}\r\n\r\ninterface CustomEventOptions {\r\n bubbles?: boolean;\r\n composed?: boolean;\r\n detail?: any;\r\n}\r\n\r\ninterface DispatchEmitter {\r\n emit(options?: CustomEventOptions): void;\r\n}\r\n\r\nconst Listen = (eventName: string, selector?: string) => {\r\n return (target: any, methodName: string) => {\r\n if (!target.constructor.listeners) {\r\n target.constructor.listeners = [];\r\n }\r\n target.constructor.listeners.push({ selector: selector, eventName: eventName, handler: target[methodName] });\r\n };\r\n};\r\n\r\nconst addEventListeners = (target: any) => {\r\n if (target.constructor.listeners) {\r\n const targetRoot: any = target.shadowRoot || target;\r\n for (const listener of target.constructor.listeners as Array<ListenerMetadata>) {\r\n const eventTarget = (listener.selector)\r\n ? targetRoot.querySelector(listener.selector)\r\n ? targetRoot.querySelector(listener.selector) : null\r\n : target;\r\n if (eventTarget) {\r\n eventTarget.addEventListener(listener.eventName, (e: CustomEvent) => {\r\n listener.handler.call(target, e);\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst Dispatch = (eventName?: string) => {\r\n return (target: HTMLElement, propertyName: string) => {\r\n function get() {\r\n const self: EventTarget = this as EventTarget;\r\n return {\r\n emit(options?: CustomEventOptions) {\r\n const evtName = (eventName) ? eventName : toDotCase(propertyName);\r\n self.dispatchEvent(new CustomEvent(evtName, options));\r\n }\r\n };\r\n }\r\n Object.defineProperty(target, propertyName, { get });\r\n };\r\n};\r\n\r\nexport { Listen, addEventListeners, DispatchEmitter, Dispatch, CustomEventOptions, ListenerMetadata };","import { toKebabCase, tryParseInt } from './util';\r\n\r\nexport const Prop = (): any => {\r\n return (target: any, propName: any) => {\r\n const attrName = toKebabCase(propName);\r\n function get() {\r\n if (this.props[propName]) {\r\n return this.props[propName];\r\n }\r\n return this.getAttribute(attrName);\r\n }\r\n function set(value: any) {\r\n if (this.__connected) {\r\n const oldValue = this.props[propName];\r\n this.props[propName] = tryParseInt(value);\r\n if (typeof value != 'object') {\r\n this.setAttribute(attrName, value);\r\n } else {\r\n this.onAttributeChange(attrName, oldValue, value, false);\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n\r\nconst getProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n const plainAttributes = { ...watchAttributes };\r\n Object.keys(plainAttributes).forEach(v => plainAttributes[v] = '');\r\n const cycleProps = { ...plainAttributes, ...target.constructor.propsInit };\r\n return Object.keys(cycleProps);\r\n};\r\n\r\nexport const initializeProps = (target: any) => {\r\n const watchAttributes = target.constructor.watchAttributes;\r\n for (let prop of getProps(target)) {\r\n if (watchAttributes) {\r\n if (watchAttributes[toKebabCase(prop)] == null) {\r\n watchAttributes[toKebabCase(prop)] = '';\r\n } else {\r\n const attribValue = target.props[prop] || target.getAttribute(toKebabCase(prop));\r\n if (typeof target[watchAttributes[prop]] == 'function') {\r\n target[watchAttributes[prop]]({ new: attribValue });\r\n }\r\n }\r\n }\r\n if (target.constructor.propsInit[prop]) {\r\n if (!target.hasAttribute(toKebabCase(prop))) {\r\n target[prop] = target.constructor.propsInit[prop];\r\n }\r\n }\r\n }\r\n};","import { toKebabCase } from './util';\r\n\r\nexport const Toggle = (): any => {\r\n return (target: any, propName: any) => {\r\n function get() {\r\n const getAttribute = (propName: string) => {\r\n if (this.hasAttribute(propName)) {\r\n const attrValue = this.getAttribute(propName);\r\n if (/^(true|false|^$)$/.test(attrValue)) {\r\n return attrValue == 'true' || attrValue == '';\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n return getAttribute(propName);\r\n }\r\n function set(value: any) {\r\n const oldValue = value;\r\n if (value != undefined) {\r\n switch (typeof value) {\r\n case 'boolean':\r\n break;\r\n case 'string':\r\n if (/^(true|false|^$)$/.test(value)) {\r\n value = oldValue == 'true' || oldValue == '';\r\n } else {\r\n console.warn(`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n value = false;\r\n }\r\n break;\r\n default:\r\n throw (`TypeError: Cannot set boolean toggle property '${propName}' to '${value}'`);\r\n }\r\n }\r\n if (this.__connected) {\r\n this.props[propName] = value || false;\r\n if (oldValue !== '' && oldValue !== null) {\r\n this.setAttribute(propName, value);\r\n } else {\r\n if (value) {\r\n this.setAttribute(propName, '');\r\n } else {\r\n this.removeAttribute(propName);\r\n }\r\n }\r\n } else {\r\n if (!this.hasAttribute(toKebabCase(propName))) {\r\n this.constructor.propsInit[propName] = value;\r\n }\r\n }\r\n }\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[propName] = null;\r\n Object.defineProperty(target, propName, { get, set });\r\n };\r\n};\r\n","export const toKebabCase = (str: string) => {\r\n return str\r\n .replace(/([a-z])([A-Z])/g, '$1-$2')\r\n .replace(/[\\s_]+/g, '-')\r\n .toLowerCase();\r\n};\r\n\r\nexport const toCamelCase = (str: string) => {\r\n return str\r\n .toLowerCase()\r\n .replace(/(\\-\\w)/g, (m) => m[1].toUpperCase());\r\n};\r\n\r\nexport const toDotCase = (str: string) => {\r\n return str.replace(/(?!^)([A-Z])/g, ' $1')\r\n .replace(/[_\\s]+(?=[a-zA-Z])/g, '.')\r\n .toLowerCase();\r\n};\r\n\r\nexport const tryParseInt = (value: any) => {\r\n return (parseInt(value) == value && parseFloat(value) !== NaN) ? parseInt(value) : value;\r\n};\r\n","import { toKebabCase } from './util';\r\n\r\nexport const Watch = (attrName: string) => {\r\n return (target: any, propertyName: string) => {\r\n if (!target.constructor.watchAttributes) {\r\n target.constructor.watchAttributes = {};\r\n }\r\n target.constructor.watchAttributes[toKebabCase(attrName)] = propertyName;\r\n if (!target.constructor.propsInit) {\r\n target.constructor.propsInit = {};\r\n }\r\n target.constructor.propsInit[attrName] = null;\r\n };\r\n};","export const getFocusableElementsInsideElement = (element: HTMLElement) => {\n return element.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\n};\n\nexport const 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 { Component, CustomElement, CustomElementOptions, Prop, getElement } from \"super-custom-elements\";\n\nlet navigationTabContentCounter = 0;\n\ninterface NavigationTabContentOptions extends CustomElementOptions {}\n\n@Component({\n tag: \"navigation-tab-content\",\n template: import(\"./navigation-tab-content.html\")\n})\nexport class NavigationTabContent extends CustomElement {\n private static readonly elementSelector = \"navigation-tab-content\";\n\n static get observedAttributes() {\n return [\"selected\"];\n }\n\n @Prop() id: string;\n\n constructor() {\n super();\n }\n\n setup(options?: NavigationTabContentOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.setAttribute(\"role\", \"tabpanel\");\n if (!this.id) {\n this.id = `navigation-tab-content-${navigationTabContentCounter++}`;\n }\n }\n\n disconnectedCallback() {}\n\n public static setup(selector: string, options: NavigationTabContentOptions) {\n const element = getElement<NavigationTabContent>(selector);\n }\n}\n","// Dependencies\nimport {\n Component, CustomElement, CustomElementOptions, Prop, Dispatch, DispatchEmitter,\n Listen, Watch, getElement, getShadowRootElement, Toggle\n} from 'super-custom-elements';\n\n// Helpers\nimport { addGlobalStylesheet } from \"../../../functions/guiHelpers\";\n\n// Stylesheets\nimport slottedStyles from \"./slottedStyles.scss\";\n\nlet navigationTabHeadingCounter = 0;\n\n\ninterface NavigationTabHeadingOptions extends CustomElementOptions {\n}\n\n@Component({\n tag: 'navigation-tab-heading',\n template: import('./navigation-tab-heading.html'),\n style: import('./navigation-tab-heading.scss')\n})\n\n\n\nexport class NavigationTabHeading extends CustomElement {\n private static readonly elementSelector = 'navigation-tab-heading';\n private tabHeadingElement: HTMLElement;\n\n @Prop() id: string;\n @Toggle() selected: boolean;\n\n constructor() {\n super();\n }\n\n setup(options?: NavigationTabHeadingOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.setAttribute('role', 'tab');\n if (!this.id) {\n this.id = `navigation-tab-heading-${navigationTabHeadingCounter++}`;\n }\n\n this.tabHeadingElement = getShadowRootElement(this, 'slot[name=tab-heading]');\n\n // Set a well-defined initial state.\n this.setAttribute('aria-selected', 'false');\n this.setAttribute('tabindex', '-1');\n this._upgradeProperty('selected');\n\n addGlobalStylesheet(\"navigation-tab-heading-styles\", slottedStyles);\n }\n\n _upgradeProperty(prop) {\n if (this.hasOwnProperty(prop)) {\n let value = this[prop];\n delete this[prop];\n this[prop] = value;\n }\n }\n\n @Watch('selected')\n selectedChanged() {\n this.selected ? this.setAttribute('aria-selected', '') : this.removeAttribute('aria-selected');\n this.selected ? this.tabHeadingElement.classList.add('selected') : this.tabHeadingElement.classList.remove('selected');\n this.setAttribute('tabindex', this.selected ? '0' : '-1');\n }\n\n public static setup(selector: string, options: NavigationTabHeadingOptions) {\n const element = getElement<NavigationTabHeading>(selector);\n }\n}","// Dependencies\nimport {\n Component,\n CustomElement,\n CustomElementOptions,\n Prop,\n Dispatch,\n DispatchEmitter,\n getElement,\n getShadowRootElement\n} from \"super-custom-elements\";\n\n// Components\nimport { NavigationTabHeading } from \"./navigation-tab-heading/navigation-tab-heading\";\nimport { NavigationTabContent } from \"./navigation-tab-content/navigation-tab-content\";\n\n\ninterface NavigationTabsOptions extends CustomElementOptions {\n active?: boolean;\n onClick?: () => void;\n}\n\ninterface TabHeadingElement extends HTMLElement {\n selected: boolean;\n}\n\ninterface TabContentElement extends HTMLElement {\n hidden: boolean;\n}\n\n@Component({\n tag: \"navigation-tabs\",\n template: import(\"./navigation-tabs.html\"),\n style: import(\"./navigation-tabs.scss\")\n})\nexport class NavigationTabs extends CustomElement {\n private static readonly elementSelector = \"navigation-tabs\";\n private tabHeadingSlot: TabHeadingElement;\n private tabContentSlot: TabContentElement;\n\n static get observedAttributes() {\n return [\"selected\"];\n }\n\n @Prop() id: string;\n @Prop() selectedtab: string;\n @Dispatch(\"onSearch\") onSearch: DispatchEmitter;\n\n constructor() {\n super();\n this.onSlotChange = this.onSlotChange.bind(this);\n }\n\n setup(options?: NavigationTabsOptions): void {\n this.connect(options.container);\n if (options.id) {\n this.id = options.id;\n }\n }\n\n connectedCallback() {\n this.tabHeadingSlot = getShadowRootElement(this, \"slot[name=tab-heading]\");\n this.tabContentSlot = getShadowRootElement(this, \"slot[name=tab-content]\");\n\n this.tabHeadingSlot.addEventListener(\"slotchange\", this.onSlotChange);\n this.tabContentSlot.addEventListener(\"slotchange\", this.onSlotChange);\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n this.addEventListener(\"click\", this._onClick);\n\n const navigationTabHeading = new NavigationTabHeading();\n const navigationTabContent = new NavigationTabContent();\n\n Promise.all([\n customElements.whenDefined(\"navigation-tab-heading\"),\n customElements.whenDefined(\"navigation-tab-content\")\n ]).then(() => {\n this.linkPanels();\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._onClick);\n }\n\n onSlotChange() {\n this.linkPanels();\n }\n\n linkPanels() {\n const tabHeadingElements: Array<TabHeadingElement> = this.getTabHeadingElements();\n // Give each panel a `aria-labelledby` attribute that refers to the tab\n // that controls it.\n tabHeadingElements.forEach((tabHeadingElement) => {\n const tabContentElement = tabHeadingElement.nextElementSibling;\n if (tabContentElement.tagName.toLowerCase() !== \"navigation-tab-content\") {\n console.error(\n `navigation-tab-heading #${tabHeadingElement.id} is not a` + `sibling of a <tab-navigation-content>`\n );\n return;\n }\n tabHeadingElement.setAttribute(\"aria-controls\", tabContentElement.id);\n tabContentElement.setAttribute(\"aria-labelledby\", tabHeadingElement.id);\n\n tabContentElement.setAttribute(\"id\", tabContentElement.id);\n\n let tabHeadingHtml = document.createElement(\"div\");\n tabHeadingHtml.innerHTML = tabHeadingElement.innerHTML;\n tabHeadingHtml.setAttribute(\"slot\", \"tab-heading\");\n tabHeadingElement.innerHTML = \"\";\n tabHeadingElement.appendChild(tabHeadingHtml);\n\n let tabContentHtml = document.createElement(\"div\");\n tabContentHtml.innerHTML = tabContentElement.innerHTML;\n tabContentHtml.setAttribute(\"slot\", \"tab-content\");\n tabContentElement.innerHTML = \"\";\n tabContentElement.appendChild(tabContentHtml);\n });\n\n // The element checks if any of the tabs have been marked as selected.\n // If not, the first tab is now selected.\n const selectedTabHeadingElement: TabHeadingElement =\n tabHeadingElements.find((tabHeadingElement: TabHeadingElement) => {\n return tabHeadingElement.selected;\n }) || tabHeadingElements[0];\n\n // Next, switch to the selected tab. `selectTab()` takes care of\n // marking all other tabs as deselected and hiding all other panels.\n this.setSelectTab(selectedTabHeadingElement);\n }\n\n setSelectTab(newTabHeading: TabHeadingElement) {\n // Deselect all tabs and hide all panels.\n this.reset();\n\n // Get the panel that the `newTab` is associated with.\n const newTabContent: TabContentElement = this.getTabContentForTabHeading(newTabHeading);\n\n // If that panel doesn’t exist, abort.\n if (!newTabContent) {\n throw new Error(`No tab-content-element with id ${newTabHeading.getAttribute(\"aria-controls\")}`);\n }\n newTabHeading.selected = true;\n newTabContent.hidden = false;\n }\n\n getTabHeadingElements() {\n const tabHeadingElements: Array<TabHeadingElement> = Array.from(\n this.querySelectorAll(\"navigation-tab-heading\")\n );\n return tabHeadingElements;\n }\n\n getTabContentElements() {\n const tabContentElements: Array<TabContentElement> = Array.from(\n this.querySelectorAll(\"navigation-tab-content\")\n );\n return tabContentElements;\n }\n\n getTabContentForTabHeading(tabHeadingElement) {\n const tabContentElementId = tabHeadingElement.getAttribute(\"aria-controls\");\n const tabContentElement: TabContentElement = this.querySelector(`#${tabContentElementId}`);\n return tabContentElement;\n }\n\n reset() {\n const tabHeadingElements: Array<TabHeadingElement> = this.getTabHeadingElements();\n const tabContentElements: Array<TabContentElement> = this.getTabContentElements();\n\n tabHeadingElements.forEach((tabHeadingElement) => (tabHeadingElement.selected = false));\n tabContentElements.forEach((tabContentElement) => (tabContentElement.hidden = true));\n }\n\n _onClick(event) {\n const clickedTabHeading = event.target.closest(\"navigation-tab-heading\");\n // If the click was not targeted on a tab element itself,\n // it was a click inside the a panel or on empty space. Nothing to do.\n if (!clickedTabHeading || clickedTabHeading.getAttribute(\"role\") !== \"tab\") {\n return;\n }\n // If it was on a tab element, though, select that tab.\n this.setSelectTab(clickedTabHeading);\n }\n\n public static setup(selector: string, options: NavigationTabsOptions) {\n const element = getElement<NavigationTabs>(selector);\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(6236);\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","navigationTabContentCounter","NavigationTabContent","setup","container","disconnectedCallback","elementSelector","navigationTabHeadingCounter","NavigationTabHeading","tabHeadingElement","_upgradeProperty","hasOwnProperty","selectedChanged","selected","classList","add","remove","NavigationTabs","onSlotChange","bind","tabHeadingSlot","tabContentSlot","_onClick","all","whenDefined","then","linkPanels","removeEventListener","tabHeadingElements","getTabHeadingElements","tabContentElement","nextElementSibling","tagName","error","tabHeadingHtml","tabContentHtml","selectedTabHeadingElement","find","setSelectTab","newTabHeading","reset","newTabContent","getTabContentForTabHeading","Error","hidden","Array","from","getTabContentElements","tabContentElementId","tabContentElements","event","clickedTabHeading","closest","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","enumerable","obj","r","Symbol","toStringTag"],"sourceRoot":""}
package/SearchTypeSelector.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.geonorge=t():(e.geonorge=e.geonorge||{},e.geonorge.SearchTypeSelector=t())}(self,(()=>(()=>{"use strict";var e={164:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<e.length;l++){var d=[].concat(e[l]);r&&s[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},169:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Dispatch=t.addEventListeners=t.Listen=void 0;const r=n(2466);t.Listen=(e,t)=>(n,r)=>{n.constructor.listeners||(n.constructor.listeners=[]),n.constructor.listeners.push({selector:t,eventName:e,handler:n[r]})},t.addEventListeners=e=>{if(e.constructor.listeners){const t=e.shadowRoot||e;for(const n of e.constructor.listeners){const r=n.selector?t.querySelector(n.selector)?t.querySelector(n.selector):null:e;r&&r.addEventListener(n.eventName,(t=>{n.handler.call(e,t)}))}}},t.Dispatch=e=>(t,n)=>{Object.defineProperty(t,n,{get:function(){const t=this;return{emit(o){const a=e||r.toDotCase(n);t.dispatchEvent(new CustomEvent(a,o))}}}})}},1063:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Watch=void 0;const r=n(2466);t.Watch=e=>(t,n)=>{t.constructor.watchAttributes||(t.constructor.watchAttributes={}),t.constructor.watchAttributes[r.toKebabCase(e)]=n,t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null}},2466:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.tryParseInt=t.toDotCase=t.toCamelCase=t.toKebabCase=void 0,t.toKebabCase=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),t.toCamelCase=e=>e.toLowerCase().replace(/(\-\w)/g,(e=>e[1].toUpperCase())),t.toDotCase=e=>e.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),t.tryParseInt=e=>parseInt(e)==e&&NaN!==parseFloat(e)?parseInt(e):e},3128:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(8631),t),o(n(3704),t),o(n(3365),t),o(n(169),t),o(n(6999),t),o(n(3982),t),o(n(8861),t),o(n(1063),t)},3365:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getShadowRootElement=t.getElement=void 0,t.getElement=e=>document.querySelector(e),t.getShadowRootElement=(e,t)=>e.shadowRoot.querySelector(t)},3704:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CustomElement=void 0;class n extends HTMLElement{constructor(){super()}connect(e){this.isConnected||document.querySelector(e).appendChild(this)}}t.CustomElement=n},3982:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toggle=void 0;const r=n(2466);t.Toggle=()=>(e,t)=>{e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return(e=>{if(this.hasAttribute(e)){const t=this.getAttribute(e);return!!/^(true|false|^$)$/.test(t)&&("true"==t||""==t)}return!1})(t)},set:function(e){const n=e;if(null!=e)switch(typeof e){case"boolean":break;case"string":/^(true|false|^$)$/.test(e)?e="true"==n||""==n:(console.warn(`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`),e=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`}this.__connected?(this.props[t]=e||!1,""!==n&&null!==n?this.setAttribute(t,e):e?this.setAttribute(t,""):this.removeAttribute(t)):this.hasAttribute(r.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})}},5052:e=>{e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(o," */");return[t].concat([a]).join("\n")}return[t].join("\n")}},6417:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__decorate||function(e,t,n,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);return a>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&o(t,e,n[s]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.SearchTypeSelector=void 0;const c=n(3128);let l=class extends c.CustomElement{constructor(){super(),this.handleSearchTypeOnChange=this.handleSearchTypeOnChange.bind(this)}setup(e){this.connect(e.container),e.id&&(this.id=e.id)}connectedCallback(){this.searchTypeSelector=(0,c.getShadowRootElement)(this,"#search-type-selector"),this.metadataNameElement=(0,c.getShadowRootElement)(this,"#search-type-metadata-name"),this.metadataCounterElement=(0,c.getShadowRootElement)(this,"#search-type-metadata-counter"),this.articleNameElement=(0,c.getShadowRootElement)(this,"#search-type-article-name"),this.articleCounterElement=(0,c.getShadowRootElement)(this,"#search-type-article-counter"),this.searchTypeSelector.querySelectorAll("input[name=search-type]").forEach((e=>{e.onchange=this.handleSearchTypeOnChange})),this.searchTypeSelector.querySelector(`input[value=${this.searchtype}]`)}disconnectedCallback(){}updateNameElements(e){this.metadataNameElement.innerHTML="en"===e?"Map catalog":"Kartkatalogen",this.articleNameElement.innerHTML="en"===e?"Articles":"Artikler"}handleSearchTypeOnChange(e){if(this.onSearchTypeChange){const t=e.composedPath()[0];this.onSearchTypeChange.emit({detail:{value:t.value}})}}languageChanged(){this.updateNameElements(this.language)}metadataResultsFoundChanged(){this.metadataCounterElement.innerHTML=this.metadataresultsfound}articlesResultsFoundChanged(){this.articleCounterElement.innerHTML=this.articlesresultsfound}searchTypeChanged(){const e=this.searchTypeSelector.querySelector(`input[value=${this.searchtype}]`);e&&(e.checked=!0)}static setup(e,t){(0,c.getElement)(e)}};t.SearchTypeSelector=l,l.elementSelector="search-type-selector",s([(0,c.Prop)()],l.prototype,"id",void 0),s([(0,c.Prop)()],l.prototype,"metadataresultsfound",void 0),s([(0,c.Prop)()],l.prototype,"articlesresultsfound",void 0),s([(0,c.Prop)()],l.prototype,"language",void 0),s([(0,c.Prop)()],l.prototype,"searchtype",void 0),s([(0,c.Dispatch)("onSearchTypeChange")],l.prototype,"onSearchTypeChange",void 0),s([(0,c.Watch)("language")],l.prototype,"languageChanged",null),s([(0,c.Watch)("metadataresultsfound")],l.prototype,"metadataResultsFoundChanged",null),s([(0,c.Watch)("articlesresultsfound")],l.prototype,"articlesResultsFoundChanged",null),s([(0,c.Watch)("searchtype")],l.prototype,"searchTypeChanged",null),t.SearchTypeSelector=l=s([(0,c.Component)({tag:"search-type-selector",template:Promise.resolve().then((()=>i(n(9575)))),style:Promise.resolve().then((()=>i(n(9545))))})],l)},6999:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initializeProps=t.Prop=void 0;const r=n(2466);t.Prop=()=>(e,t)=>{const n=r.toKebabCase(t);e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return this.props[t]?this.props[t]:this.getAttribute(n)},set:function(e){if(this.__connected){const o=this.props[t];this.props[t]=r.tryParseInt(e),"object"!=typeof e?this.setAttribute(n,e):this.onAttributeChange(n,o,e,!1)}else this.hasAttribute(r.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})},t.initializeProps=e=>{const t=e.constructor.watchAttributes;for(let n of(e=>{const t=e.constructor.watchAttributes,n=Object.assign({},t);Object.keys(n).forEach((e=>n[e]=""));const r=Object.assign(Object.assign({},n),e.constructor.propsInit);return Object.keys(r)})(e)){if(t)if(null==t[r.toKebabCase(n)])t[r.toKebabCase(n)]="";else{const o=e.props[n]||e.getAttribute(r.toKebabCase(n));"function"==typeof e[t[n]]&&e[t[n]]({new:o})}e.constructor.propsInit[n]&&(e.hasAttribute(r.toKebabCase(n))||(e[n]=e.constructor.propsInit[n]))}}},8631:function(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,a){function s(e){try{c(r.next(e))}catch(e){a(e)}}function i(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,i)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;const o=n(169),a=n(6999),s=n(2466);t.Component=e=>t=>{var n;const i=e.tag||s.toKebabCase(t.prototype.constructor.name),c=((n=class extends t{constructor(){super(),this.props={},this.showShadowRoot=null==e.shadow||e.shadow,!this.shadowRoot&&this.showShadowRoot&&this.attachShadow({mode:"open"})}static get observedAttributes(){return Object.keys(this.propsInit||{}).map((e=>s.toKebabCase(e)))}attributeChangedCallback(e,t,n){this.onAttributeChange(e,t,n)}onAttributeChange(e,t,n,r=!0){if(t!=n){r&&(this[s.toCamelCase(e)]=n);const o=this.constructor.watchAttributes;if(o&&o[e]){const r=o[e];this.__connected&&"function"==typeof this[r]&&this[r]({old:t,new:n})}}}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return r(this,void 0,void 0,(function*(){yield this.render(),e.connectedCallback&&e.connectedCallback.call(this),this.__connected=!0,o.addEventListeners(this),a.initializeProps(this)}))}render(){return r(this,void 0,void 0,(function*(){if(this.__connected)return;const t=document.createElement("template");t.innerHTML=yield this.getStyle(),e.template instanceof Promise?t.content.appendChild(yield this.getExternalTemplate()):"string"==typeof e.template&&(t.innerHTML+=e.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(t.content.cloneNode(!0))}))}getExternalTemplate(){return r(this,void 0,void 0,(function*(){const t=(yield e.template).default.toString(),n=document.createRange().createContextualFragment(t);return 1===n.children.length&&"TEMPLATE"===n.children[0].nodeName?n.firstChild.content:n}))}getStyle(){return r(this,void 0,void 0,(function*(){let t;return e.style instanceof Promise?t=(yield e.style).default.toString():"string"==typeof e.style&&(t=e.style),t?`<style>${t}</style>`:""}))}}).__connected=!1,n.ready=new Promise(((e,t)=>e(!0))),n);return customElements.get(i)||customElements.define(i,c),c}},8861:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},9545:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var r=n(5052),o=n.n(r),a=n(164),s=n.n(a)()(o());s.push([e.id,'div.search-type-selector{width:235px;display:none}@media(min-width: 37.5em){div.search-type-selector{display:block}}div.search-type-selector label{font-size:14px;display:block;cursor:pointer;height:18px;font-weight:normal}div.search-type-selector label .search-type-counter{font-size:.9em}div.search-type-selector label .search-type-counter::before{content:"("}div.search-type-selector label .search-type-counter::after{content:")"}div.search-type-selector input[type=radio]{-webkit-border-radius:50%;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;width:16px;height:16px;border:2px solid #7d746d;transform:translateY(-0.075em);display:inline-grid;place-content:center}div.search-type-selector input[type=radio]::before{-webkit-border-radius:50%;border-radius:50%;content:"";width:8px;height:8px;transform:scale(0);transition:120ms transform ease-in-out}div.search-type-selector input[type=radio]:checked{border-color:#3767c7}div.search-type-selector input[type=radio]:checked::before{transform:scale(1);background-color:#3767c7}div.search-type-selector input[type=radio]:focus-visible{outline:max(2px,.1em) solid #3767c7;outline-offset:max(2px,.1em)}',"",{version:3,sources:["webpack://./stories/main-navigation/search-type-selector/search-type-selector.scss","webpack://./style/mixins/_breakpoints.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/mixins/_appearance.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAKA,yBACI,WAAA,CACA,YAAA,CCSI,0BDXR,yBAIQ,aAAA,CAAA,CAEJ,+BACI,cAAA,CACA,aAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,oDACI,cAAA,CACA,4DACI,WAAA,CAEJ,2DACI,WAAA,CAIZ,2CE1BF,yBF2B2C,CE1B3C,iBF0B2C,CG3BzC,uBH4BmC,CG3BnC,oBH2BmC,CG1BnC,eH0BmC,CAC/B,QAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,8BAAA,CACA,mBAAA,CACA,oBAAA,CAGJ,mDExCF,yBFyC2C,CExC3C,iBFwC2C,CACrC,UAAA,CACA,SAAA,CACA,UAAA,CACA,kBAAA,CACA,sCAAA,CAGJ,mDACI,oBIpCO,CJqCP,2DACI,kBAAA,CACA,wBIvCG,CJ2CX,yDACI,mCAAA,CACA,4BAAA",sourcesContent:['@use "../../../style/mixins/appearance";\n@use "../../../style/mixins/border-radius";\n@use "../../../style/mixins/breakpoints";\n@use "../../../style/variables/colors";\n\ndiv.search-type-selector {\n width: 235px;\n display: none;\n @include breakpoints.breakpoint(phablet) {\n display: block;\n }\n label {\n font-size: 14px;\n display: block;\n cursor: pointer;\n height: 18px;\n font-weight: normal;\n .search-type-counter {\n font-size: 0.9em;\n &::before {\n content: "(";\n }\n &::after {\n content: ")";\n }\n }\n }\n input[type="radio"] {\n @include border-radius.border-radius(50%);\n @include appearance.appearance(none);\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 16px;\n height: 16px;\n border: 2px solid rgb(125, 116, 109);\n transform: translateY(-0.075em);\n display: inline-grid;\n place-content: center;\n }\n\n input[type="radio"]::before {\n @include border-radius.border-radius(50%);\n content: "";\n width: 8px;\n height: 8px;\n transform: scale(0);\n transition: 120ms transform ease-in-out;\n }\n\n input[type="radio"]:checked {\n border-color: colors.$primary-text;\n &::before {\n transform: scale(1);\n background-color: colors.$primary-text;\n }\n }\n\n input[type="radio"]:focus-visible {\n outline: max(2px, 0.1em) solid colors.$primary-text;\n outline-offset: max(2px, 0.1em);\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 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}","\ufeff@mixin appearance ($value) {\n -webkit-appearance: $value;\n -moz-appearance: $value;\n appearance: $value;\n}\n","$body-background: #ffffff;\n$navigation-bar-background: #f7f7f7;\n$hover-background: rgba(0,0,0,.05);\n$default-border: #d8d8d8;\n\n$default-background: #eee;\n$default-background-hover: #ddd;\n$default-text:#2F3940;\n\n$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 i=s},9575:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});const r='<template>\n <div id="search-type-selector" class="search-type-selector">\n <label for="search-type-metadata">\n <input name="search-type" type="radio" id="search-type-metadata" value="metadata" />\n <span id="search-type-metadata-name">Kartkatalogen</span>\n <span id="search-type-metadata-counter" class="search-type-counter"></span>\n </label>\n <label for="search-type-article">\n <input name="search-type" type="radio" id="search-type-article" value="articles" />\n <span id="search-type-article-name">Artikler</span>\n <span id="search-type-article-counter" class="search-type-counter"></span>\n </label>\n </div>\n</template>'}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(6417)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.geonorge=t():(e.geonorge=e.geonorge||{},e.geonorge.SearchTypeSelector=t())}(self,(()=>(()=>{"use strict";var e={9545(e,t,n){n.r(t),n.d(t,{default:()=>i});var r=n(5052),o=n.n(r),a=n(164),s=n.n(a)()(o());s.push([e.id,'div.search-type-selector{width:235px;display:none}@media(min-width: 37.5em){div.search-type-selector{display:block}}div.search-type-selector label{font-size:14px;display:block;cursor:pointer;height:18px;font-weight:normal}div.search-type-selector label .search-type-counter{font-size:.9em}div.search-type-selector label .search-type-counter::before{content:"("}div.search-type-selector label .search-type-counter::after{content:")"}div.search-type-selector input[type=radio]{-webkit-border-radius:50%;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;width:16px;height:16px;border:2px solid #7d746d;transform:translateY(-0.075em);display:inline-grid;place-content:center}div.search-type-selector input[type=radio]::before{-webkit-border-radius:50%;border-radius:50%;content:"";width:8px;height:8px;transform:scale(0);transition:120ms transform ease-in-out}div.search-type-selector input[type=radio]:checked{border-color:#3767c7}div.search-type-selector input[type=radio]:checked::before{transform:scale(1);background-color:#3767c7}div.search-type-selector input[type=radio]:focus-visible{outline:max(2px,.1em) solid #3767c7;outline-offset:max(2px,.1em)}',"",{version:3,sources:["webpack://./stories/main-navigation/search-type-selector/search-type-selector.scss","webpack://./style/mixins/_breakpoints.scss","webpack://./style/mixins/_border-radius.scss","webpack://./style/mixins/_appearance.scss","webpack://./style/variables/_colors.scss"],names:[],mappings:"AAKA,yBACI,WAAA,CACA,YAAA,CCSI,0BDXR,yBAIQ,aAAA,CAAA,CAEJ,+BACI,cAAA,CACA,aAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,oDACI,cAAA,CACA,4DACI,WAAA,CAEJ,2DACI,WAAA,CAIZ,2CE1BF,yBF2B2C,CE1B3C,iBF0B2C,CG3BzC,uBH4BmC,CG3BnC,oBH2BmC,CG1BnC,eH0BmC,CAC/B,QAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,8BAAA,CACA,mBAAA,CACA,oBAAA,CAGJ,mDExCF,yBFyC2C,CExC3C,iBFwC2C,CACrC,UAAA,CACA,SAAA,CACA,UAAA,CACA,kBAAA,CACA,sCAAA,CAGJ,mDACI,oBIpCO,CJqCP,2DACI,kBAAA,CACA,wBIvCG,CJ2CX,yDACI,mCAAA,CACA,4BAAA",sourcesContent:['@use "../../../style/mixins/appearance";\n@use "../../../style/mixins/border-radius";\n@use "../../../style/mixins/breakpoints";\n@use "../../../style/variables/colors";\n\ndiv.search-type-selector {\n width: 235px;\n display: none;\n @include breakpoints.breakpoint(phablet) {\n display: block;\n }\n label {\n font-size: 14px;\n display: block;\n cursor: pointer;\n height: 18px;\n font-weight: normal;\n .search-type-counter {\n font-size: 0.9em;\n &::before {\n content: "(";\n }\n &::after {\n content: ")";\n }\n }\n }\n input[type="radio"] {\n @include border-radius.border-radius(50%);\n @include appearance.appearance(none);\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 16px;\n height: 16px;\n border: 2px solid rgb(125, 116, 109);\n transform: translateY(-0.075em);\n display: inline-grid;\n place-content: center;\n }\n\n input[type="radio"]::before {\n @include border-radius.border-radius(50%);\n content: "";\n width: 8px;\n height: 8px;\n transform: scale(0);\n transition: 120ms transform ease-in-out;\n }\n\n input[type="radio"]:checked {\n border-color: colors.$primary-text;\n &::before {\n transform: scale(1);\n background-color: colors.$primary-text;\n }\n }\n\n input[type="radio"]:focus-visible {\n outline: max(2px, 0.1em) solid colors.$primary-text;\n outline-offset: max(2px, 0.1em);\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 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}","\ufeff@mixin appearance ($value) {\n -webkit-appearance: $value;\n -moz-appearance: $value;\n appearance: $value;\n}\n","$body-background: #ffffff;\n$navigation-bar-background: #f7f7f7;\n$hover-background: rgba(0,0,0,.05);\n$default-border: #d8d8d8;\n\n$default-background: #eee;\n$default-background-hover: #ddd;\n$default-text:#2F3940;\n\n$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 i=s},9575(e,t,n){n.r(t),n.d(t,{default:()=>r});const r='<template>\n <div id="search-type-selector" class="search-type-selector">\n <label for="search-type-metadata">\n <input name="search-type" type="radio" id="search-type-metadata" value="metadata" />\n <span id="search-type-metadata-name">Kartkatalogen</span>\n <span id="search-type-metadata-counter" class="search-type-counter"></span>\n </label>\n <label for="search-type-article">\n <input name="search-type" type="radio" id="search-type-article" value="articles" />\n <span id="search-type-article-name">Artikler</span>\n <span id="search-type-article-counter" class="search-type-counter"></span>\n </label>\n </div>\n</template>'},164(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<e.length;l++){var d=[].concat(e[l]);r&&s[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},5052(e){e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(o," */");return[t].concat([a]).join("\n")}return[t].join("\n")}},8631(e,t,n){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,a){function s(e){try{c(r.next(e))}catch(e){a(e)}}function i(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,i)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;const o=n(169),a=n(6999),s=n(2466);t.Component=e=>t=>{var n;const i=e.tag||s.toKebabCase(t.prototype.constructor.name),c=((n=class extends t{constructor(){super(),this.props={},this.showShadowRoot=null==e.shadow||e.shadow,!this.shadowRoot&&this.showShadowRoot&&this.attachShadow({mode:"open"})}static get observedAttributes(){return Object.keys(this.propsInit||{}).map((e=>s.toKebabCase(e)))}attributeChangedCallback(e,t,n){this.onAttributeChange(e,t,n)}onAttributeChange(e,t,n,r=!0){if(t!=n){r&&(this[s.toCamelCase(e)]=n);const o=this.constructor.watchAttributes;if(o&&o[e]){const r=o[e];this.__connected&&"function"==typeof this[r]&&this[r]({old:t,new:n})}}}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return r(this,void 0,void 0,(function*(){yield this.render(),e.connectedCallback&&e.connectedCallback.call(this),this.__connected=!0,o.addEventListeners(this),a.initializeProps(this)}))}render(){return r(this,void 0,void 0,(function*(){if(this.__connected)return;const t=document.createElement("template");t.innerHTML=yield this.getStyle(),e.template instanceof Promise?t.content.appendChild(yield this.getExternalTemplate()):"string"==typeof e.template&&(t.innerHTML+=e.template),(this.showShadowRoot?this.shadowRoot:this).appendChild(t.content.cloneNode(!0))}))}getExternalTemplate(){return r(this,void 0,void 0,(function*(){const t=(yield e.template).default.toString(),n=document.createRange().createContextualFragment(t);return 1===n.children.length&&"TEMPLATE"===n.children[0].nodeName?n.firstChild.content:n}))}getStyle(){return r(this,void 0,void 0,(function*(){let t;return e.style instanceof Promise?t=(yield e.style).default.toString():"string"==typeof e.style&&(t=e.style),t?`<style>${t}</style>`:""}))}}).__connected=!1,n.ready=new Promise(((e,t)=>e(!0))),n);return customElements.get(i)||customElements.define(i,c),c}},3704(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.CustomElement=void 0;class n extends HTMLElement{constructor(){super()}connect(e){this.isConnected||document.querySelector(e).appendChild(this)}}t.CustomElement=n},3365(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getShadowRootElement=t.getElement=void 0,t.getElement=e=>document.querySelector(e),t.getShadowRootElement=(e,t)=>e.shadowRoot.querySelector(t)},3128(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(8631),t),o(n(3704),t),o(n(3365),t),o(n(169),t),o(n(6999),t),o(n(3982),t),o(n(8861),t),o(n(1063),t)},169(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.Dispatch=t.addEventListeners=t.Listen=void 0;const r=n(2466);t.Listen=(e,t)=>(n,r)=>{n.constructor.listeners||(n.constructor.listeners=[]),n.constructor.listeners.push({selector:t,eventName:e,handler:n[r]})},t.addEventListeners=e=>{if(e.constructor.listeners){const t=e.shadowRoot||e;for(const n of e.constructor.listeners){const r=n.selector?t.querySelector(n.selector)?t.querySelector(n.selector):null:e;r&&r.addEventListener(n.eventName,(t=>{n.handler.call(e,t)}))}}},t.Dispatch=e=>(t,n)=>{Object.defineProperty(t,n,{get:function(){const t=this;return{emit(o){const a=e||r.toDotCase(n);t.dispatchEvent(new CustomEvent(a,o))}}}})}},6999(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.initializeProps=t.Prop=void 0;const r=n(2466);t.Prop=()=>(e,t)=>{const n=r.toKebabCase(t);e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return this.props[t]?this.props[t]:this.getAttribute(n)},set:function(e){if(this.__connected){const o=this.props[t];this.props[t]=r.tryParseInt(e),"object"!=typeof e?this.setAttribute(n,e):this.onAttributeChange(n,o,e,!1)}else this.hasAttribute(r.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})},t.initializeProps=e=>{const t=e.constructor.watchAttributes;for(let n of(e=>{const t=e.constructor.watchAttributes,n=Object.assign({},t);Object.keys(n).forEach((e=>n[e]=""));const r=Object.assign(Object.assign({},n),e.constructor.propsInit);return Object.keys(r)})(e)){if(t)if(null==t[r.toKebabCase(n)])t[r.toKebabCase(n)]="";else{const o=e.props[n]||e.getAttribute(r.toKebabCase(n));"function"==typeof e[t[n]]&&e[t[n]]({new:o})}e.constructor.propsInit[n]&&(e.hasAttribute(r.toKebabCase(n))||(e[n]=e.constructor.propsInit[n]))}}},3982(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.Toggle=void 0;const r=n(2466);t.Toggle=()=>(e,t)=>{e.constructor.propsInit||(e.constructor.propsInit={}),e.constructor.propsInit[t]=null,Object.defineProperty(e,t,{get:function(){return(e=>{if(this.hasAttribute(e)){const t=this.getAttribute(e);return!!/^(true|false|^$)$/.test(t)&&("true"==t||""==t)}return!1})(t)},set:function(e){const n=e;if(null!=e)switch(typeof e){case"boolean":break;case"string":/^(true|false|^$)$/.test(e)?e="true"==n||""==n:(console.warn(`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`),e=!1);break;default:throw`TypeError: Cannot set boolean toggle property '${t}' to '${e}'`}this.__connected?(this.props[t]=e||!1,""!==n&&null!==n?this.setAttribute(t,e):e?this.setAttribute(t,""):this.removeAttribute(t)):this.hasAttribute(r.toKebabCase(t))||(this.constructor.propsInit[t]=e)}})}},8861(e,t){Object.defineProperty(t,"__esModule",{value:!0})},2466(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.tryParseInt=t.toDotCase=t.toCamelCase=t.toKebabCase=void 0,t.toKebabCase=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),t.toCamelCase=e=>e.toLowerCase().replace(/(\-\w)/g,(e=>e[1].toUpperCase())),t.toDotCase=e=>e.replace(/(?!^)([A-Z])/g," $1").replace(/[_\s]+(?=[a-zA-Z])/g,".").toLowerCase(),t.tryParseInt=e=>parseInt(e)==e&&NaN!==parseFloat(e)?parseInt(e):e},1063(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.Watch=void 0;const r=n(2466);t.Watch=e=>(t,n)=>{t.constructor.watchAttributes||(t.constructor.watchAttributes={}),t.constructor.watchAttributes[r.toKebabCase(e)]=n,t.constructor.propsInit||(t.constructor.propsInit={}),t.constructor.propsInit[e]=null}},6417(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__decorate||function(e,t,n,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);return a>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&o(t,e,n[s]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.SearchTypeSelector=void 0;const c=n(3128);let l=class extends c.CustomElement{constructor(){super(),this.handleSearchTypeOnChange=this.handleSearchTypeOnChange.bind(this)}setup(e){this.connect(e.container),e.id&&(this.id=e.id)}connectedCallback(){this.searchTypeSelector=(0,c.getShadowRootElement)(this,"#search-type-selector"),this.metadataNameElement=(0,c.getShadowRootElement)(this,"#search-type-metadata-name"),this.metadataCounterElement=(0,c.getShadowRootElement)(this,"#search-type-metadata-counter"),this.articleNameElement=(0,c.getShadowRootElement)(this,"#search-type-article-name"),this.articleCounterElement=(0,c.getShadowRootElement)(this,"#search-type-article-counter"),this.searchTypeSelector.querySelectorAll("input[name=search-type]").forEach((e=>{e.onchange=this.handleSearchTypeOnChange})),this.searchTypeSelector.querySelector(`input[value=${this.searchtype}]`)}disconnectedCallback(){}updateNameElements(e){this.metadataNameElement.innerHTML="en"===e?"Map catalog":"Kartkatalogen",this.articleNameElement.innerHTML="en"===e?"Articles":"Artikler"}handleSearchTypeOnChange(e){if(this.onSearchTypeChange){const t=e.composedPath()[0];this.onSearchTypeChange.emit({detail:{value:t.value}})}}languageChanged(){this.updateNameElements(this.language)}metadataResultsFoundChanged(){this.metadataCounterElement.innerHTML=this.metadataresultsfound}articlesResultsFoundChanged(){this.articleCounterElement.innerHTML=this.articlesresultsfound}searchTypeChanged(){const e=this.searchTypeSelector.querySelector(`input[value=${this.searchtype}]`);e&&(e.checked=!0)}static setup(e,t){(0,c.getElement)(e)}};t.SearchTypeSelector=l,l.elementSelector="search-type-selector",s([(0,c.Prop)()],l.prototype,"id",void 0),s([(0,c.Prop)()],l.prototype,"metadataresultsfound",void 0),s([(0,c.Prop)()],l.prototype,"articlesresultsfound",void 0),s([(0,c.Prop)()],l.prototype,"language",void 0),s([(0,c.Prop)()],l.prototype,"searchtype",void 0),s([(0,c.Dispatch)("onSearchTypeChange")],l.prototype,"onSearchTypeChange",void 0),s([(0,c.Watch)("language")],l.prototype,"languageChanged",null),s([(0,c.Watch)("metadataresultsfound")],l.prototype,"metadataResultsFoundChanged",null),s([(0,c.Watch)("articlesresultsfound")],l.prototype,"articlesResultsFoundChanged",null),s([(0,c.Watch)("searchtype")],l.prototype,"searchTypeChanged",null),t.SearchTypeSelector=l=s([(0,c.Component)({tag:"search-type-selector",template:Promise.resolve().then((()=>i(n(9575)))),style:Promise.resolve().then((()=>i(n(9545))))})],l)}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(6417)})()));
2
2
  //# sourceMappingURL=SearchTypeSelector.js.map