ku4web-components 6.4.82 → 6.4.85

package/dist/ku4web-components/ku4-form.entry.js

@@ -0,0 +1,112 @@
+import { r as registerInstance, h, g as getElement } from './index-52b04dce.js';
+import { t } from './index-135dacad.js';
+import { i as index } from './index-f13d1b41.js';
+
+const Ku4Form = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.validate = this.validate.bind(this);
+    this.handleReset = this.handleReset.bind(this);
+  }
+  /**
+   * Returns a list of the names of all of the fields
+   * associated with this form.
+   */
+  async listFieldNames() {
+    return index.readFieldNames(this.form);
+  }
+  /**
+   * Validates this form. This method is automatically called
+   * internally on submit of the form only allowing a successful
+   * submit if the form  is valid.
+   */
+  async validate() {
+    const { fields } = this;
+    const methods = fields.map(field => field.validate());
+    this.isValid = await Promise.all(methods).then(values => !values.some(v => v === false));
+    this.invalid = !this.isValid;
+    return this.isValid;
+  }
+  /**
+   * A string of the name of the field to invalidate
+   * @param {string} name
+   */
+  async invalidate(name) {
+    if (t.isArray(name)) {
+      name.forEach((name) => {
+        const field = this.fields.find(field => field.for === name);
+        if (field) {
+          field.invalid = true;
+        }
+      });
+    }
+    else {
+      const field = this.fields.find(field => field.for === name);
+      if (field) {
+        field.invalid = true;
+      }
+    }
+    this.invalid = true;
+    return this;
+  }
+  /**
+   * Reads data from the associated form
+   */
+  async read() {
+    return index.read(this.form);
+  }
+  /**
+   * Writes data to the associated form
+   */
+  async write(data) {
+    index.write(this.form, data);
+    Object.keys(data).forEach((name) => {
+      try {
+        this.form.querySelector(`[name="${name}"]`)
+          .dispatchEvent(new Event('change'));
+      }
+      catch (e) {
+        /* Fail silently */
+      }
+    });
+    return this;
+  }
+  get form() {
+    return this.host.querySelector('form');
+  }
+  get fields() {
+    return [].slice.call(this.form.querySelectorAll('ku4-validation'));
+  }
+  handleReset() {
+    this.isValid = true;
+    this.invalid = !this.isValid;
+  }
+  componentWillLoad() {
+    const { form } = this;
+    if (t.exists(form)) {
+      const onsubmit = form.onsubmit || (() => { });
+      form.onsubmit = (e) => {
+        e.preventDefault();
+        this.validate()
+          .then(valid => valid && onsubmit.call(form, e))
+          .then(returnValue => !t.isFalse(returnValue) && form.submit());
+        return false;
+      };
+      form.addEventListener('reset', this.handleReset);
+      this.fields.forEach(field => field.addEventListener('validated', this.validate));
+    }
+  }
+  disconnectedCallback() {
+    const { form } = this;
+    if (t.exists(form)) {
+      form.removeEventListener('reset', this.handleReset);
+      this.fields.forEach(field => field.removeEventListener('validated', this.validate));
+    }
+  }
+  render() {
+    return h("slot", null);
+  }
+  get host() { return getElement(this); }
+};
+
+export { Ku4Form as ku4_form };

