@htmlbricks/offcanvas-component/release/offcanvas.js

Svelte Boostrap Offcanvas

var offcanvas=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function i(t){t.forEach(e)}function o(t){return"function"==typeof t}function r(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let a,s;function l(t,e){return a||(a=document.createElement("a")),a.href=e,t===a.href}function c(t,e){t.appendChild(e)}function d(t,e,n){t.insertBefore(e,n||null)}function p(t){t.parentNode.removeChild(t)}function f(t){return document.createElement(t)}function m(t){return document.createTextNode(t)}function u(){return m(" ")}function h(){return m("")}function g(t,e,n,i){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n,i)}function b(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function y(t,e,n){e in t?t[e]="boolean"==typeof t[e]&&""===n||n:b(t,e,n)}function x(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}function w(t,e,n,i){t.style.setProperty(e,n,i?"important":"")}function v(t){const e={};for(const n of t)e[n.name]=n.value;return e}function $(t){s=t}function k(){if(!s)throw new Error("Function called outside component initialization");return s}function E(){const t=k();return(e,n)=>{const i=t.$$.callbacks[e];if(i){const o=function(t,e,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(t,n,!1,e),i}(e,n);i.slice().forEach((e=>{e.call(t,o)}))}}}const _=[],S=[],N=[],C=[],M=Promise.resolve();let O=!1;function z(t){N.push(t)}const j=new Set;let J=0;function L(){const t=s;do{for(;J<_.length;){const t=_[J];J++,$(t),T(t.$$)}for($(null),_.length=0,J=0;S.length;)S.pop()();for(let t=0;t<N.length;t+=1){const e=N[t];j.has(e)||(j.add(e),e())}N.length=0}while(_.length);for(;C.length;)C.pop()();O=!1,j.clear(),$(t)}function T(t){if(null!==t.fragment){t.update(),i(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(z)}}const A=new Set;function R(t,e){t&&t.i&&(A.delete(t),t.i(e))}const H="undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;function I(t,e){t.d(1),e.delete(t.key)}function U(t,e,n,i,o,r,a,s,l,c,d,p){let f=t.length,m=r.length,u=f;const h={};for(;u--;)h[t[u].key]=u;const g=[],b=new Map,y=new Map;for(u=m;u--;){const t=p(o,r,u),s=n(t);let l=a.get(s);l?i&&l.p(t,e):(l=c(s,t),l.c()),b.set(s,g[u]=l),s in h&&y.set(s,Math.abs(u-h[s]))}const x=new Set,w=new Set;function v(t){R(t,1),t.m(s,d),a.set(t.key,t),d=t.first,m--}for(;f&&m;){const e=g[m-1],n=t[f-1],i=e.key,o=n.key;e===n?(d=e.first,f--,m--):b.has(o)?!a.has(i)||x.has(i)?v(e):w.has(o)?f--:y.get(i)>y.get(o)?(w.add(i),v(e)):(x.add(o),f--):(l(n,a),f--)}for(;f--;){const e=t[f];b.has(e.key)||l(e,a)}for(;m;)v(g[m-1]);return g}function F(t,e){-1===t.$$.dirty[0]&&(_.push(t),O||(O=!0,M.then(L)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function X(r,a,l,c,d,f,m,u=[-1]){const h=s;$(r);const g=r.$$={fragment:null,ctx:null,props:f,update:t,not_equal:d,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(a.context||(h?h.$$.context:[])),callbacks:n(),dirty:u,skip_bound:!1,root:a.target||h.$$.root};m&&m(g.root);let b=!1;if(g.ctx=l?l(r,a.props||{},((t,e,...n)=>{const i=n.length?n[0]:e;return g.ctx&&d(g.ctx[t],g.ctx[t]=i)&&(!g.skip_bound&&g.bound[t]&&g.bound[t](i),b&&F(r,t)),e})):[],g.update(),b=!0,i(g.before_update),g.fragment=!!c&&c(g.ctx),a.target){if(a.hydrate){const t=function(t){return Array.from(t.childNodes)}(a.target);g.fragment&&g.fragment.l(t),t.forEach(p)}else g.fragment&&g.fragment.c();a.intro&&R(r.$$.fragment),function(t,n,r,a){const{fragment:s,on_mount:l,on_destroy:c,after_update:d}=t.$$;s&&s.m(n,r),a||z((()=>{const n=l.map(e).filter(o);c?c.push(...n):i(n),t.$$.on_mount=[]})),d.forEach(z)}(r,a.target,a.anchor,a.customElement),L()}$(h)}let B;"function"==typeof HTMLElement&&(B=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(o);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,e,n){this[t]=n}disconnectedCallback(){i(this.$$.on_disconnect)}$destroy(){!function(t,e){const n=t.$$;null!==n.fragment&&(i(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});var P="0.2.4";const{document:q}=H;function W(t,e,n){const i=t.slice();return i[26]=e[n],i}function D(t,e,n){const i=t.slice();return i[29]=e[n],i}function G(t,e,n){const i=t.slice();return i[26]=e[n],i}function K(t,e,n){const i=t.slice();return i[29]=e[n],i}function Q(t,e,n){const i=t.slice();return i[29]=e[n],i}function V(t){let e,n;return{c(){e=f("img"),w(e,"height","40px"),w(e,"margin-right","10px"),l(e.src,n=t[2])||b(e,"src",n),b(e,"alt","")},m(t,n){d(t,e,n)},p(t,i){4&i[0]&&!l(e.src,n=t[2])&&b(e,"src",n)},d(t){t&&p(e)}}}function Y(t){let e,n=[],i=new Map,o=t[6].filter(ct);const r=t=>t[29].key;for(let e=0;e<o.length;e+=1){let a=Q(t,o,e),s=r(a);i.set(s,n[e]=Z(s,a))}return{c(){for(let t=0;t<n.length;t+=1)n[t].c();e=h()},m(t,i){for(let e=0;e<n.length;e+=1)n[e].m(t,i);d(t,e,i)},p(t,a){322&a[0]&&(o=t[6].filter(ct),n=U(n,a,r,1,t,o,i,e.parentNode,I,Z,e,Q))},d(t){for(let e=0;e<n.length;e+=1)n[e].d(t);t&&p(e)}}}function Z(t,e){let n,i,o,r;return{key:t,first:null,c(){n=f("sidenavlink-component"),y(n,"navlink",i=JSON.stringify(e[29])),y(n,"navpage",e[1]),this.first=n},m(t,i){d(t,n,i),o||(r=g(n,"pagechange",e[14]),o=!0)},p(t,o){e=t,64&o[0]&&i!==(i=JSON.stringify(e[29]))&&y(n,"navlink",i),2&o[0]&&y(n,"navpage",e[1])},d(t){t&&p(n),o=!1,r()}}}function tt(t){let e,n=[],i=new Map,o=t[7];const r=t=>t[26].key;for(let e=0;e<o.length;e+=1){let a=G(t,o,e),s=r(a);i.set(s,n[e]=nt(s,a))}return{c(){for(let t=0;t<n.length;t+=1)n[t].c();e=h()},m(t,i){for(let e=0;e<n.length;e+=1)n[e].m(t,i);d(t,e,i)},p(t,a){450&a[0]&&(o=t[7],n=U(n,a,r,1,t,o,i,e.parentNode,I,nt,e,G))},d(t){for(let e=0;e<n.length;e+=1)n[e].d(t);t&&p(e)}}}function et(t,e){let n,i,o,r;return{key:t,first:null,c(){n=f("sidenavlink-component"),y(n,"navlink",i=JSON.stringify(e[29])),y(n,"navpage",e[1]),this.first=n},m(t,i){d(t,n,i),o||(r=g(n,"pagechange",e[16]),o=!0)},p(t,o){e=t,192&o[0]&&i!==(i=JSON.stringify(e[29]))&&y(n,"navlink",i),2&o[0]&&y(n,"navpage",e[1])},d(t){t&&p(n),o=!1,r()}}}function nt(t,e){let n,i,o,r,a,s,l=e[26].label+"",g=[],b=new Map;function y(...t){return e[15](e[26],...t)}let v=e[6].filter(y);const $=t=>t[29].key;for(let t=0;t<v.length;t+=1){let n=K(e,v,t),i=$(n);b.set(i,g[t]=et(i,n))}return{key:t,first:null,c(){n=f("h5"),i=m(l),o=u(),r=f("hr"),a=u();for(let t=0;t<g.length;t+=1)g[t].c();s=h(),w(n,"margin-top","40px"),w(r,"margin-top","0px"),w(r,"margin-bottom","10px"),this.first=n},m(t,e){d(t,n,e),c(n,i),d(t,o,e),d(t,r,e),d(t,a,e);for(let n=0;n<g.length;n+=1)g[n].m(t,e);d(t,s,e)},p(t,n){e=t,128&n[0]&&l!==(l=e[26].label+"")&&x(i,l),450&n[0]&&(v=e[6].filter(y),g=U(g,n,$,1,e,v,b,s.parentNode,I,et,s,K))},d(t){t&&p(n),t&&p(o),t&&p(r),t&&p(a);for(let e=0;e<g.length;e+=1)g[e].d(t);t&&p(s)}}}function it(t,e){let n,i,o,r;return{key:t,first:null,c(){n=f("sidenavlink-component"),y(n,"navlink",i=JSON.stringify(e[29])),y(n,"navpage",e[1]),this.first=n},m(t,i){d(t,n,i),o||(r=g(n,"pagechange",e[19]),o=!0)},p(t,o){e=t,192&o[0]&&i!==(i=JSON.stringify(e[29]))&&y(n,"navlink",i),2&o[0]&&y(n,"navpage",e[1])},d(t){t&&p(n),o=!1,r()}}}function ot(t,e){let n,i,o,r,a,s,l=e[26]+"",g=[],b=new Map;function y(...t){return e[18](e[26],...t)}let v=e[6].filter(y);const $=t=>t[29].key;for(let t=0;t<v.length;t+=1){let n=D(e,v,t),i=$(n);b.set(i,g[t]=it(i,n))}return{key:t,first:null,c(){n=f("h5"),i=m(l),o=u(),r=f("hr"),a=u();for(let t=0;t<g.length;t+=1)g[t].c();s=h(),w(n,"margin-top","40px"),w(r,"margin-top","0px"),w(r,"margin-bottom","10px"),this.first=n},m(t,e){d(t,n,e),c(n,i),d(t,o,e),d(t,r,e),d(t,a,e);for(let n=0;n<g.length;n+=1)g[n].m(t,e);d(t,s,e)},p(t,n){e=t,192&n[0]&&l!==(l=e[26]+"")&&x(i,l),450&n[0]&&(v=e[6].filter(y),g=U(g,n,$,1,e,v,b,s.parentNode,I,it,s,D))},d(t){t&&p(n),t&&p(o),t&&p(r),t&&p(a);for(let e=0;e<g.length;e+=1)g[e].d(t);t&&p(s)}}}function rt(t){let e,n,i;return{c(){e=f("hr"),n=u(),i=f("slot"),i.textContent="footer",b(i,"name","footer")},m(t,o){d(t,e,o),d(t,n,o),d(t,i,o)},d(t){t&&p(e),t&&p(n),t&&p(i)}}}function at(t){let e,n,i,o,r;return{c(){e=f("div"),b(e,"class",n="modal-backdrop fade "+(t[0]?"show":"")),b(e,"style",i="z-index:1040; "+(t[0]?"":"visibility:hidden"))},m(n,i){d(n,e,i),o||(r=g(e,"click",t[20]),o=!0)},p(t,o){1&o[0]&&n!==(n="modal-backdrop fade "+(t[0]?"show":""))&&b(e,"class",n),1&o[0]&&i!==(i="z-index:1040; "+(t[0]?"":"visibility:hidden"))&&b(e,"style",i)},d(t){t&&p(e),o=!1,r()}}}function st(e){let n,i,o,r,a,s,l,h,g,y,v,$,k,E,_,S,N,C,M,O=e[6]?.length&&e[6].filter(lt)?.length,z=[],j=new Map,J=e[2]&&V(e),L=O&&Y(e),T=e[7]?.length&&tt(e),A=e[6].filter(e[17]).map(dt).filter(pt);const R=t=>t[26];for(let t=0;t<A.length;t+=1){let n=W(e,A,t),i=R(n);j.set(i,z[t]=ot(i,n))}let H=e[4]&&rt(),F="autohide"===e[5]&&at(e);return{c(){n=f("link"),i=u(),o=f("div"),r=f("slot"),a=u(),s=f("div"),l=f("div"),h=f("h4"),g=f("slot"),y=f("div"),J&&J.c(),v=u(),$=m(e[3]),k=u(),E=f("ul"),L&&L.c(),_=u(),T&&T.c(),S=u();for(let t=0;t<z.length;t+=1)z[t].c();N=u(),H&&H.c(),M=u(),F&&F.c(),this.c=t,b(n,"rel","stylesheet"),b(n,"href","https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"),b(r,"name","test"),w(y,"margin-top","10px"),b(g,"name","header"),b(g,"part","header"),b(h,"class","offcanvas-title"),b(E,"class","nav nav-pills flex-column mb-auto"),w(E,"margin-top","25px"),b(l,"class","d-flex flex-column flex-shrink-0 p-3 bg-light"),w(l,"min-height","100vh"),w(l,"padding-top","0px",1),b(s,"class","offcanvas offcanvas-start show"),b(s,"tabindex","-1"),b(s,"aria-labelledby","offcanvasExampleLabel"),b(s,"style",C="visibility: visible; "+(e[0]?"transform:none!important":"transform:translateX(-100%)!important;")),b(o,"id","webcomponent")},m(t,e){c(q.head,n),d(t,i,e),d(t,o,e),c(o,r),c(o,a),c(o,s),c(s,l),c(l,h),c(h,g),c(g,y),J&&J.m(y,null),c(y,v),c(y,$),c(l,k),c(l,E),L&&L.m(E,null),c(E,_),T&&T.m(E,null),c(E,S);for(let t=0;t<z.length;t+=1)z[t].m(E,null);c(l,N),H&&H.m(l,null),c(o,M),F&&F.m(o,null)},p(t,e){t[2]?J?J.p(t,e):(J=V(t),J.c(),J.m(y,v)):J&&(J.d(1),J=null),8&e[0]&&x($,t[3]),64&e[0]&&(O=t[6]?.length&&t[6].filter(lt)?.length),O?L?L.p(t,e):(L=Y(t),L.c(),L.m(E,_)):L&&(L.d(1),L=null),t[7]?.length?T?T.p(t,e):(T=tt(t),T.c(),T.m(E,S)):T&&(T.d(1),T=null),450&e[0]&&(A=t[6].filter(t[17]).map(dt).filter(pt),z=U(z,e,R,1,t,A,j,E,I,ot,null,W)),t[4]?H||(H=rt(),H.c(),H.m(l,null)):H&&(H.d(1),H=null),1&e[0]&&C!==(C="visibility: visible; "+(t[0]?"transform:none!important":"transform:translateX(-100%)!important;"))&&b(s,"style",C),"autohide"===t[5]?F?F.p(t,e):(F=at(t),F.c(),F.m(o,null)):F&&(F.d(1),F=null)},i:t,o:t,d(t){p(n),t&&p(i),t&&p(o),J&&J.d(),L&&L.d(),T&&T.d();for(let t=0;t<z.length;t+=1)z[t].d();H&&H.d(),F&&F.d()}}}const lt=t=>!t.group,ct=t=>!t.group,dt=t=>t.group,pt=(t,e,n)=>n.indexOf(t)===e;function ft(t,e,n){let i,o,{id:r}=e,{opened:a}=e,{navlinks:s}=e,{navpage:l}=e,{groups:c}=e,{companylogouri:d}=e,{companytitle:p}=e,{enablefooter:f}=e,{type:m}=e,u=[];const h=k(),g=E();function b(t,e){g(t,e),h.dispatchEvent&&h.dispatchEvent(new CustomEvent(t,{detail:e}))}function y(t){console.log(t),b("pagechange",{page:t}),x(!1)}function x(t){n(0,a=t),n(13,o=!1),b("offcanvasswitch",{isOpen:a})}!function(t,e,n,i){if(!document.getElementById(n)){const o=document.createElement("script");o.id=n,o.src=`https://cdn.jsdelivr.net/npm/@htmlbricks/${t}@${P}/release/${e}`,i&&location.href.includes("localhost")&&(o.src=`http://localhost:6006/${i}/dist/${e}`),document.head.appendChild(o)}}("sidenavlink-component","sidenavlink.js","sidenavlinkscript","sidenavlink");return t.$$set=t=>{"id"in t&&n(10,r=t.id),"opened"in t&&n(0,a=t.opened),"navlinks"in t&&n(11,s=t.navlinks),"navpage"in t&&n(1,l=t.navpage),"groups"in t&&n(12,c=t.groups),"companylogouri"in t&&n(2,d=t.companylogouri),"companytitle"in t&&n(3,p=t.companytitle),"enablefooter"in t&&n(4,f=t.enablefooter),"type"in t&&n(5,m=t.type)},t.$$.update=()=>{if(15423&t.$$.dirty[0]){r||n(10,r=null),m||n(5,m="autohide"),d||n(2,d="https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"),p||n(3,p="company"),f||n(4,f=!1),a&&"no"!==a?(n(0,a=!0),o||b("offcanvasswitch",{isOpen:a}),n(13,o=!0)):n(0,a=!1),l||n(1,l="home");try{if(c?n(7,u=JSON.parse(c)):(n(12,c=null),n(7,u=[])),s)try{n(6,i=JSON.parse(s))}catch(t){}else n(6,i=[]),n(11,s=null)}catch(t){}}},[a,l,d,p,f,m,i,u,y,x,r,s,c,o,t=>y(t.detail.page),(t,e)=>e.group&&e.group===t.key,t=>y(t.detail.page),t=>t.group&&(!u||!u.length||!u.map((t=>t.key)).includes(t.group)),(t,e)=>e.group&&e.group===t,t=>y(t.detail.page),()=>x(!1)]}class mt extends B{constructor(t){super(),this.shadowRoot.innerHTML='<style>@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css");:host{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#07689f;--bs-secondary:#c9d6df;--bs-success:#11d3bc;--bs-info:#a2d5f2;--bs-warning:#ff7e67;--bs-danger:#f67280;--bs-light:#fafafa;--bs-dark:#4e4e4e;--bs-primary-rgb:7, 104, 159;--bs-secondary-rgb:201, 214, 223;--bs-success-rgb:17, 211, 188;--bs-info-rgb:162, 213, 242;--bs-warning-rgb:255, 126, 103;--bs-danger-rgb:246, 114, 128;--bs-light-rgb:250, 250, 250;--bs-dark-rgb:78, 78, 78;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:33, 37, 41;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:host{scroll-behavior:smooth}}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:0.25}hr:not([size]){height:1px}h5,h4{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(min-width: 1200px){}h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}img{vertical-align:middle}::-moz-focus-inner{padding:0;border-style:none}@media(min-width: 1200px){}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(min-width: 1200px){}@media(prefers-reduced-motion: reduce){}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}@media(prefers-reduced-motion: reduce){}@media(prefers-reduced-motion: reduce){}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:0.5}@media(min-width: 576px){}@media(min-width: 992px){}@media(min-width: 1200px){}@media(max-width: 575.98px){}@media(max-width: 767.98px){}@media(max-width: 991.98px){}@media(max-width: 1199.98px){}@media(max-width: 1399.98px){}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform 0.3s ease-in-out}@media(prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0, 0, 0, 0.2);transform:translateX(-100%)}.offcanvas.show{transform:none}@media(min-width: 576px){}@media(min-width: 768px){}@media(min-width: 992px){}@media(min-width: 1200px){}@media(min-width: 1400px){}.d-flex{display:flex !important}.flex-column{flex-direction:column !important}.flex-shrink-0{flex-shrink:0 !important}.mb-auto{margin-bottom:auto !important}.p-3{padding:1rem !important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}@media(min-width: 576px){}@media(min-width: 768px){}@media(min-width: 992px){}@media(min-width: 1200px){}@media(min-width: 1400px){}@media(min-width: 1200px){}@media print{}#webcomponent{font-family:"Roboto", sans-serif;min-height:100vh;min-height:-webkit-fill-available}@media(min-width: 768px){}.offcanvas-start{width:240px}</style>',X(this,{target:this.shadowRoot,props:v(this.attributes),customElement:!0},ft,st,r,{id:10,opened:0,navlinks:11,navpage:1,groups:12,companylogouri:2,companytitle:3,enablefooter:4,type:5},null,[-1,-1]),t&&(t.target&&d(t.target,this,t.anchor),t.props&&(this.$set(t.props),L()))}static get observedAttributes(){return["id","opened","navlinks","navpage","groups","companylogouri","companytitle","enablefooter","type"]}get id(){return this.$$.ctx[10]}set id(t){this.$$set({id:t}),L()}get opened(){return this.$$.ctx[0]}set opened(t){this.$$set({opened:t}),L()}get navlinks(){return this.$$.ctx[11]}set navlinks(t){this.$$set({navlinks:t}),L()}get navpage(){return this.$$.ctx[1]}set navpage(t){this.$$set({navpage:t}),L()}get groups(){return this.$$.ctx[12]}set groups(t){this.$$set({groups:t}),L()}get companylogouri(){return this.$$.ctx[2]}set companylogouri(t){this.$$set({companylogouri:t}),L()}get companytitle(){return this.$$.ctx[3]}set companytitle(t){this.$$set({companytitle:t}),L()}get enablefooter(){return this.$$.ctx[4]}set enablefooter(t){this.$$set({enablefooter:t}),L()}get type(){return this.$$.ctx[5]}set type(t){this.$$set({type:t}),L()}}return customElements.define("offcanvas-component",mt),mt}();
//# sourceMappingURL=offcanvas.js.map