@govtechsg/sgds-web-component 0.0.4 → 0.0.6
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.
- package/Button/index.d.ts +1 -1
- package/Button/index.js +93 -21
- package/Button/index.js.map +1 -1
- package/Button/sgds-button.d.ts +23 -0
- package/Footer/index.d.ts +2 -2
- package/Footer/index.js +24 -15
- package/Footer/index.js.map +1 -1
- package/Footer/{footer-element.d.ts → sgds-footer.d.ts} +3 -3
- package/Mainnav/index.d.ts +3 -0
- package/{MainNav → Mainnav}/index.js +63 -35
- package/Mainnav/index.js.map +1 -0
- package/{MainNav → Mainnav}/package.json +1 -1
- package/{MainNav/mainnav-item.d.ts → Mainnav/sgds-mainnav-item.d.ts} +2 -2
- package/Mainnav/sgds-mainnav.d.ts +21 -0
- package/Masthead/index.d.ts +1 -1
- package/Masthead/index.js +17 -8
- package/Masthead/index.js.map +1 -1
- package/Masthead/{masthead-element.d.ts → sgds-masthead.d.ts} +3 -3
- package/Sidenav/index.d.ts +3 -0
- package/{SideNav → Sidenav}/index.js +35 -31
- package/Sidenav/index.js.map +1 -0
- package/{SideNav → Sidenav}/package.json +1 -1
- package/{SideNav/sidenav-item.d.ts → Sidenav/sgds-sidenav-item.d.ts} +2 -2
- package/{SideNav/sidenav-link.d.ts → Sidenav/sgds-sidenav-link.d.ts} +2 -2
- package/{SideNav/sidenav-element.d.ts → Sidenav/sgds-sidenav.d.ts} +2 -2
- package/index.d.ts +2 -2
- package/index.js +2310 -2222
- package/index.js.map +1 -1
- package/package.json +1 -2
- package/umd/index.js +2312 -2224
- package/umd/index.js.map +1 -1
- package/utils/breakpoints.d.ts +5 -0
- package/utils/sgds-element.d.ts +5 -0
- package/Button/button-element.d.ts +0 -8
- package/MainNav/index.d.ts +0 -2
- package/MainNav/index.js.map +0 -1
- package/MainNav/mainnav-element.d.ts +0 -27
- package/SideNav/index.d.ts +0 -3
- package/SideNav/index.js.map +0 -1
|
@@ -25,26 +25,26 @@ function __decorate(decorators, target, key, desc) {
|
|
|
25
25
|
* Copyright 2019 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
27
|
*/
|
|
28
|
-
const t$3=window,e$7=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$
|
|
28
|
+
const t$3=window,e$7=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),n$6=new WeakMap;class o$5{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$4)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$7&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$6.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$6.set(s,t));}return t}toString(){return this.cssText}}const r$3=t=>new o$5("string"==typeof t?t:t+"",void 0,s$4),i$3=(t,...e)=>{const n=1===t.length?t[0]:e.reduce(((e,s,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[n+1]),t[0]);return new o$5(n,t,s$4)},S$1=(s,n)=>{e$7?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t$3.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c$2=e$7?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
|
|
29
29
|
|
|
30
30
|
/**
|
|
31
31
|
* @license
|
|
32
32
|
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
-
*/var s$
|
|
34
|
+
*/var s$3;const e$6=window,r$2=e$6.trustedTypes,h$3=r$2?r$2.emptyScript:"",o$4=e$6.reactiveElementPolyfillSupport,n$5={toAttribute(t,i){switch(i){case Boolean:t=t?h$3:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},a$1=(t,i)=>i!==t&&(i==i||t==t),l$3={attribute:!0,type:String,converter:n$5,reflect:!1,hasChanged:a$1};class d$1 extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;null!==(i=this.h)&&void 0!==i||(this.h=[]),this.h.push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$3){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$3}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(c$2(i));}else void 0!==i&&s.push(c$2(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$3){var e;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const h=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:n$5).toAttribute(i,s.type);this._$El=t,null==h?this.removeAttribute(r):this.setAttribute(r,h),this._$El=null;}}_$AK(t,i){var s;const e=this.constructor,r=e._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=e.getPropertyOptions(r),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:n$5;this._$El=r,this[r]=h.fromAttribute(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}}d$1.finalized=!0,d$1.elementProperties=new Map,d$1.elementStyles=[],d$1.shadowRootOptions={mode:"open"},null==o$4||o$4({ReactiveElement:d$1}),(null!==(s$3=e$6.reactiveElementVersions)&&void 0!==s$3?s$3:e$6.reactiveElementVersions=[]).push("1.4.1");
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
* @license
|
|
38
38
|
* Copyright 2017 Google LLC
|
|
39
39
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
40
40
|
*/
|
|
41
|
-
var t$2;const i$2=window,s$
|
|
41
|
+
var t$2;const i$2=window,s$2=i$2.trustedTypes,e$5=s$2?s$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$3=`lit$${(Math.random()+"").slice(9)}$`,n$4="?"+o$3,l$2=`<${n$4}>`,h$2=document,r$1=(t="")=>h$2.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c$1=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new S(i.insertBefore(r$1(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l},E=h$2.createTreeWalker(h$2,129,null,!1),C=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l$2:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o$3+y):s+o$3+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e$5?e$5.createHTML(u):u,n]};class P{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=C(t,i);if(this.el=P.createElement(v,e),E.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=E.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o$3)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o$3),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?R:"?"===i[1]?H:"@"===i[1]?I:M});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o$3),i=t.length-1;if(i>0){l.textContent=s$2?s$2.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r$1()),E.nextNode(),c.push({type:2,index:++h});l.append(t[i],r$1());}}}else if(8===l.nodeType)if(l.data===n$4)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o$3,t+1));)c.push({type:7,index:h}),t+=o$3.length-1;}h++;}}static createElement(t,i){const s=h$2.createElement("template");return s.innerHTML=t,s}}function V(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Cl)||void 0===o?void 0:o[e]:s._$Cu;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Cl)&&void 0!==l?l:h._$Cl=[])[e]=r:s._$Cu=r),void 0!==r&&(i=V(t,r._$AS(t,i.values),r,e)),i}class N{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h$2).importNode(s,!0);E.currentNode=o;let n=E.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new S(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new L(n,this,t)),this.v.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=E.nextNode(),l++);}return o}m(t){let i=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class S{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$C_=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$C_}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=V(this,t,i),d(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):c$1(t)?this.O(t):this.$(t);}S(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t));}$(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.k(h$2.createTextNode(t)),this._$AH=t;}T(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=P.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.m(s);else {const t=new N(o,this),i=t.p(this.options);t.m(s),this.k(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new P(t)),i}O(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new S(this.S(r$1()),this.S(r$1()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$C_=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class M{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=V(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=V(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.P(t);}P(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class R extends M{constructor(){super(...arguments),this.type=3;}P(t){this.element[this.name]=t===b?void 0:t;}}const k=s$2?s$2.emptyScript:"";class H extends M{constructor(){super(...arguments),this.type=4;}P(t){t&&t!==b?this.element.setAttribute(this.name,k):this.element.removeAttribute(this.name);}}class I extends M{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=V(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t);}}const Z=i$2.litHtmlPolyfillSupport;null==Z||Z(P,S),(null!==(t$2=i$2.litHtmlVersions)&&void 0!==t$2?t$2:i$2.litHtmlVersions=[]).push("2.3.1");
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/var l$1,o$2;class s$
|
|
47
|
+
*/var l$1,o$2;class s$1 extends d$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=A(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return x}}s$1.finalized=!0,s$1._$litElement$=!0,null===(l$1=globalThis.litElementHydrateSupport)||void 0===l$1||l$1.call(globalThis,{LitElement:s$1});const n$3=globalThis.litElementPolyfillSupport;null==n$3||n$3({LitElement:s$1});(null!==(o$2=globalThis.litElementVersions)&&void 0!==o$2?o$2:globalThis.litElementVersions=[]).push("3.2.2");
|
|
48
48
|
|
|
49
49
|
/**
|
|
50
50
|
* @license
|
|
@@ -13498,7 +13498,7 @@ const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e
|
|
|
13498
13498
|
* @license
|
|
13499
13499
|
* Copyright 2017 Google LLC
|
|
13500
13500
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13501
|
-
*/const s
|
|
13501
|
+
*/const s=(i,t)=>{var e,o;const r=i._$AN;if(void 0===r)return !1;for(const i of r)null===(o=(e=i)._$AO)||void 0===o||o.call(e,t,!1),s(i,t);return !0},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===(null==e?void 0:e.size))},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),l(t);}};function n$1(i){void 0!==this._$AN?(o$1(this),this._$AM=i,r(this)):this._$AM=i;}function h$1(i,t=!1,e=0){const r=this._$AH,n=this._$AN;if(void 0!==n&&0!==n.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o$1(r[i]);else null!=r&&(s(r,!1),o$1(r));else s(this,i);}const l=i=>{var t$1,s,o,r;i.type==t.CHILD&&(null!==(t$1=(o=i)._$AP)&&void 0!==t$1||(o._$AP=h$1),null!==(s=(r=i)._$AQ)&&void 0!==s||(r._$AQ=n$1));};class c extends i{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU;}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?null===(e=this.reconnected)||void 0===e||e.call(this):null===(r=this.disconnected)||void 0===r||r.call(this)),t&&(s(this,i),o$1(this));}setValue(t){if(e$2(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
|
|
13502
13502
|
|
|
13503
13503
|
/**
|
|
13504
13504
|
* @license
|
|
@@ -13510,13 +13510,21 @@ function genId (componentName = '', elementName = '') {
|
|
|
13510
13510
|
return `id-${Math.random().toString().substring(2, 6)}-sgds-${componentName}-${elementName}`;
|
|
13511
13511
|
}
|
|
13512
13512
|
|
|
13513
|
-
class
|
|
13513
|
+
class SgdsElement extends s$1 {
|
|
13514
|
+
/** Emits a custom event with more convenient defaults. */
|
|
13515
|
+
emit(name, options) {
|
|
13516
|
+
const event = new CustomEvent(name, Object.assign({ bubbles: true, cancelable: false, composed: true, detail: {} }, options));
|
|
13517
|
+
this.dispatchEvent(event);
|
|
13518
|
+
return event;
|
|
13519
|
+
}
|
|
13520
|
+
}
|
|
13514
13521
|
|
|
13515
13522
|
const SM_BREAKPOINT = 576;
|
|
13516
13523
|
const MD_BREAKPOINT = 768;
|
|
13517
13524
|
const LG_BREAKPOINT = 992;
|
|
13518
13525
|
const XL_BREAKPOINT = 1200;
|
|
13519
|
-
const XXL_BREAKPOINT = 1400;
|
|
13526
|
+
const XXL_BREAKPOINT = 1400;
|
|
13527
|
+
|
|
13520
13528
|
const SIZES = {
|
|
13521
13529
|
sm: SM_BREAKPOINT,
|
|
13522
13530
|
md: MD_BREAKPOINT,
|
|
@@ -13524,23 +13532,28 @@ const SIZES = {
|
|
|
13524
13532
|
xl: XL_BREAKPOINT,
|
|
13525
13533
|
XXL: XXL_BREAKPOINT,
|
|
13526
13534
|
never: Infinity,
|
|
13527
|
-
always:
|
|
13535
|
+
always: -1,
|
|
13528
13536
|
};
|
|
13529
|
-
let
|
|
13537
|
+
let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
13530
13538
|
constructor() {
|
|
13531
13539
|
super();
|
|
13532
13540
|
this.myCollapse = e();
|
|
13533
13541
|
this.bsCollapse = null;
|
|
13534
|
-
// TODO: stylings and slots are incomplete for offcanvas mode
|
|
13542
|
+
// TODO: stylings and slots are incomplete for offcanvas mode
|
|
13535
13543
|
this.myOffcanvas = e();
|
|
13536
13544
|
this.bsOffcanvas = null;
|
|
13537
13545
|
this.brandHref = "";
|
|
13538
13546
|
this.collapseId = genId("mainnav", "collapse");
|
|
13539
13547
|
this.expand = "lg";
|
|
13540
|
-
this.expanded = false;
|
|
13541
13548
|
this.mode = "default";
|
|
13542
|
-
|
|
13543
|
-
this.
|
|
13549
|
+
this.breakpointReached = false;
|
|
13550
|
+
this.expanded = false;
|
|
13551
|
+
window.addEventListener("resize", () => {
|
|
13552
|
+
const newBreakpointReachedValue = window.innerWidth < SIZES[this.expand.toString()];
|
|
13553
|
+
if (newBreakpointReachedValue !== this.breakpointReached) {
|
|
13554
|
+
this.requestUpdate();
|
|
13555
|
+
}
|
|
13556
|
+
});
|
|
13544
13557
|
}
|
|
13545
13558
|
_onClickButton() {
|
|
13546
13559
|
if (this.mode === "offcanvas") {
|
|
@@ -13577,9 +13590,9 @@ let MainNavElement = class MainNavElement extends s$2 {
|
|
|
13577
13590
|
}
|
|
13578
13591
|
}
|
|
13579
13592
|
render() {
|
|
13580
|
-
|
|
13593
|
+
this.breakpointReached = window.innerWidth < SIZES[this.expand.toString()];
|
|
13581
13594
|
const collapseClass = "collapse navbar-collapse order-4";
|
|
13582
|
-
const offcanvasClass = "offcanvas offcanvas-start";
|
|
13595
|
+
const offcanvasClass = "offcanvas offcanvas-start order-4";
|
|
13583
13596
|
return y `
|
|
13584
13597
|
<nav
|
|
13585
13598
|
class="sgds navbar navbar-light
|
|
@@ -13590,7 +13603,7 @@ let MainNavElement = class MainNavElement extends s$2 {
|
|
|
13590
13603
|
</a>
|
|
13591
13604
|
<slot
|
|
13592
13605
|
name="non-collapsible"
|
|
13593
|
-
class="${breakpointReached ? "order-2" : "order-5"}"
|
|
13606
|
+
class="${this.breakpointReached ? "order-2" : "order-5"}"
|
|
13594
13607
|
></slot>
|
|
13595
13608
|
<button
|
|
13596
13609
|
class="navbar-toggler order-3"
|
|
@@ -13600,7 +13613,19 @@ let MainNavElement = class MainNavElement extends s$2 {
|
|
|
13600
13613
|
aria-expanded="${this.expanded}"
|
|
13601
13614
|
aria-label="Toggle navigation"
|
|
13602
13615
|
>
|
|
13603
|
-
<
|
|
13616
|
+
<svg
|
|
13617
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13618
|
+
width="30"
|
|
13619
|
+
height="30"
|
|
13620
|
+
fill="currentColor"
|
|
13621
|
+
class="bi bi-list"
|
|
13622
|
+
viewBox="0 0 16 16"
|
|
13623
|
+
>
|
|
13624
|
+
<path
|
|
13625
|
+
fill-rule="evenodd"
|
|
13626
|
+
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
|
|
13627
|
+
/>
|
|
13628
|
+
</svg>
|
|
13604
13629
|
</button>
|
|
13605
13630
|
<div
|
|
13606
13631
|
class=${this.mode === "default" ? collapseClass : offcanvasClass}
|
|
@@ -13627,25 +13652,28 @@ let MainNavElement = class MainNavElement extends s$2 {
|
|
|
13627
13652
|
}
|
|
13628
13653
|
}
|
|
13629
13654
|
};
|
|
13630
|
-
|
|
13655
|
+
SgdsMainnav.styles = css_248z$1;
|
|
13631
13656
|
__decorate([
|
|
13632
13657
|
e$3({ type: String })
|
|
13633
|
-
],
|
|
13658
|
+
], SgdsMainnav.prototype, "brandHref", void 0);
|
|
13634
13659
|
__decorate([
|
|
13635
13660
|
e$3({ type: String })
|
|
13636
|
-
],
|
|
13661
|
+
], SgdsMainnav.prototype, "collapseId", void 0);
|
|
13637
13662
|
__decorate([
|
|
13638
13663
|
e$3()
|
|
13639
|
-
],
|
|
13664
|
+
], SgdsMainnav.prototype, "expand", void 0);
|
|
13665
|
+
__decorate([
|
|
13666
|
+
e$3({ type: String })
|
|
13667
|
+
], SgdsMainnav.prototype, "mode", void 0);
|
|
13640
13668
|
__decorate([
|
|
13641
13669
|
t$1()
|
|
13642
|
-
],
|
|
13670
|
+
], SgdsMainnav.prototype, "breakpointReached", void 0);
|
|
13643
13671
|
__decorate([
|
|
13644
|
-
|
|
13645
|
-
],
|
|
13646
|
-
|
|
13647
|
-
e$4("mainnav
|
|
13648
|
-
],
|
|
13672
|
+
t$1()
|
|
13673
|
+
], SgdsMainnav.prototype, "expanded", void 0);
|
|
13674
|
+
SgdsMainnav = __decorate([
|
|
13675
|
+
e$4("sgds-mainnav")
|
|
13676
|
+
], SgdsMainnav);
|
|
13649
13677
|
|
|
13650
13678
|
var css_248z = i$3`@charset "UTF-8";
|
|
13651
13679
|
:root {
|
|
@@ -19895,7 +19923,7 @@ a.nav-link.active, a.nav-link:hover {
|
|
|
19895
19923
|
border-color: var(--mainnav-item-theme-color);
|
|
19896
19924
|
}`;
|
|
19897
19925
|
|
|
19898
|
-
let
|
|
19926
|
+
let SgdsMainnavItem = class SgdsMainnavItem extends SgdsElement {
|
|
19899
19927
|
constructor() {
|
|
19900
19928
|
super(...arguments);
|
|
19901
19929
|
this.active = false;
|
|
@@ -19911,16 +19939,16 @@ let MainNavItem = class MainNavItem extends s$2 {
|
|
|
19911
19939
|
`;
|
|
19912
19940
|
}
|
|
19913
19941
|
};
|
|
19914
|
-
|
|
19942
|
+
SgdsMainnavItem.styles = css_248z;
|
|
19915
19943
|
__decorate([
|
|
19916
19944
|
e$3({ type: Boolean })
|
|
19917
|
-
],
|
|
19945
|
+
], SgdsMainnavItem.prototype, "active", void 0);
|
|
19918
19946
|
__decorate([
|
|
19919
19947
|
e$3({ type: String })
|
|
19920
|
-
],
|
|
19921
|
-
|
|
19922
|
-
e$4("mainnav-item")
|
|
19923
|
-
],
|
|
19948
|
+
], SgdsMainnavItem.prototype, "href", void 0);
|
|
19949
|
+
SgdsMainnavItem = __decorate([
|
|
19950
|
+
e$4("sgds-mainnav-item")
|
|
19951
|
+
], SgdsMainnavItem);
|
|
19924
19952
|
|
|
19925
|
-
export {
|
|
19953
|
+
export { SgdsMainnav, SgdsMainnavItem };
|
|
19926
19954
|
//# sourceMappingURL=index.js.map
|