package/dist/ku4web-components/ku4-form.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(r.next(t))}catch(e){o(e)}}function s(t){try{u(r["throw"](t))}catch(e){o(e)}}function u(t){t.done?n(t.value):i(t.value).then(a,s)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4036ffa2.system.js","./index-dcd9a8a7.system.js","./index-9bb2580f.system.js"],(function(t){"use strict";var e,n,r,i,o;return{setters:[function(t){e=t.r;n=t.h;r=t.g},function(t){i=t.t},function(t){o=t.i}],execute:function(){var a=t("ku4_form",function(){function t(t){e(this,t);this.validate=this.validate.bind(this);this.handleReset=this.handleReset.bind(this)}t.prototype.listFieldNames=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,o.readFieldNames(this.form)]}))}))};t.prototype.validate=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(r){switch(r.label){case 0:t=this.fields;e=t.map((function(t){return t.validate()}));n=this;return[4,Promise.all(e).then((function(t){return!t.some((function(t){return t===false}))}))];case 1:n.isValid=r.sent();this.invalid=!this.isValid;return[2,this.isValid]}}))}))};t.prototype.invalidate=function(t){return __awaiter(this,void 0,void 0,(function(){var e;var n=this;return __generator(this,(function(r){if(i.isArray(t)){t.forEach((function(t){var e=n.fields.find((function(e){return e.for===t}));if(e){e.invalid=true}}))}else{e=this.fields.find((function(e){return e.for===t}));if(e){e.invalid=true}}this.invalid=true;return[2,this]}))}))};t.prototype.read=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,o.read(this.form)]}))}))};t.prototype.write=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){o.write(this.form,t);Object.keys(t).forEach((function(t){try{e.form.querySelector('[name="'.concat(t,'"]')).dispatchEvent(new Event("change"))}catch(n){}}));return[2,this]}))}))};Object.defineProperty(t.prototype,"form",{get:function(){return this.host.querySelector("form")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fields",{get:function(){return[].slice.call(this.form.querySelectorAll("ku4-validation"))},enumerable:false,configurable:true});t.prototype.handleReset=function(){this.isValid=true;this.invalid=!this.isValid};t.prototype.componentWillLoad=function(){var t=this;var e=this.form;if(i.exists(e)){var n=e.onsubmit||function(){};e.onsubmit=function(r){r.preventDefault();t.validate().then((function(t){return t&&n.call(e,r)})).then((function(t){return!i.isFalse(t)&&e.submit()}));return false};e.addEventListener("reset",this.handleReset);this.fields.forEach((function(e){return e.addEventListener("validated",t.validate)}))}};t.prototype.disconnectedCallback=function(){var t=this;var e=this.form;if(i.exists(e)){e.removeEventListener("reset",this.handleReset);this.fields.forEach((function(e){return e.removeEventListener("validated",t.validate)}))}};t.prototype.render=function(){return n("slot",null)};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}())}}}));

package/dist/ku4web-components/ku4-grid.entry.js

@@ -0,0 +1,108 @@
+import { r as registerInstance, h, f as Host } from './index-52b04dce.js';
+
+const ku4GridCss = ":host{position:relative;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width: 1px){:host(.columns-xs-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-xs-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-xs-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-xs-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-xs-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-xs-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-xs-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-xs-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-xs-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-xs-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-xs-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-xs-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-xs-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-xs-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-xs-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-xs-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-xs-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-xs-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-xs-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-xs-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-xs-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-xs-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-xs, 6px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}}@media only screen and (min-width: 768px){:host(.columns-sm-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-sm-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-sm-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-sm-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-sm-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-sm-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-sm-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-sm-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-sm-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-sm-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-sm-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-sm-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-sm-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-sm-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-sm-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-sm-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-sm-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-sm-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-sm-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-sm-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-sm-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-sm-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-sm, 10px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}}@media only screen and (min-width: 992px){:host(.columns-md-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-md-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-md-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-md-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-md-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-md-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-md-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-md-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-md-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-md-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-md-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-md-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-md-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-md-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-md-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-md-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-md-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-md-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-md-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-md-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-md-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-md-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-md, 12px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}}@media only screen and (min-width: 1200px){:host(.columns-lg-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-lg-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-lg-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-lg-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-lg-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-lg-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-lg-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-lg-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-lg-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-lg-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-lg-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-lg-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-lg-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-lg-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-lg-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-lg-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-lg-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-lg-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-lg-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-lg-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-lg-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-lg-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-lg, 16px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}}::slotted(*){margin-left:var(--ku4-grid-column-gutter, 15px);margin-right:var(--ku4-grid-column-gutter, 15px)}";
+
+const Ku4Grid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //<editor-fold desc="columns">
+    /**
+     * Number of columns to render at extra-small (optional).
+     */
+    this.columnsXs = 1;
+    //</editor-fold>
+    //<editor-fold desc="offset-left">
+    /**
+     * Number of columns to offset left at extra-small (optional).
+     */
+    this.offsetLeftXs = 0;
+    //</editor-fold>
+    //<editor-fold desc="offset-right">
+    /**
+     * Number of columns to offset right (optional).
+     */
+    this.offsetRight = 0;
+    //</editor-fold>
+    //<editor-fold desc="offset">
+    /**
+     * Number of columns to offset left and right at extra-small (optional).
+     */
+    this.offsetXs = 0;
+  }
+  //</editor-fold>
+  get columnClass() {
+    const { columnsXs, columnsSm, columnsMd, columnsLg } = this;
+    const value = [];
+    if (columnsXs && !Number.isNaN(columnsXs)) {
+      value.push(`columns-xs-${columnsXs}`);
+    }
+    if (columnsSm && !Number.isNaN(columnsSm)) {
+      value.push(`columns-sm-${columnsSm}`);
+    }
+    if (columnsMd && !Number.isNaN(columnsMd)) {
+      value.push(`columns-md-${columnsMd}`);
+    }
+    if (columnsLg && !Number.isNaN(columnsLg)) {
+      value.push(`columns-lg-${columnsLg}`);
+    }
+    return value.join(' ');
+  }
+  get offsetLeftClass() {
+    const { offsetLeftXs, offsetLeftSm, offsetLeftMd, offsetLeftLg } = this;
+    const value = [];
+    if (offsetLeftXs && !Number.isNaN(offsetLeftXs)) {
+      value.push(`offset-left-xs-${offsetLeftXs}`);
+    }
+    if (offsetLeftSm && !Number.isNaN(offsetLeftSm)) {
+      value.push(`offset-left-sm-${offsetLeftSm}`);
+    }
+    if (offsetLeftMd && !Number.isNaN(offsetLeftMd)) {
+      value.push(`offset-left-md-${offsetLeftMd}`);
+    }
+    if (offsetLeftLg && !Number.isNaN(offsetLeftLg)) {
+      value.push(`offset-left-lg-${offsetLeftLg}`);
+    }
+    return value.join(' ');
+  }
+  get offsetRightClass() {
+    const { offsetRightXs, offsetRightSm, offsetRightMd, offsetRightLg } = this;
+    const value = [];
+    if (offsetRightXs && !Number.isNaN(offsetRightXs)) {
+      value.push(`offset-right-xs-${offsetRightXs}`);
+    }
+    if (offsetRightSm && !Number.isNaN(offsetRightSm)) {
+      value.push(`offset-right-sm-${offsetRightSm}`);
+    }
+    if (offsetRightMd && !Number.isNaN(offsetRightMd)) {
+      value.push(`offset-right-md-${offsetRightMd}`);
+    }
+    if (offsetRightLg && !Number.isNaN(offsetRightLg)) {
+      value.push(`offset-right-lg-${offsetRightLg}`);
+    }
+    return value.join(' ');
+  }
+  get offsetClass() {
+    const { offsetXs, offsetSm, offsetMd, offsetLg } = this;
+    const value = [];
+    if (offsetXs && !Number.isNaN(offsetXs)) {
+      value.push(`offset-xs-${offsetXs}`);
+    }
+    if (offsetSm && !Number.isNaN(offsetSm)) {
+      value.push(`offset-sm-${offsetSm}`);
+    }
+    if (offsetMd && !Number.isNaN(offsetMd)) {
+      value.push(`offset-md-${offsetMd}`);
+    }
+    if (offsetLg && !Number.isNaN(offsetLg)) {
+      value.push(`offset-lg-${offsetLg}`);
+    }
+    return value.join(' ');
+  }
+  render() {
+    const { columnClass, offsetClass, offsetLeftClass, offsetRightClass, } = this;
+    return (h(Host, { class: `${columnClass} ${offsetLeftClass} ${offsetRightClass} ${offsetClass}` }, h("slot", null)));
+  }
+};
+Ku4Grid.style = ku4GridCss;
+
+export { Ku4Grid as ku4_grid };

