@abgov/web-components 1.0.0-alpha.110 → 1.0.0-alpha.111
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/package.json +1 -1
- package/web-components.es.js +2 -2
- package/web-components.umd.js +2 -2
package/package.json
CHANGED
package/web-components.es.js
CHANGED
|
@@ -11246,7 +11246,7 @@ function create_fragment$4(ctx) {
|
|
|
11246
11246
|
class OneColumnLayout extends SvelteElement {
|
|
11247
11247
|
constructor(options) {
|
|
11248
11248
|
super();
|
|
11249
|
-
this.shadowRoot.innerHTML = `<style>.page{height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>`;
|
|
11249
|
+
this.shadowRoot.innerHTML = `<style>.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>`;
|
|
11250
11250
|
|
|
11251
11251
|
init(
|
|
11252
11252
|
this,
|
|
@@ -11348,7 +11348,7 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
|
11348
11348
|
class TwoColumnLayout extends SvelteElement {
|
|
11349
11349
|
constructor(options) {
|
|
11350
11350
|
super();
|
|
11351
|
-
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>`;
|
|
11351
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>`;
|
|
11352
11352
|
|
|
11353
11353
|
init(
|
|
11354
11354
|
this,
|
package/web-components.umd.js
CHANGED
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
|
|
79
79
|
<main><slot></slot></main>
|
|
80
80
|
|
|
81
|
-
<section class="footer"><slot name="footer"></slot></section>`,this.c=w,u(e,"class","page")},m(t,r){v(t,e,r)},p:w,i:w,o:w,d(t){t&&E(e)}}}class lo extends O{constructor(e){super();this.shadowRoot.innerHTML="<style>.page{height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>",P(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},null,ao,N,{},null),e&&e.target&&v(e.target,this,e.anchor)}}customElements.define("goa-one-column-layout",lo);function so(i){let e,t,r,n,o,a,l;return{c(){e=m("div"),t=m("header"),t.innerHTML='<slot name="header"></slot>',r=H(),n=m("section"),n.innerHTML=`<nav class="nav"><slot name="nav"></slot></nav>
|
|
81
|
+
<section class="footer"><slot name="footer"></slot></section>`,this.c=w,u(e,"class","page")},m(t,r){v(t,e,r)},p:w,i:w,o:w,d(t){t&&E(e)}}}class lo extends O{constructor(e){super();this.shadowRoot.innerHTML="<style>.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>",P(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},null,ao,N,{},null),e&&e.target&&v(e.target,this,e.anchor)}}customElements.define("goa-one-column-layout",lo);function so(i){let e,t,r,n,o,a,l;return{c(){e=m("div"),t=m("header"),t.innerHTML='<slot name="header"></slot>',r=H(),n=m("section"),n.innerHTML=`<nav class="nav"><slot name="nav"></slot></nav>
|
|
82
82
|
|
|
83
83
|
<main><slot></slot></main>`,o=H(),a=m("footer"),a.innerHTML='<slot name="footer"></slot>',this.c=w,u(t,"class","header"),u(n,"class","content"),u(a,"class","footer"),u(e,"class","page"),u(e,"style",l=`
|
|
84
84
|
--max-content-width: ${i[1]||"100%"};
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
`)},m(s,c){v(s,e,c),g(e,t),g(e,r),g(e,n),g(e,o),g(e,a)},p(s,[c]){c&3&&l!==(l=`
|
|
87
87
|
--max-content-width: ${s[1]||"100%"};
|
|
88
88
|
--nav-column-width: ${s[0]||"var(--layout-nav-column-width)"};
|
|
89
|
-
`)&&u(e,"style",l)},i:w,o:w,d(s){s&&E(e)}}}function co(i,e,t){let{navcolumnwidth:r=""}=e,{maxcontentwidth:n=""}=e;return i.$$set=o=>{"navcolumnwidth"in o&&t(0,r=o.navcolumnwidth),"maxcontentwidth"in o&&t(1,n=o.maxcontentwidth)},[r,n]}class uo extends O{constructor(e){super();this.shadowRoot.innerHTML="<style>*{box-sizing:border-box}.page{height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>",P(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},co,so,N,{navcolumnwidth:0,maxcontentwidth:1},null),e&&(e.target&&v(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["navcolumnwidth","maxcontentwidth"]}get navcolumnwidth(){return this.$$.ctx[0]}set navcolumnwidth(e){this.$$set({navcolumnwidth:e}),h()}get maxcontentwidth(){return this.$$.ctx[1]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),h()}}customElements.define("goa-two-column-layout",uo);function fo(i){let e;return{c(){e=m("div"),e.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
89
|
+
`)&&u(e,"style",l)},i:w,o:w,d(s){s&&E(e)}}}function co(i,e,t){let{navcolumnwidth:r=""}=e,{maxcontentwidth:n=""}=e;return i.$$set=o=>{"navcolumnwidth"in o&&t(0,r=o.navcolumnwidth),"maxcontentwidth"in o&&t(1,n=o.maxcontentwidth)},[r,n]}class uo extends O{constructor(e){super();this.shadowRoot.innerHTML="<style>*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>",P(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},co,so,N,{navcolumnwidth:0,maxcontentwidth:1},null),e&&(e.target&&v(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["navcolumnwidth","maxcontentwidth"]}get navcolumnwidth(){return this.$$.ctx[0]}set navcolumnwidth(e){this.$$set({navcolumnwidth:e}),h()}get maxcontentwidth(){return this.$$.ctx[1]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),h()}}customElements.define("goa-two-column-layout",uo);function fo(i){let e;return{c(){e=m("div"),e.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
90
90
|
|
|
91
91
|
<nav class="nav"><slot name="nav"></slot></nav>
|
|
92
92
|
|