Deploying to gh-pages from @ 39edede 🚀

assets/Banner-8f2Kx6MH.js → assets/Banner-6ViaE36y.js

@@ -1,11 +1,11 @@
-import{i as v,s as p,x as u}from"./lit-element-cycI6O1e.js";import{t as l,a as d}from"./theme-T9fq61iW.js";import{n as c}from"./property-5e-qD-nw.js";import{e as m}from"./class-map-0vj_8Tbs.js";var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(t,e,n,o)=>{for(var a=o>1?void 0:o?f(e,n):e,r=t.length-1,i;r>=0;r--)(i=t[r])&&(a=(o?i(e,n,a):i(a))||a);return o&&a&&b(e,n,a),a};let s=class extends p{constructor(){super(),this.hasNav=!1,this.hasSubnav=!1,this.handleMenuNavChange=this.handleMenuNavChange.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("pzsh-menu-nav-change",this.handleMenuNavChange,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pzsh-menu-nav-change",this.handleMenuNavChange,!0)}handleMenuNavChange(t){if(t.stopPropagation(),t instanceof CustomEvent){const{hasNav:e,hasSubnav:n}=t.detail;this.hasNav=e,this.hasSubnav=n}}render(){return u`
+import{i as p,s as v,x as u}from"./lit-element-cycI6O1e.js";import{t as d}from"./custom-element-qyLKk-84.js";import{n as c}from"./property-5e-qD-nw.js";import{e as m}from"./class-map-0vj_8Tbs.js";import{t as l}from"./theme-rATqlsZL.js";var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,h=(a,e,n,o)=>{for(var t=o>1?void 0:o?b(e,n):e,r=a.length-1,i;r>=0;r--)(i=a[r])&&(t=(o?i(e,n,t):i(t))||t);return o&&t&&f(e,n,t),t};let s=class extends v{constructor(){super(),this.hasNav=!1,this.hasSubnav=!1,this.handleMenuNavChange=this.handleMenuNavChange.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("pzsh-menu-nav-change",this.handleMenuNavChange,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pzsh-menu-nav-change",this.handleMenuNavChange,!0)}handleMenuNavChange(a){if(a.stopPropagation(),a instanceof CustomEvent){const{hasNav:e,hasSubnav:n}=a.detail;this.hasNav=e,this.hasSubnav=n}}render(){return u`
       <slot name="tangram"></slot>
       <div
         class=${m({content:!0,"has-nav":this.hasNav,"has-subnav":this.hasSubnav})}
       >
         <slot name="content"></slot>
       </div>
-    `}};s.styles=[l,v`
+    `}};s.styles=[l,p`
       :host {
         display: flex;
         flex-direction: column;
@@ -47,4 +47,3 @@ import{i as v,s as p,x as u}from"./lit-element-cycI6O1e.js";import{t as l,a as d
         }
       }
     `];h([c({attribute:!1})],s.prototype,"hasNav",2);h([c({attribute:!1})],s.prototype,"hasSubnav",2);s=h([d("pzsh-banner")],s);
-//# sourceMappingURL=Banner-8f2Kx6MH.js.map

assets/Banner.stories-o3yhoP7_.js → assets/Banner.stories-_geEu2uE.js

@@ -1,4 +1,4 @@
-import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-8f2Kx6MH.js";import{s as i}from"./search-aqA0YWo2.js";import"./theme-T9fq61iW.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";const B={title:"Puzzle Shell/Components/Banner",parameters:{layout:"fullscreen"}},e=()=>a`
+import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-6ViaE36y.js";import"./Icon-iOVlVRWg.js";import"./Topbar-QViurvUU.js";import"./Subnav-Syb2f79b.js";import{s as i}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";import"./theme-rATqlsZL.js";const y={title:"Puzzle Shell/Components/Banner",parameters:{layout:"fullscreen"}},e=()=>a`
   ${i}
   <pzsh-banner>
     <!-- prettier-ignore -->
@@ -63,7 +63,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-8f2Kx6MH.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-`;var l,h,p;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`() => html\`
+`;var l,p,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`() => html\`
   \${searchStyles}
   <pzsh-banner>
     <!-- prettier-ignore -->
@@ -75,7 +75,7 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-8f2Kx6MH.js";impor
       </div>
     </div>
   </pzsh-banner>
-\``,...(p=(h=e.parameters)==null?void 0:h.docs)==null?void 0:p.source}}};var r,o,d;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => html\`
+\``,...(h=(p=e.parameters)==null?void 0:p.docs)==null?void 0:h.source}}};var r,o,d;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => html\`
   \${searchStyles}
   <pzsh-banner>
     <!-- prettier-ignore -->
@@ -128,5 +128,4 @@ import{x as a}from"./lit-element-cycI6O1e.js";import"./Banner-8f2Kx6MH.js";impor
       <pzsh-nav-item>Expenses</pzsh-nav-item>
     </pzsh-nav>
   </pzsh-menu>
-\``,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const S=["WithSearch","WithSearchAndAddAction","WithTwoLevelNavigation","WithOneLevelNavigationAndSearch"];export{s as WithOneLevelNavigationAndSearch,e as WithSearch,n as WithSearchAndAddAction,t as WithTwoLevelNavigation,S as __namedExportsOrder,B as default};
-//# sourceMappingURL=Banner.stories-o3yhoP7_.js.map
+\``,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const C=["WithSearch","WithSearchAndAddAction","WithTwoLevelNavigation","WithOneLevelNavigationAndSearch"];export{s as WithOneLevelNavigationAndSearch,e as WithSearch,n as WithSearchAndAddAction,t as WithTwoLevelNavigation,C as __namedExportsOrder,y as default};