package/dist/ku4web-components/ku4-grid.system.entry.js

@@ -0,0 +1 @@
+System.register(["./index-4036ffa2.system.js"],(function(t){"use strict";var o,a,i;return{setters:[function(t){o=t.r;a=t.h;i=t.f}],execute:function(){var l=":host{position:relative;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width: 1px){:host(.columns-xs-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-xs-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-xs-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-xs-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-xs-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-xs-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-xs-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-xs-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-xs-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-xs-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-xs-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-xs-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-xs-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-xs-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-xs-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-xs-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-xs-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-xs-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-xs-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-xs-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-xs-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-xs-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-xs, 6px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}}@media only screen and (min-width: 768px){:host(.columns-sm-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-sm-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-sm-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-sm-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-sm-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-sm-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-sm-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-sm-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-sm-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-sm-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-sm-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-sm-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-sm-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-sm-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-sm-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-sm-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-sm-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-sm-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-sm-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-sm-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-sm-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-sm-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-sm, 10px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}}@media only screen and (min-width: 992px){:host(.columns-md-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-md-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-md-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-md-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-md-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-md-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-md-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-md-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-md-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-md-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-md-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-md-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-md-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-md-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-md-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-md-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-md-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-md-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-md-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-md-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-md-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-md-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-md, 12px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}}@media only screen and (min-width: 1200px){:host(.columns-lg-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-lg-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-lg-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-lg-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-lg-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-lg-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-lg-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-lg-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-lg-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-lg-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-lg-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-lg-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-lg-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-lg-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-lg-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-lg-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-lg-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-lg-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-lg-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-lg-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-lg-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-lg-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-lg, 16px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}}::slotted(*){margin-left:var(--ku4-grid-column-gutter, 15px);margin-right:var(--ku4-grid-column-gutter, 15px)}";var s=t("ku4_grid",function(){function t(t){o(this,t);this.columnsXs=1;this.offsetLeftXs=0;this.offsetRight=0;this.offsetXs=0}Object.defineProperty(t.prototype,"columnClass",{get:function(){var t=this,o=t.columnsXs,a=t.columnsSm,i=t.columnsMd,l=t.columnsLg;var s=[];if(o&&!Number.isNaN(o)){s.push("columns-xs-".concat(o))}if(a&&!Number.isNaN(a)){s.push("columns-sm-".concat(a))}if(i&&!Number.isNaN(i)){s.push("columns-md-".concat(i))}if(l&&!Number.isNaN(l)){s.push("columns-lg-".concat(l))}return s.join(" ")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"offsetLeftClass",{get:function(){var t=this,o=t.offsetLeftXs,a=t.offsetLeftSm,i=t.offsetLeftMd,l=t.offsetLeftLg;var s=[];if(o&&!Number.isNaN(o)){s.push("offset-left-xs-".concat(o))}if(a&&!Number.isNaN(a)){s.push("offset-left-sm-".concat(a))}if(i&&!Number.isNaN(i)){s.push("offset-left-md-".concat(i))}if(l&&!Number.isNaN(l)){s.push("offset-left-lg-".concat(l))}return s.join(" ")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"offsetRightClass",{get:function(){var t=this,o=t.offsetRightXs,a=t.offsetRightSm,i=t.offsetRightMd,l=t.offsetRightLg;var s=[];if(o&&!Number.isNaN(o)){s.push("offset-right-xs-".concat(o))}if(a&&!Number.isNaN(a)){s.push("offset-right-sm-".concat(a))}if(i&&!Number.isNaN(i)){s.push("offset-right-md-".concat(i))}if(l&&!Number.isNaN(l)){s.push("offset-right-lg-".concat(l))}return s.join(" ")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"offsetClass",{get:function(){var t=this,o=t.offsetXs,a=t.offsetSm,i=t.offsetMd,l=t.offsetLg;var s=[];if(o&&!Number.isNaN(o)){s.push("offset-xs-".concat(o))}if(a&&!Number.isNaN(a)){s.push("offset-sm-".concat(a))}if(i&&!Number.isNaN(i)){s.push("offset-md-".concat(i))}if(l&&!Number.isNaN(l)){s.push("offset-lg-".concat(l))}return s.join(" ")},enumerable:false,configurable:true});t.prototype.render=function(){var t=this,o=t.columnClass,l=t.offsetClass,s=t.offsetLeftClass,m=t.offsetRightClass;return a(i,{class:"".concat(o," ").concat(s," ").concat(m," ").concat(l)},a("slot",null))};return t}());s.style=l}}}));

package/dist/ku4web-components/ku4-label.entry.js

@@ -0,0 +1,70 @@
+import { r as registerInstance, h, f as Host, g as getElement } from './index-52b04dce.js';
+import { Y, t, R } from './index-135dacad.js';
+
+const ku4LabelCss = ":host{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:14px}::slotted(*){padding:6px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:18px;-webkit-appearance:none}label{position:absolute;display:var(--ku4-label-display, inline);top:var(--ku4-label-top, -6px);left:var(--ku4-label-left, 8px);padding:var(--ku4-label-padding, 0 4px);font-size:inherit;line-height:inherit;background-color:var(--ku4-label-background-color, inherit);color:inherit;z-index:1;white-space:nowrap;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}label.empty{opacity:0;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}";
+
+const Ku4Label = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+    this.handleInput = this.handleInput.bind(this);
+    this.handleKeyUp = this.handleKeyUp.bind(this);
+    this.handleReset = this.handleReset.bind(this);
+  }
+  handleFocus() {
+    Y(100).then(() => { this.empty = t.isNullOrEmpty(this.field.value); });
+  }
+  handleChange() {
+    this.empty = t.isNullOrEmpty(this.field.value);
+  }
+  handleInput() {
+    this.empty = t.isNullOrEmpty(this.field.value);
+  }
+  handleKeyUp() {
+    this.empty = t.isNullOrEmpty(this.field.value);
+  }
+  handleReset() {
+    this.empty = true;
+  }
+  componentWillLoad() {
+    this.field = this.host.querySelector('input, select, textarea');
+    this.empty = t.isNullOrEmpty(this.field.value);
+    this.placeholder = this.field.getAttribute('placeholder');
+    this.field.addEventListener('focus', this.handleFocus);
+    this.field.addEventListener('change', this.handleChange);
+    this.field.addEventListener('input', this.handleInput);
+    this.field.addEventListener('keyup', this.handleKeyUp);
+    const labelledby = this.field.getAttribute('aria-labelledby');
+    const id = this.host.getAttribute('id') || R.uid();
+    this.host.setAttribute('id', id);
+    if (t.isNullOrEmpty(labelledby)) {
+      this.field.setAttribute('aria-labelledby', id);
+    }
+    if (t.isFunction(this.host.closest)) {
+      this.form = this.host.closest('form');
+      if (this.form && this.form.addEventListener) {
+        this.form.addEventListener('reset', this.handleReset);
+      }
+    }
+  }
+  disconnectedCallback() {
+    if (this.field && this.field.removeEventListener) {
+      this.field.removeEventListener('focus', this.handleFocus);
+      this.field.removeEventListener('change', this.handleChange);
+      this.field.removeEventListener('input', this.handleInput);
+      this.field.removeEventListener('keyup', this.handleKeyUp);
+      if (this.form && this.form.removeEventListener) {
+        this.form.removeEventListener('reset', this.handleReset);
+      }
+    }
+  }
+  render() {
+    const { empty, value, placeholder } = this;
+    return (h(Host, null, h("label", { htmlFor: this.for, class: `${empty ? 'empty' : ''}` }, value || placeholder), h("slot", null)));
+  }
+  get host() { return getElement(this); }
+};
+Ku4Label.style = ku4LabelCss;
+
+export { Ku4Label as ku4_label };

package/dist/ku4web-components/ku4-label.system.entry.js

@@ -0,0 +1 @@
+System.register(["./index-4036ffa2.system.js","./index-dcd9a8a7.system.js"],(function(e){"use strict";var t,i,s,n,l,o,r;return{setters:[function(e){t=e.r;i=e.h;s=e.f;n=e.g},function(e){l=e.Y;o=e.t;r=e.R}],execute:function(){var h=":host{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:14px}::slotted(*){padding:6px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:18px;-webkit-appearance:none}label{position:absolute;display:var(--ku4-label-display, inline);top:var(--ku4-label-top, -6px);left:var(--ku4-label-left, 8px);padding:var(--ku4-label-padding, 0 4px);font-size:inherit;line-height:inherit;background-color:var(--ku4-label-background-color, inherit);color:inherit;z-index:1;white-space:nowrap;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}label.empty{opacity:0;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}";var a=e("ku4_label",function(){function e(e){t(this,e);this.handleFocus=this.handleFocus.bind(this);this.handleChange=this.handleChange.bind(this);this.handleInput=this.handleInput.bind(this);this.handleKeyUp=this.handleKeyUp.bind(this);this.handleReset=this.handleReset.bind(this)}e.prototype.handleFocus=function(){var e=this;l(100).then((function(){e.empty=o.isNullOrEmpty(e.field.value)}))};e.prototype.handleChange=function(){this.empty=o.isNullOrEmpty(this.field.value)};e.prototype.handleInput=function(){this.empty=o.isNullOrEmpty(this.field.value)};e.prototype.handleKeyUp=function(){this.empty=o.isNullOrEmpty(this.field.value)};e.prototype.handleReset=function(){this.empty=true};e.prototype.componentWillLoad=function(){this.field=this.host.querySelector("input, select, textarea");this.empty=o.isNullOrEmpty(this.field.value);this.placeholder=this.field.getAttribute("placeholder");this.field.addEventListener("focus",this.handleFocus);this.field.addEventListener("change",this.handleChange);this.field.addEventListener("input",this.handleInput);this.field.addEventListener("keyup",this.handleKeyUp);var e=this.field.getAttribute("aria-labelledby");var t=this.host.getAttribute("id")||r.uid();this.host.setAttribute("id",t);if(o.isNullOrEmpty(e)){this.field.setAttribute("aria-labelledby",t)}if(o.isFunction(this.host.closest)){this.form=this.host.closest("form");if(this.form&&this.form.addEventListener){this.form.addEventListener("reset",this.handleReset)}}};e.prototype.disconnectedCallback=function(){if(this.field&&this.field.removeEventListener){this.field.removeEventListener("focus",this.handleFocus);this.field.removeEventListener("change",this.handleChange);this.field.removeEventListener("input",this.handleInput);this.field.removeEventListener("keyup",this.handleKeyUp);if(this.form&&this.form.removeEventListener){this.form.removeEventListener("reset",this.handleReset)}}};e.prototype.render=function(){var e=this,t=e.empty,n=e.value,l=e.placeholder;return i(s,null,i("label",{htmlFor:this.for,class:"".concat(t?"empty":"")},n||l),i("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=h}}}));