wj-elements 0.0.4 → 0.0.6

package/dist/wj-col.js

@@ -1,29 +1,28 @@
-var f = Object.defineProperty;
-var g = (e, t, o) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var r = (e, t, o) => (g(e, typeof t != "symbol" ? t + "" : t, o), o);
-import m from "./wj-element.js";
+var h = Object.defineProperty;
+var f = (e, t, o) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var r = (e, t, o) => (f(e, typeof t != "symbol" ? t + "" : t, o), o);
+import g from "./wj-element.js";
 import "./wj-store.js";
-const s = `/*!
+const m = `/*!
 * direction.scss
 */:host{display:block;flex-grow:1;width:100%;max-width:100%;padding-right:calc(var(--wj-gutter-x) * .5);padding-left:calc(var(--wj-gutter-x) * .5);margin-top:var(--wj-gutter-y)}:host(.wj-col){flex:1 0 0%}:host(.wj-row-cols-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-6)>*{flex:0 0 auto;width:16.6666666667%}@media (min-width: 576px){:host(.wj-col-sm){flex:1 0 0%}:host(.wj-row-cols-sm-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-sm-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-sm-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-sm-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-sm-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-sm-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-sm-6)>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width: 768px){:host(.wj-col-md){flex:1 0 0%}:host(.wj-row-cols-md-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-md-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-md-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-md-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-md-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-md-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-md-6)>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width: 992px){:host(.wj-col-lg){flex:1 0 0%}:host(.wj-row-cols-lg-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-lg-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-lg-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-lg-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-lg-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-lg-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-lg-6)>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width: 1200px){:host(.wj-col-xl){flex:1 0 0%}:host(.wj-row-cols-xl-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-xl-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-xl-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-xl-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-xl-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-xl-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-xl-6)>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width: 1400px){:host(.wj-col-xxl){flex:1 0 0%}:host(.wj-row-cols-xxl-auto)>*{flex:0 0 auto;width:auto}:host(.wj-row-cols-xxl-1)>*{flex:0 0 auto;width:100%}:host(.wj-row-cols-xxl-2)>*{flex:0 0 auto;width:50%}:host(.wj-row-cols-xxl-3)>*{flex:0 0 auto;width:33.3333333333%}:host(.wj-row-cols-xxl-4)>*{flex:0 0 auto;width:25%}:host(.wj-row-cols-xxl-5)>*{flex:0 0 auto;width:20%}:host(.wj-row-cols-xxl-6)>*{flex:0 0 auto;width:16.6666666667%}}:host(.wj-col-auto){flex:0 0 auto;width:auto}:host(.wj-col-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-3){flex:0 0 auto;width:25%}:host(.wj-col-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-6){flex:0 0 auto;width:50%}:host(.wj-col-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-9){flex:0 0 auto;width:75%}:host(.wj-col-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-12){flex:0 0 auto;width:100%}:host(.wj-offset-1){margin-left:8.33333333%}:host(.wj-offset-2){margin-left:16.66666667%}:host(.wj-offset-3){margin-left:25%}:host(.wj-offset-4){margin-left:33.33333333%}:host(.wj-offset-5){margin-left:41.66666667%}:host(.wj-offset-6){margin-left:50%}:host(.wj-offset-7){margin-left:58.33333333%}:host(.wj-offset-8){margin-left:66.66666667%}:host(.wj-offset-9){margin-left:75%}:host(.wj-offset-10){margin-left:83.33333333%}:host(.wj-offset-11){margin-left:91.66666667%}.g-0,.gx-0{--wj-gutter-x: 0}.g-0,.gy-0{--wj-gutter-y: 0}.g-1,.gx-1{--wj-gutter-x: .25rem}.g-1,.gy-1{--wj-gutter-y: .25rem}.g-2,.gx-2{--wj-gutter-x: .5rem}.g-2,.gy-2{--wj-gutter-y: .5rem}.g-3,.gx-3{--wj-gutter-x: 1rem}.g-3,.gy-3{--wj-gutter-y: 1rem}.g-4,.gx-4{--wj-gutter-x: 1.5rem}.g-4,.gy-4{--wj-gutter-y: 1.5rem}.g-5,.gx-5{--wj-gutter-x: 3rem}.g-5,.gy-5{--wj-gutter-y: 3rem}@media (min-width: 576px){:host(.wj-col-sm-auto){flex:0 0 auto;width:auto}:host(.wj-col-sm-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-sm-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-sm-3){flex:0 0 auto;width:25%}:host(.wj-col-sm-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-sm-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-sm-6){flex:0 0 auto;width:50%}:host(.wj-col-sm-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-sm-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-sm-9){flex:0 0 auto;width:75%}:host(.wj-col-sm-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-sm-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-sm-12){flex:0 0 auto;width:100%}:host(.wj-offset-sm-0){margin-left:0}:host(.wj-offset-sm-1){margin-left:8.33333333%}:host(.wj-offset-sm-2){margin-left:16.66666667%}:host(.wj-offset-sm-3){margin-left:25%}:host(.wj-offset-sm-4){margin-left:33.33333333%}:host(.wj-offset-sm-5){margin-left:41.66666667%}:host(.wj-offset-sm-6){margin-left:50%}:host(.wj-offset-sm-7){margin-left:58.33333333%}:host(.wj-offset-sm-8){margin-left:66.66666667%}:host(.wj-offset-sm-9){margin-left:75%}:host(.wj-offset-sm-10){margin-left:83.33333333%}:host(.wj-offset-sm-11){margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--wj-gutter-x: 0}.g-sm-0,.gy-sm-0{--wj-gutter-y: 0}.g-sm-1,.gx-sm-1{--wj-gutter-x: .25rem}.g-sm-1,.gy-sm-1{--wj-gutter-y: .25rem}.g-sm-2,.gx-sm-2{--wj-gutter-x: .5rem}.g-sm-2,.gy-sm-2{--wj-gutter-y: .5rem}.g-sm-3,.gx-sm-3{--wj-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--wj-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--wj-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--wj-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--wj-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--wj-gutter-y: 3rem}}@media (min-width: 768px){:host(.wj-col-md-auto){flex:0 0 auto;width:auto}:host(.wj-col-md-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-md-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-md-3){flex:0 0 auto;width:25%}:host(.wj-col-md-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-md-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-md-6){flex:0 0 auto;width:50%}:host(.wj-col-md-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-md-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-md-9){flex:0 0 auto;width:75%}:host(.wj-col-md-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-md-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-md-12){flex:0 0 auto;width:100%}:host(.wj-offset-md-0){margin-left:0}:host(.wj-offset-md-1){margin-left:8.33333333%}:host(.wj-offset-md-2){margin-left:16.66666667%}:host(.wj-offset-md-3){margin-left:25%}:host(.wj-offset-md-4){margin-left:33.33333333%}:host(.wj-offset-md-5){margin-left:41.66666667%}:host(.wj-offset-md-6){margin-left:50%}:host(.wj-offset-md-7){margin-left:58.33333333%}:host(.wj-offset-md-8){margin-left:66.66666667%}:host(.wj-offset-md-9){margin-left:75%}:host(.wj-offset-md-10){margin-left:83.33333333%}:host(.wj-offset-md-11){margin-left:91.66666667%}.g-md-0,.gx-md-0{--wj-gutter-x: 0}.g-md-0,.gy-md-0{--wj-gutter-y: 0}.g-md-1,.gx-md-1{--wj-gutter-x: .25rem}.g-md-1,.gy-md-1{--wj-gutter-y: .25rem}.g-md-2,.gx-md-2{--wj-gutter-x: .5rem}.g-md-2,.gy-md-2{--wj-gutter-y: .5rem}.g-md-3,.gx-md-3{--wj-gutter-x: 1rem}.g-md-3,.gy-md-3{--wj-gutter-y: 1rem}.g-md-4,.gx-md-4{--wj-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--wj-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--wj-gutter-x: 3rem}.g-md-5,.gy-md-5{--wj-gutter-y: 3rem}}@media (min-width: 992px){:host(.wj-col-lg-auto){flex:0 0 auto;width:auto}:host(.wj-col-lg-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-lg-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-lg-3){flex:0 0 auto;width:25%}:host(.wj-col-lg-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-lg-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-lg-6){flex:0 0 auto;width:50%}:host(.wj-col-lg-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-lg-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-lg-9){flex:0 0 auto;width:75%}:host(.wj-col-lg-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-lg-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-lg-12){flex:0 0 auto;width:100%}:host(.wj-offset-lg-0){margin-left:0}:host(.wj-offset-lg-1){margin-left:8.33333333%}:host(.wj-offset-lg-2){margin-left:16.66666667%}:host(.wj-offset-lg-3){margin-left:25%}:host(.wj-offset-lg-4){margin-left:33.33333333%}:host(.wj-offset-lg-5){margin-left:41.66666667%}:host(.wj-offset-lg-6){margin-left:50%}:host(.wj-offset-lg-7){margin-left:58.33333333%}:host(.wj-offset-lg-8){margin-left:66.66666667%}:host(.wj-offset-lg-9){margin-left:75%}:host(.wj-offset-lg-10){margin-left:83.33333333%}:host(.wj-offset-lg-11){margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--wj-gutter-x: 0}.g-lg-0,.gy-lg-0{--wj-gutter-y: 0}.g-lg-1,.gx-lg-1{--wj-gutter-x: .25rem}.g-lg-1,.gy-lg-1{--wj-gutter-y: .25rem}.g-lg-2,.gx-lg-2{--wj-gutter-x: .5rem}.g-lg-2,.gy-lg-2{--wj-gutter-y: .5rem}.g-lg-3,.gx-lg-3{--wj-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--wj-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--wj-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--wj-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--wj-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--wj-gutter-y: 3rem}}@media (min-width: 1200px){:host(.wj-col-xl-auto){flex:0 0 auto;width:auto}:host(.wj-col-xl-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-xl-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-xl-3){flex:0 0 auto;width:25%}:host(.wj-col-xl-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-xl-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-xl-6){flex:0 0 auto;width:50%}:host(.wj-col-xl-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-xl-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-xl-9){flex:0 0 auto;width:75%}:host(.wj-col-xl-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-xl-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-xl-12){flex:0 0 auto;width:100%}:host(.wj-offset-xl-0){margin-left:0}:host(.wj-offset-xl-1){margin-left:8.33333333%}:host(.wj-offset-xl-2){margin-left:16.66666667%}:host(.wj-offset-xl-3){margin-left:25%}:host(.wj-offset-xl-4){margin-left:33.33333333%}:host(.wj-offset-xl-5){margin-left:41.66666667%}:host(.wj-offset-xl-6){margin-left:50%}:host(.wj-offset-xl-7){margin-left:58.33333333%}:host(.wj-offset-xl-8){margin-left:66.66666667%}:host(.wj-offset-xl-9){margin-left:75%}:host(.wj-offset-xl-10){margin-left:83.33333333%}:host(.wj-offset-xl-11){margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--wj-gutter-x: 0}.g-xl-0,.gy-xl-0{--wj-gutter-y: 0}.g-xl-1,.gx-xl-1{--wj-gutter-x: .25rem}.g-xl-1,.gy-xl-1{--wj-gutter-y: .25rem}.g-xl-2,.gx-xl-2{--wj-gutter-x: .5rem}.g-xl-2,.gy-xl-2{--wj-gutter-y: .5rem}.g-xl-3,.gx-xl-3{--wj-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--wj-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--wj-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--wj-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--wj-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--wj-gutter-y: 3rem}}@media (min-width: 1400px){:host(.wj-col-xxl-auto){flex:0 0 auto;width:auto}:host(.wj-col-xxl-1){flex:0 0 auto;width:8.33333333%}:host(.wj-col-xxl-2){flex:0 0 auto;width:16.66666667%}:host(.wj-col-xxl-3){flex:0 0 auto;width:25%}:host(.wj-col-xxl-4){flex:0 0 auto;width:33.33333333%}:host(.wj-col-xxl-5){flex:0 0 auto;width:41.66666667%}:host(.wj-col-xxl-6){flex:0 0 auto;width:50%}:host(.wj-col-xxl-7){flex:0 0 auto;width:58.33333333%}:host(.wj-col-xxl-8){flex:0 0 auto;width:66.66666667%}:host(.wj-col-xxl-9){flex:0 0 auto;width:75%}:host(.wj-col-xxl-10){flex:0 0 auto;width:83.33333333%}:host(.wj-col-xxl-11){flex:0 0 auto;width:91.66666667%}:host(.wj-col-xxl-12){flex:0 0 auto;width:100%}:host(.wj-offset-xxl-0){margin-left:0}:host(.wj-offset-xxl-1){margin-left:8.33333333%}:host(.wj-offset-xxl-2){margin-left:16.66666667%}:host(.wj-offset-xxl-3){margin-left:25%}:host(.wj-offset-xxl-4){margin-left:33.33333333%}:host(.wj-offset-xxl-5){margin-left:41.66666667%}:host(.wj-offset-xxl-6){margin-left:50%}:host(.wj-offset-xxl-7){margin-left:58.33333333%}:host(.wj-offset-xxl-8){margin-left:66.66666667%}:host(.wj-offset-xxl-9){margin-left:75%}:host(.wj-offset-xxl-10){margin-left:83.33333333%}:host(.wj-offset-xxl-11){margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--wj-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--wj-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--wj-gutter-x: .25rem}.g-xxl-1,.gy-xxl-1{--wj-gutter-y: .25rem}.g-xxl-2,.gx-xxl-2{--wj-gutter-x: .5rem}.g-xxl-2,.gy-xxl-2{--wj-gutter-y: .5rem}.g-xxl-3,.gx-xxl-3{--wj-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--wj-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--wj-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--wj-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--wj-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--wj-gutter-y: 3rem}}:host(.order-first){order:-1!important}:host(.order-0){order:0!important}:host(.order-1){order:1!important}:host(.order-2){order:2!important}:host(.order-3){order:3!important}:host(.order-4){order:4!important}:host(.order-5){order:5!important}:host(.order-last){order:6!important}:host(.order-sm-first){order:-1!important}:host(.order-sm-0){order:0!important}:host(.order-sm-1){order:1!important}:host(.order-sm-2){order:2!important}:host(.order-sm-3){order:3!important}:host(.order-sm-4){order:4!important}:host(.order-sm-5){order:5!important}:host(.order-sm-last){order:6!important}:host(.order-md-first){order:-1!important}:host(.order-md-0){order:0!important}:host(.order-md-1){order:1!important}:host(.order-md-2){order:2!important}:host(.order-md-3){order:3!important}:host(.order-md-4){order:4!important}:host(.order-md-5){order:5!important}:host(.order-md-last){order:6!important}:host(.order-lg-first){order:-1!important}:host(.order-lg-0){order:0!important}:host(.order-lg-1){order:1!important}:host(.order-lg-2){order:2!important}:host(.order-lg-3){order:3!important}:host(.order-lg-4){order:4!important}:host(.order-lg-5){order:5!important}:host(.order-lg-last){order:6!important}:host(.order-xl-first){order:-1!important}:host(.order-xl-0){order:0!important}:host(.order-xl-1){order:1!important}:host(.order-xl-2){order:2!important}:host(.order-xl-3){order:3!important}:host(.order-xl-4){order:4!important}:host(.order-xl-5){order:5!important}:host(.order-xl-last){order:6!important}:host(.order-xxl-first){order:-1!important}:host(.order-xxl-0){order:0!important}:host(.order-xxl-1){order:1!important}:host(.order-xxl-2){order:2!important}:host(.order-xxl-3){order:3!important}:host(.order-xxl-4){order:4!important}:host(.order-xxl-5){order:5!important}:host(.order-xxl-last){order:6!important}
 `;
-console.log("STYLES COL:", s);
-class d extends m {
+class d extends g {
   constructor() {
     super();
     r(this, "className", "Col");
   }
   static get cssStyleSheet() {
-    return s;
+    return m;
   }
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  beforeDraw(o, w, x) {
+  beforeDraw(o, s, w) {
   }
-  draw(o, w, x) {
-    let l = document.createDocumentFragment(), h = document.createElement("slot");
-    return this.order && this.classList.add("order-" + this.order), this.size && this.classList.add("wj-col-" + this.size), this.sizeSm && this.classList.add("wj-col-sm-" + this.sizeSm), this.sizeMd && this.classList.add("wj-col-md-" + this.sizeMd), this.offset && this.classList.add("wj-offset-" + this.offset), this.offsetSm && this.classList.add("wj-offset-sm-" + this.offsetSm), l.appendChild(h), l;
+  draw(o, s, w) {
+    let l = document.createDocumentFragment(), x = document.createElement("slot");
+    return this.order && this.classList.add("order-" + this.order), this.size && this.classList.add("wj-col-" + this.size), this.sizeSm && this.classList.add("wj-col-sm-" + this.sizeSm), this.sizeMd && this.classList.add("wj-col-md-" + this.sizeMd), this.offset && this.classList.add("wj-offset-" + this.offset), this.offsetSm && this.classList.add("wj-offset-sm-" + this.offsetSm), l.appendChild(x), l;
   }
 }
 customElements.get("wj-col") || window.customElements.define("wj-col", d);