assets/Container-4UEhYI1x.js

@@ -0,0 +1,12 @@
+import{j as n}from"./jsx-runtime-e_t4_Xbj.js";import{M as r}from"./index-juVpxQ1I.js";import{u as s}from"./index-cBEWfaxW.js";import"./iframe-x_Cj_E-m.js";import"../sb-preview/runtime.js";import"./index-x2V4ZJ-3.js";import"./index-ogXoivrg.js";import"./index-PPLHz8o0.js";function o(t){const e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},s(),t.components);return n.jsxs(n.Fragment,{children:[n.jsx(r,{title:"Puzzle Shell/Components/Container"}),`
+`,n.jsx(e.h1,{id:"container",children:"Container"}),`
+`,n.jsxs(e.p,{children:["The ",n.jsx(e.code,{children:"pzsh-container"})," component is the top-level component that implements the page layout. It contains all other Puzzle Shell components as well as the application's or site's content."]}),`
+`,n.jsx(e.p,{children:"Example usage:"}),`
+`,n.jsx(e.pre,{children:n.jsx(e.code,{children:`<pzsh-container>
+  <pzsh-topbar>...</pzsh-topbar>
+  <pzsh-banner>...</pzsh-banner>
+  <pzsh-hero>...</pzsh-hero>
+  <main>The content</main>
+  <pzsh-footer>...</pzsh-footer>
+<pzsh-container>
+`})})]})}function j(t={}){const{wrapper:e}=Object.assign({},s(),t.components);return e?n.jsx(e,Object.assign({},t,{children:n.jsx(o,t)})):o(t)}export{j as default};

assets/ContentAppWithSearch.stories-GzWEc5TU.js → assets/ContentAppWithSearch.stories-oDolrbbz.js

@@ -1,4 +1,4 @@
-import{x as t}from"./lit-element-cycI6O1e.js";import"./Topbar-lxw2RMI9.js";import"./Banner-8f2Kx6MH.js";import"./Footer-OXiGPx2s.js";import"./Hero-xKJmKTFH.js";import"./Icon-EWb0px6e.js";import"./Subnav-JTRWX46x.js";import{s as i}from"./search-aqA0YWo2.js";import{t as s}from"./theme-T9fq61iW.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";const f={title:"Puzzle Shell/Examples/Content app with search",parameters:{layout:"fullscreen"}},n=()=>t`
+import{x as t}from"./lit-element-cycI6O1e.js";import{t as i}from"./theme-rATqlsZL.js";import"./Topbar-QViurvUU.js";import"./Banner-6ViaE36y.js";import"./MenuDropdownItem-HcUhmaQT.js";import"./FooterLink-Re0oYv-D.js";import"./Hero-T8qQtOk8.js";import"./Icon-iOVlVRWg.js";import"./MenuDropdown-CZRFmn-4.js";import"./Subnav-Syb2f79b.js";import{s}from"./search-5l08jTc5.js";import"./custom-element-qyLKk-84.js";import"./property-5e-qD-nw.js";import"./class-map-0vj_8Tbs.js";const y={title:"Puzzle Shell/Examples/Content app with search",parameters:{layout:"fullscreen"}},n=()=>t`
   <style>
     body {
       font-family: var(--pzsh-font-family);
@@ -32,7 +32,7 @@ import{x as t}from"./lit-element-cycI6O1e.js";import"./Topbar-lxw2RMI9.js";impor
       text-decoration: underline;
     }
 
-    @media (min-width: ${s.breakpoint}px) {
+    @media (min-width: ${i.breakpoint}px) {
       .app {
         display: grid;
         grid-template-columns: 1fr 10rem minmax(0, var(--pzsh-breakpoint)) 10rem 1fr;
@@ -56,7 +56,7 @@ import{x as t}from"./lit-element-cycI6O1e.js";import"./Topbar-lxw2RMI9.js";impor
       }
     }
   </style>
-  ${i}
+  ${s}
 
   <pzsh-container>
     <pzsh-topbar>
@@ -252,5 +252,4 @@ import{x as t}from"./lit-element-cycI6O1e.js";import"./Topbar-lxw2RMI9.js";impor
       </div>
     </pzsh-footer>
   </pzsh-container>
-\``,...(o=(a=n.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const b=["Default"];export{n as Default,b as __namedExportsOrder,f as default};
-//# sourceMappingURL=ContentAppWithSearch.stories-GzWEc5TU.js.map
+\``,...(o=(a=n.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const x=["Default"];export{n as Default,x as __namedExportsOrder,y as default};