ku4web-components 6.4.34 → 6.4.38

package/dist/cjs/{index-fabdc7d0.js → index-38fe0039.js}

@@ -1340,7 +1340,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
             if (!styles.has(scopeId)) {
                 const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
                 if (cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-                    style = await Promise.resolve().then(function () { return require('./shadow-css-4bfd7bfa.js'); }).then((m) => m.scopeCss(style, scopeId, false));
+                    style = await Promise.resolve().then(function () { return require('./shadow-css-d8ee70b1.js'); }).then((m) => m.scopeCss(style, scopeId, false));
                 }
                 registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
                 endRegisterStyles();

package/dist/cjs/ku4-carousel-controls.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
 
 const ku4CarouselControlsCss = ":host{position:relative;display:block}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=radio]:checked:after{content:\"\";position:absolute;top:2px;left:2px;width:14px;height:14px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background-color:#333}";
 
-const Ku4CarouselControls = class {
+let Ku4CarouselControls = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.carousel = document.getElementById(this.for);

package/dist/cjs/ku4-carousel-slide.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
+const index = require('./index-38fe0039.js');
 
 const ku4CarouselSlideCss = ":host{overflow-x:hidden}";
 
-const Ku4CarouselSlide = class {
+let Ku4CarouselSlide = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.classList = '';

package/dist/cjs/ku4-carousel.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
-const index$2 = require('./index-c52d450b.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
+const index$2 = require('./index-e2a47c3c.js');
 
-const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;left:-100%;opacity:0}100%{top:0;left:0;opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;left:-100%;opacity:0}100%{top:0;left:0;opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;left:100%;opacity:0}100%{top:0;left:0;opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;left:100%;opacity:0}100%{top:0;left:0;opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;left:0;opacity:1}100%{top:0;left:-100%;opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;left:0;opacity:1}100%{top:0;left:-100%;opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;left:0;opacity:1}100%{top:0;left:100%;opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;left:0;opacity:1}100%{top:0;left:100%;opacity:0}}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;background-color:var(--ku4-carousel-background-color, #fff)}.slide-container{position:relative;width:100%;height:100%;overflow:hidden}.controls .next,.controls .prev{position:absolute;display:var(--ku4-carousel-controls-display, block);top:var(--ku4-carousel-controls-top, 0);border:var(--ku4-carousel-controls-border, none);background-color:var(--ku4-carousel-controls-background-color, #fff);font-family:var(--ku4-carousel-controls-font-family, Helvetica, Arial, sans-serif);font-weight:var(--ku4-carousel-controls-font-weight, 400);font-size:var(--ku4-carousel-controls-font-size, 8px);line-height:var(--ku4-carousel-controls-line-height, 12px);opacity:var(--ku4-carousel-controls-opacity, 0.2);z-index:var(--ku4-carousel-controls-z-index, 2)}.controls .next:focus,.controls .prev:focus{background-color:var(--ku4-carousel-controls-focus-background-color, transparent);outline:var(--ku4-carousel-controls-focus-outline, none);opacity:var(--ku4-carousel-controls-focus-opacity, 0.2)}.controls .next:hover,.controls .prev:hover{background-color:var(--ku4-carousel-controls-hover-background-color, transparent);opacity:var(--ku4-carousel-controls-hover-opacity, 1)}.controls .next{right:0;width:var(--ku4-carousel-controls-next-width, 40px);height:var(--ku4-carousel-controls-next-height, 100%);background-image:var(--ku4-carousel-controls-next-background-image);background-repeat:var(--ku4-carousel-controls-next-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-background-size, 100% 100%)}.controls .next:focus{background-image:var(--ku4-carousel-controls-next-focus-background-image);background-repeat:var(--ku4-carousel-controls-next-focus-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-focus-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-focus-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-focus-background-size, 100% 100%)}.controls .next:hover{background-image:var(--ku4-carousel-controls-next-hover-background-image);background-repeat:var(--ku4-carousel-controls-next-hover-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-hover-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-hover-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-hover-background-size, 100% 100%)}.controls .prev{left:0;width:var(--ku4-carousel-controls-next-width, 40px);height:var(--ku4-carousel-controls-next-height, 100%);background-image:var(--ku4-carousel-controls-previous-background-image);background-repeat:var(--ku4-carousel-controls-previous-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-background-size, 100% 100%)}.controls .prev:focus{background-image:var(--ku4-carousel-controls-previous-focus-background-image);background-repeat:var(--ku4-carousel-controls-previous-focus-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-focus-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-focus-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-focus-background-size, 100% 100%)}.controls .prev:hover{background-image:var(--ku4-carousel-controls-previous-hover-background-image);background-repeat:var(--ku4-carousel-controls-previous-hover-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-hover-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-hover-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-hover-background-size, 100% 100%)}.pages{position:absolute;top:var(--ku4-carousel-pages-top, auto);bottom:var(--ku4-carousel-pages-bottom, 4px);width:var(--ku4-carousel-pages-width, auto);height:var(--ku4-carousel-pages-height, 20px);background-color:var(--ku4-carousel-pages-background-color, transparent);opacity:var(--ku4-carousel-pages-opacity, 0.5);text-align:center;z-index:3}.pages-text{display:inline-block;padding:var(--ku4-carousel-pages-text-padding, 4px);font-family:var(--ku4-carousel-pages-text-font-family, Helvetica, Arial, sans-serif);font-weight:var(--ku4-carousel-pages-text-font-weight, 600);font-size:var(--ku4-carousel-pages-text-font-size, 14px);line-height:var(--ku4-carousel-pages-text-line-height, 16px);color:var(--ku4-carousel-pages-text-color, #aaa)}::slotted(*){position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:-100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(.inactive){position:absolute;height:100%}::slotted(.inactive.prev){-webkit-animation-name:var(--ku4-carousel-animation-inactive-previous-name, ku4-carousel-exit-right);animation-name:var(--ku4-carousel-animation-inactive-previous-name, ku4-carousel-exit-right);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function)}::slotted(.inactive.next){-webkit-animation-name:var(--ku4-carousel-animation-inactive-next-name, ku4-carousel-exit-left);animation-name:var(--ku4-carousel-animation-inactive-next-name, ku4-carousel-exit-left);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function)}::slotted(.active){position:relative;top:0;left:0;width:auto;height:100%;z-index:1}::slotted(.active.prev){-webkit-animation-name:var(--ku4-carousel-animation-active-previous-name, ku4-carousel-enter-left);animation-name:var(--ku4-carousel-animation-active-previous-name, ku4-carousel-enter-left);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease)}::slotted(.active.next){-webkit-animation-name:var(--ku4-carousel-animation-active-next-name, ku4-carousel-enter-right);animation-name:var(--ku4-carousel-animation-active-next-name, ku4-carousel-enter-right);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease)}@media (hover: hover){.controls:hover{background-color:var(--ku4-carousel-controls-focus-background-color, #fff)}}";
+const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;left:-100%;opacity:0}100%{top:0;left:0;opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;left:-100%;opacity:0}100%{top:0;left:0;opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;left:100%;opacity:0}100%{top:0;left:0;opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;left:100%;opacity:0}100%{top:0;left:0;opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;left:0;opacity:1}100%{top:0;left:-100%;opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;left:0;opacity:1}100%{top:0;left:-100%;opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;left:0;opacity:1}100%{top:0;left:100%;opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;left:0;opacity:1}100%{top:0;left:100%;opacity:0}}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;background-color:var(--ku4-carousel-background-color, #fff)}.slide-container{position:relative;width:100%;height:100%;overflow:hidden}.controls .next,.controls .prev{position:absolute;display:var(--ku4-carousel-controls-display, block);top:var(--ku4-carousel-controls-top, 0);border:var(--ku4-carousel-controls-border, none);background-color:var(--ku4-carousel-controls-background-color, #fff);font-family:var(--ku4-carousel-controls-font-family, Helvetica, Arial, sans-serif);font-weight:var(--ku4-carousel-controls-font-weight, 400);font-size:var(--ku4-carousel-controls-font-size, 8px);line-height:var(--ku4-carousel-controls-line-height, 12px);opacity:var(--ku4-carousel-controls-opacity, 0.2);z-index:var(--ku4-carousel-controls-z-index, 2)}.controls .next:focus,.controls .prev:focus{background-color:var(--ku4-carousel-controls-focus-background-color, transparent);outline:var(--ku4-carousel-controls-focus-outline, none);opacity:var(--ku4-carousel-controls-focus-opacity, 0.2)}.controls .next:hover,.controls .prev:hover{background-color:var(--ku4-carousel-controls-hover-background-color, transparent);opacity:var(--ku4-carousel-controls-hover-opacity, 1)}.controls .next{right:0;width:var(--ku4-carousel-controls-next-width, 40px);height:var(--ku4-carousel-controls-next-height, 100%);background-image:var(--ku4-carousel-controls-next-background-image);background-repeat:var(--ku4-carousel-controls-next-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-background-size, 100% 100%)}.controls .next:focus{background-image:var(--ku4-carousel-controls-next-focus-background-image);background-repeat:var(--ku4-carousel-controls-next-focus-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-focus-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-focus-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-focus-background-size, 100% 100%)}.controls .next:hover{background-image:var(--ku4-carousel-controls-next-hover-background-image);background-repeat:var(--ku4-carousel-controls-next-hover-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-next-hover-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-next-hover-background-position-y, 50%);background-size:var(--ku4-carousel-controls-next-hover-background-size, 100% 100%)}.controls .prev{left:0;width:var(--ku4-carousel-controls-next-width, 40px);height:var(--ku4-carousel-controls-next-height, 100%);background-image:var(--ku4-carousel-controls-previous-background-image);background-repeat:var(--ku4-carousel-controls-previous-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-background-size, 100% 100%)}.controls .prev:focus{background-image:var(--ku4-carousel-controls-previous-focus-background-image);background-repeat:var(--ku4-carousel-controls-previous-focus-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-focus-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-focus-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-focus-background-size, 100% 100%)}.controls .prev:hover{background-image:var(--ku4-carousel-controls-previous-hover-background-image);background-repeat:var(--ku4-carousel-controls-previous-hover-background-repeat, no-repeat);background-position-x:var(--ku4-carousel-controls-previous-hover-background-position-x, 0);background-position-y:var(--ku4-carousel-controls-previous-hover-background-position-y, 50%);background-size:var(--ku4-carousel-controls-previous-hover-background-size, 100% 100%)}.pages{position:absolute;display:var(--ku4-carousel-pages-display, block);top:var(--ku4-carousel-pages-top, auto);bottom:var(--ku4-carousel-pages-bottom, 4px);width:var(--ku4-carousel-pages-width, auto);height:var(--ku4-carousel-pages-height, 20px);background-color:var(--ku4-carousel-pages-background-color, transparent);opacity:var(--ku4-carousel-pages-opacity, 0.5);text-align:center;z-index:3}.pages-text{display:inline-block;padding:var(--ku4-carousel-pages-text-padding, 4px);font-family:var(--ku4-carousel-pages-text-font-family, Helvetica, Arial, sans-serif);font-weight:var(--ku4-carousel-pages-text-font-weight, 600);font-size:var(--ku4-carousel-pages-text-font-size, 14px);line-height:var(--ku4-carousel-pages-text-line-height, 16px);color:var(--ku4-carousel-pages-text-color, #aaa)}::slotted(*){position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:-100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(.inactive){position:absolute;height:100%}::slotted(.inactive.prev){-webkit-animation-name:var(--ku4-carousel-animation-inactive-previous-name, ku4-carousel-exit-right);animation-name:var(--ku4-carousel-animation-inactive-previous-name, ku4-carousel-exit-right);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function)}::slotted(.inactive.next){-webkit-animation-name:var(--ku4-carousel-animation-inactive-next-name, ku4-carousel-exit-left);animation-name:var(--ku4-carousel-animation-inactive-next-name, ku4-carousel-exit-left);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function)}::slotted(.active){position:relative;top:0;left:0;width:auto;height:100%;z-index:1}::slotted(.active.prev){-webkit-animation-name:var(--ku4-carousel-animation-active-previous-name, ku4-carousel-enter-left);animation-name:var(--ku4-carousel-animation-active-previous-name, ku4-carousel-enter-left);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease)}::slotted(.active.next){-webkit-animation-name:var(--ku4-carousel-animation-active-next-name, ku4-carousel-enter-right);animation-name:var(--ku4-carousel-animation-active-next-name, ku4-carousel-enter-right);-webkit-animation-duration:var(--ku4-carousel-animation-duration, 0.4);animation-duration:var(--ku4-carousel-animation-duration, 0.4);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease)}@media (hover: hover){.controls:hover{background-color:var(--ku4-carousel-controls-focus-background-color, #fff)}}";
 
-const Ku4Carousel = class {
+let Ku4Carousel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.didSlide = index.createEvent(this, "slide", 7);
@@ -21,6 +21,10 @@ const Ku4Carousel = class {
      * Will start this carousel in auto scroll mode
      */
     this.auto = false;
+    /**
+     * Prevents touch swiping
+     */
+    this.noSwipe = false;
     /**
      * Delay in millisecond between slide changes
      * when running in auto
@@ -112,14 +116,16 @@ const Ku4Carousel = class {
     }
   }
   componentWillLoad() {
-    this.swipe = new index$2.Swipe(this.host, this.swipeTolerance)
-      .onLeft(() => this.next())
-      .onRight(() => this.previous());
+    if (!this.noSwipe) {
+      this.swipe = new index$2.Swipe(this.host, this.swipeTolerance)
+        .onLeft(() => this.next())
+        .onRight(() => this.previous());
+    }
     let slides;
     try {
       slides = this.host.querySelectorAll(':scope > ku4-carousel-slide');
     }
-    catch (_e) {
+    catch (e) {
       slides = [].slice.call(this.host.querySelectorAll('ku4-carousel-slide'))
         .reduce((acc, item) => {
         if (item.parentNode === this.host) {

package/dist/cjs/ku4-col.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
+const index = require('./index-38fe0039.js');
 
 const ku4ColCss = ":host{position:relative;display:block}@media only screen and (min-width: 1px){:host(.start-xs-0){grid-column-start:1}:host(.start-xs-1){grid-column-start:2}:host(.start-xs-2){grid-column-start:3}:host(.start-xs-3){grid-column-start:4}:host(.start-xs-4){grid-column-start:5}:host(.start-xs-5){grid-column-start:6}:host(.start-xs-6){grid-column-start:7}:host(.start-xs-7){grid-column-start:8}:host(.start-xs-8){grid-column-start:9}:host(.start-xs-9){grid-column-start:10}:host(.start-xs-10){grid-column-start:11}:host(.start-xs-11){grid-column-start:12}:host(.start-xs-12){grid-column-start:13}:host(.span-xs-1){grid-column-end:span 1}:host(.span-xs-2){grid-column-end:span 2}:host(.span-xs-3){grid-column-end:span 3}:host(.span-xs-4){grid-column-end:span 4}:host(.span-xs-5){grid-column-end:span 5}:host(.span-xs-6){grid-column-end:span 6}:host(.span-xs-7){grid-column-end:span 7}:host(.span-xs-8){grid-column-end:span 8}:host(.span-xs-9){grid-column-end:span 9}:host(.span-xs-10){grid-column-end:span 10}:host(.span-xs-11){grid-column-end:span 11}:host(.span-xs-12){grid-column-end:span 12}:host(.order-xs-1){-ms-flex-order:1;order:1}:host(.order-xs-2){-ms-flex-order:2;order:2}:host(.order-xs-3){-ms-flex-order:3;order:3}:host(.order-xs-4){-ms-flex-order:4;order:4}:host(.order-xs-5){-ms-flex-order:5;order:5}:host(.order-xs-6){-ms-flex-order:6;order:6}:host(.order-xs-7){-ms-flex-order:7;order:7}:host(.order-xs-8){-ms-flex-order:8;order:8}:host(.order-xs-9){-ms-flex-order:9;order:9}:host(.order-xs-10){-ms-flex-order:10;order:10}:host(.order-xs-11){-ms-flex-order:11;order:11}:host(.order-xs-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 768px){:host(.start-sm-0){grid-column-start:1}:host(.start-sm-1){grid-column-start:2}:host(.start-sm-2){grid-column-start:3}:host(.start-sm-3){grid-column-start:4}:host(.start-sm-4){grid-column-start:5}:host(.start-sm-5){grid-column-start:6}:host(.start-sm-6){grid-column-start:7}:host(.start-sm-7){grid-column-start:8}:host(.start-sm-8){grid-column-start:9}:host(.start-sm-9){grid-column-start:10}:host(.start-sm-10){grid-column-start:11}:host(.start-sm-11){grid-column-start:12}:host(.start-sm-12){grid-column-start:13}:host(.span-sm-1){grid-column-end:span 1}:host(.span-sm-2){grid-column-end:span 2}:host(.span-sm-3){grid-column-end:span 3}:host(.span-sm-4){grid-column-end:span 4}:host(.span-sm-5){grid-column-end:span 5}:host(.span-sm-6){grid-column-end:span 6}:host(.span-sm-7){grid-column-end:span 7}:host(.span-sm-8){grid-column-end:span 8}:host(.span-sm-9){grid-column-end:span 9}:host(.span-sm-10){grid-column-end:span 10}:host(.span-sm-11){grid-column-end:span 11}:host(.span-sm-12){grid-column-end:span 12}:host(.order-sm-1){-ms-flex-order:1;order:1}:host(.order-sm-2){-ms-flex-order:2;order:2}:host(.order-sm-3){-ms-flex-order:3;order:3}:host(.order-sm-4){-ms-flex-order:4;order:4}:host(.order-sm-5){-ms-flex-order:5;order:5}:host(.order-sm-6){-ms-flex-order:6;order:6}:host(.order-sm-7){-ms-flex-order:7;order:7}:host(.order-sm-8){-ms-flex-order:8;order:8}:host(.order-sm-9){-ms-flex-order:9;order:9}:host(.order-sm-10){-ms-flex-order:10;order:10}:host(.order-sm-11){-ms-flex-order:11;order:11}:host(.order-sm-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 992px){:host(.start-md-0){grid-column-start:1}:host(.start-md-1){grid-column-start:2}:host(.start-md-2){grid-column-start:3}:host(.start-md-3){grid-column-start:4}:host(.start-md-4){grid-column-start:5}:host(.start-md-5){grid-column-start:6}:host(.start-md-6){grid-column-start:7}:host(.start-md-7){grid-column-start:8}:host(.start-md-8){grid-column-start:9}:host(.start-md-9){grid-column-start:10}:host(.start-md-10){grid-column-start:11}:host(.start-md-11){grid-column-start:12}:host(.start-md-12){grid-column-start:13}:host(.span-md-1){grid-column-end:span 1}:host(.span-md-2){grid-column-end:span 2}:host(.span-md-3){grid-column-end:span 3}:host(.span-md-4){grid-column-end:span 4}:host(.span-md-5){grid-column-end:span 5}:host(.span-md-6){grid-column-end:span 6}:host(.span-md-7){grid-column-end:span 7}:host(.span-md-8){grid-column-end:span 8}:host(.span-md-9){grid-column-end:span 9}:host(.span-md-10){grid-column-end:span 10}:host(.span-md-11){grid-column-end:span 11}:host(.span-md-12){grid-column-end:span 12}:host(.order-md-1){-ms-flex-order:1;order:1}:host(.order-md-2){-ms-flex-order:2;order:2}:host(.order-md-3){-ms-flex-order:3;order:3}:host(.order-md-4){-ms-flex-order:4;order:4}:host(.order-md-5){-ms-flex-order:5;order:5}:host(.order-md-6){-ms-flex-order:6;order:6}:host(.order-md-7){-ms-flex-order:7;order:7}:host(.order-md-8){-ms-flex-order:8;order:8}:host(.order-md-9){-ms-flex-order:9;order:9}:host(.order-md-10){-ms-flex-order:10;order:10}:host(.order-md-11){-ms-flex-order:11;order:11}:host(.order-md-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 1200px){:host(.start-lg-0){grid-column-start:1}:host(.start-lg-1){grid-column-start:2}:host(.start-lg-2){grid-column-start:3}:host(.start-lg-3){grid-column-start:4}:host(.start-lg-4){grid-column-start:5}:host(.start-lg-5){grid-column-start:6}:host(.start-lg-6){grid-column-start:7}:host(.start-lg-7){grid-column-start:8}:host(.start-lg-8){grid-column-start:9}:host(.start-lg-9){grid-column-start:10}:host(.start-lg-10){grid-column-start:11}:host(.start-lg-11){grid-column-start:12}:host(.start-lg-12){grid-column-start:13}:host(.span-lg-1){grid-column-end:span 1}:host(.span-lg-2){grid-column-end:span 2}:host(.span-lg-3){grid-column-end:span 3}:host(.span-lg-4){grid-column-end:span 4}:host(.span-lg-5){grid-column-end:span 5}:host(.span-lg-6){grid-column-end:span 6}:host(.span-lg-7){grid-column-end:span 7}:host(.span-lg-8){grid-column-end:span 8}:host(.span-lg-9){grid-column-end:span 9}:host(.span-lg-10){grid-column-end:span 10}:host(.span-lg-11){grid-column-end:span 11}:host(.span-lg-12){grid-column-end:span 12}:host(.order-lg-1){-ms-flex-order:1;order:1}:host(.order-lg-2){-ms-flex-order:2;order:2}:host(.order-lg-3){-ms-flex-order:3;order:3}:host(.order-lg-4){-ms-flex-order:4;order:4}:host(.order-lg-5){-ms-flex-order:5;order:5}:host(.order-lg-6){-ms-flex-order:6;order:6}:host(.order-lg-7){-ms-flex-order:7;order:7}:host(.order-lg-8){-ms-flex-order:8;order:8}:host(.order-lg-9){-ms-flex-order:9;order:9}:host(.order-lg-10){-ms-flex-order:10;order:10}:host(.order-lg-11){-ms-flex-order:11;order:11}:host(.order-lg-12){-ms-flex-order:12;order:12}}";
 
-const Ku4Col = class {
+let Ku4Col = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ku4-drawer.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
+const index = require('./index-38fe0039.js');
 
 const ku4DrawerCss = ":host{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:1}:host([top]),:host([bottom]){width:100%;height:0;-webkit-transition:height 0.4s;transition:height 0.4s}:host([left]),:host([right]){width:0;height:100%;-webkit-transition:width 0.4s;transition:width 0.4s}:host([top][open]),:host([bottom][open]){height:100%}:host([left][open]),:host([right][open]){width:100%}:host([top][open=false]),:host([bottom][open=false]){height:0}:host([left][open=false]),:host([right][open=false]){width:0}:host([top]),:host([left]){top:0;left:0}:host([bottom]){left:0;bottom:0}:host([right]){right:0;bottom:0}";
 
-const Ku4Drawer = class {
+let Ku4Drawer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ku4-feature.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
 
-const Ku4Feature = class {
+let Ku4Feature = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ku4-focus-trap.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-ff13b651.js');
-const index$2 = require('./index-51b7a610.js');
-const index = require('./index-c52d450b.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
+const index$2 = require('./index-e2a47c3c.js');
 
 /**
 * Sets aria-hidden attribute for passed elements
@@ -46,13 +46,13 @@ const queryTabbable = element => [].slice.call(element.querySelectorAll(':not([t
 
 const ku4FocusTrapCss = ":host{position:static}";
 
-const { tab } = index.Key;
-const tabShift = index.Key.tab.shift;
-const tabAlt = index.Key.tab.alt;
-const tabAltShift = index.Key.tab.alt.shift;
-const Ku4FocusTrap = class {
+const { tab } = index$2.Key;
+const tabShift = index$2.Key.tab.shift;
+const tabAlt = index$2.Key.tab.alt;
+const tabAltShift = index$2.Key.tab.alt.shift;
+let Ku4FocusTrap = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.iframes = [];
     /**
      * Focus trap will be active when true.
@@ -112,41 +112,41 @@ const Ku4FocusTrap = class {
     if ((tabShift.didFire(e) || tabAltShift.didFire(e))) {
       try {
         if (this.iframes.length > 0 && (this.trapElements[1] === e.target ||
-          !index$2.t.isNull(e.target.getAttribute('ku4-focus-wrap')) ||
+          !index$1.t.isNull(e.target.getAttribute('ku4-focus-wrap')) ||
           this.iframes.some(iframe => iframe.contains(e.target)))) {
           return;
         }
         if (this.trapElements[0] === e.target) {
           this.trapElements[1].focus();
-          return index.Event.mute(e);
+          return index$2.Event.mute(e);
         }
         const nextIndex = this.focusableElements.indexOf(e.target) - 1;
         const next = nextIndex < 0 ? this.focusableElements.length - 1 : nextIndex;
         this.focusableElements[next].focus();
-        return index.Event.mute(e);
+        return index$2.Event.mute(e);
       }
       catch (e) {
-        return index.Event.mute(e);
+        return index$2.Event.mute(e);
       }
     }
     if ((tab.didFire(e) || tabAlt.didFire(e))) {
       try {
         if (this.iframes.length > 0 && (this.trapElements[0] === e.target ||
-          !index$2.t.isNull(e.target.getAttribute('ku4-focus-wrap')) ||
+          !index$1.t.isNull(e.target.getAttribute('ku4-focus-wrap')) ||
           this.iframes.some(iframe => iframe.contains(e.target)))) {
           return;
         }
         if (this.trapElements[1] === e.target) {
           this.trapElements[0].focus();
-          return index.Event.mute(e);
+          return index$2.Event.mute(e);
         }
         const nextIndex = this.focusableElements.indexOf(e.target) + 1;
         const next = nextIndex >= this.focusableElements.length ? 0 : nextIndex;
         this.focusableElements[next].focus();
-        return index.Event.mute(e);
+        return index$2.Event.mute(e);
       }
       catch (e) {
-        return index.Event.mute(e);
+        return index$2.Event.mute(e);
       }
     }
   }
@@ -156,23 +156,23 @@ const Ku4FocusTrap = class {
   // on one of the trapElements (the two dynamically created wrapper
   // elements that create the trap);
   handleKeyUp(e) {
-    const index$1 = this.trapElements.indexOf(e.target);
-    if (index$1 === 0 && (tabShift.didFire(e) || tabAltShift.didFire(e))) {
+    const index = this.trapElements.indexOf(e.target);
+    if (index === 0 && (tabShift.didFire(e) || tabAltShift.didFire(e))) {
       const element = this.focusableElements[this.focusableElements.length - 1] || this.trapElements[1];
       element.focus();
-      return index.Event.mute(e);
+      return index$2.Event.mute(e);
     }
-    if (index$1 === 1 && (tab.didFire(e) || tabAlt.didFire(e))) {
+    if (index === 1 && (tab.didFire(e) || tabAlt.didFire(e))) {
       const element = this.focusableElements[0] || this.trapElements[0];
       element.focus();
-      return index.Event.mute(e);
+      return index$2.Event.mute(e);
     }
   }
   // Prevents all mouse activity on any elements that are not focusable
   // inside of the active trap.
   handleMouse(e) {
     if (!this.elements.some(element => element === e.target)) {
-      index.Event.mute(e);
+      index$2.Event.mute(e);
     }
   }
   addEventListeners(elements) {
@@ -244,7 +244,7 @@ const Ku4FocusTrap = class {
     const exclusions = [].slice.call(document.querySelectorAll(this.exclude) || []);
     let shadowExclusions = [];
     (this.excludeShadow || '').split(',').forEach((selector) => {
-      if (index$2.t.isNullOrEmpty(selector)) {
+      if (index$1.t.isNullOrEmpty(selector)) {
         return;
       }
       try {
@@ -264,7 +264,7 @@ const Ku4FocusTrap = class {
     this.iframes.forEach(iframe => this.wrap(iframe));
     // Set element in this trap deduplicating any that may have been duplicated
     // with careless user inclusions.
-    this.elements = index$2.o([...queryTabbable(this.host), ...inclusions]);
+    this.elements = index$1.o([...queryTabbable(this.host), ...inclusions]);
     // Get the focusable elements. This may be overkill as we really only need
     // to know the first and last focusable. If that is the case, we may be
     // able to just use the first and last `this.element` it is still not clear.
@@ -315,9 +315,9 @@ const Ku4FocusTrap = class {
     }
   }
   render() {
-    return index$1.h("slot", null);
+    return index.h("slot", null);
   }
-  get host() { return index$1.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "active": ["activeHandler"]
   }; }

package/dist/cjs/ku4-form.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
-const index$2 = require('./index-c52d450b.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
+const index$2 = require('./index-e2a47c3c.js');
 
-const Ku4Form = class {
+let Ku4Form = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.validate = this.validate.bind(this);

package/dist/cjs/ku4-grid.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
+const index = require('./index-38fe0039.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(calc(100%), auto));margin-bottom:0}:host(.columns-xs-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(50%), auto));margin-bottom:0}:host(.columns-xs-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(33.3333333333%), auto));margin-bottom:0}:host(.columns-xs-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(25%), auto));margin-bottom:0}:host(.columns-xs-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(20%), auto));margin-bottom:0}:host(.columns-xs-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(16.6666666667%), auto));margin-bottom:0}:host(.columns-xs-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(14.2857142857%), auto));margin-bottom:0}:host(.columns-xs-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(12.5%), auto));margin-bottom:0}:host(.columns-xs-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(11.1111111111%), auto));margin-bottom:0}:host(.columns-xs-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(10%), auto));margin-bottom:0}:host(.columns-xs-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(9.0909090909%), auto));margin-bottom:0}:host(.columns-xs-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(8.3333333333%), auto));margin-bottom:0}:host(.columns-xs-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.6923076923%), auto));margin-bottom:0}:host(.columns-xs-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.1428571429%), auto));margin-bottom:0}:host(.columns-xs-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(6.6666666667%), auto));margin-bottom:0}:host(.columns-xs-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(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(calc(100%), auto));margin-bottom:0}:host(.columns-sm-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(50%), auto));margin-bottom:0}:host(.columns-sm-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(33.3333333333%), auto));margin-bottom:0}:host(.columns-sm-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(25%), auto));margin-bottom:0}:host(.columns-sm-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(20%), auto));margin-bottom:0}:host(.columns-sm-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(16.6666666667%), auto));margin-bottom:0}:host(.columns-sm-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(14.2857142857%), auto));margin-bottom:0}:host(.columns-sm-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(12.5%), auto));margin-bottom:0}:host(.columns-sm-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(11.1111111111%), auto));margin-bottom:0}:host(.columns-sm-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(10%), auto));margin-bottom:0}:host(.columns-sm-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(9.0909090909%), auto));margin-bottom:0}:host(.columns-sm-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(8.3333333333%), auto));margin-bottom:0}:host(.columns-sm-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.6923076923%), auto));margin-bottom:0}:host(.columns-sm-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.1428571429%), auto));margin-bottom:0}:host(.columns-sm-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(6.6666666667%), auto));margin-bottom:0}:host(.columns-sm-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(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(calc(100%), auto));margin-bottom:0}:host(.columns-md-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(50%), auto));margin-bottom:0}:host(.columns-md-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(33.3333333333%), auto));margin-bottom:0}:host(.columns-md-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(25%), auto));margin-bottom:0}:host(.columns-md-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(20%), auto));margin-bottom:0}:host(.columns-md-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(16.6666666667%), auto));margin-bottom:0}:host(.columns-md-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(14.2857142857%), auto));margin-bottom:0}:host(.columns-md-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(12.5%), auto));margin-bottom:0}:host(.columns-md-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(11.1111111111%), auto));margin-bottom:0}:host(.columns-md-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(10%), auto));margin-bottom:0}:host(.columns-md-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(9.0909090909%), auto));margin-bottom:0}:host(.columns-md-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(8.3333333333%), auto));margin-bottom:0}:host(.columns-md-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.6923076923%), auto));margin-bottom:0}:host(.columns-md-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.1428571429%), auto));margin-bottom:0}:host(.columns-md-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(6.6666666667%), auto));margin-bottom:0}:host(.columns-md-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(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(calc(100%), auto));margin-bottom:0}:host(.columns-lg-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(50%), auto));margin-bottom:0}:host(.columns-lg-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(33.3333333333%), auto));margin-bottom:0}:host(.columns-lg-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(25%), auto));margin-bottom:0}:host(.columns-lg-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(20%), auto));margin-bottom:0}:host(.columns-lg-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(16.6666666667%), auto));margin-bottom:0}:host(.columns-lg-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(14.2857142857%), auto));margin-bottom:0}:host(.columns-lg-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(12.5%), auto));margin-bottom:0}:host(.columns-lg-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(11.1111111111%), auto));margin-bottom:0}:host(.columns-lg-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(10%), auto));margin-bottom:0}:host(.columns-lg-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(9.0909090909%), auto));margin-bottom:0}:host(.columns-lg-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(8.3333333333%), auto));margin-bottom:0}:host(.columns-lg-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.6923076923%), auto));margin-bottom:0}:host(.columns-lg-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(7.1428571429%), auto));margin-bottom:0}:host(.columns-lg-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(6.6666666667%), auto));margin-bottom:0}:host(.columns-lg-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(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 {
+let Ku4Grid = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     //<editor-fold desc="columns">

package/dist/cjs/ku4-label.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.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: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 {
+let Ku4Label = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.handleFocus = this.handleFocus.bind(this);

package/dist/cjs/ku4-mask.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$1 = require('./index-51b7a610.js');
+const index = require('./index-38fe0039.js');
+const index$1 = require('./index-da3ed39d.js');
 
 const ku4MaskCss = ":host{display:none}";
 
-const Ku4Mask = class {
+let Ku4Mask = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.charIndexes = [];

package/dist/cjs/ku4-modal.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
-const index$2 = require('./index-51b7a610.js');
-const index$1 = require('./index-c52d450b.js');
+const index = require('./index-38fe0039.js');
+const index$2 = require('./index-da3ed39d.js');
+const index$1 = require('./index-e2a47c3c.js');
 
 const ku4ModalCss = "@-webkit-keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@-webkit-keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}@keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}:host{position:fixed;display:none;top:0;left:0;width:100vw;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:transparent;overflow:auto;-webkit-transform-style:var(--ku4-modal-transform-style, initial);transform-style:var(--ku4-modal-transform-style, initial)}.ku4-modal-content{position:relative;top:0;left:0}.ku4-modal-overlay{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--ku4-modal-overlay-background, #000)}:host([visible]){display:-ms-flexbox;display:flex;z-index:var(--ku4-modal-z-index, 5)}:host([visible]) .ku4-modal-content{-webkit-animation-name:ku4-modal-content-enter;animation-name:ku4-modal-content-enter;-webkit-animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-content-transform, none);transform:var(--ku4-modal-content-transform, none);opacity:var(--ku4-modal-content-opacity, 1);z-index:calc(var(--ku4-modal-z-index, 5) + 1)}:host([visible]) .ku4-modal-overlay{-webkit-animation-name:ku4-modal-overlay-enter;animation-name:ku4-modal-overlay-enter;-webkit-animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-overlay-transform, none);transform:var(--ku4-modal-overlay-transform, none);opacity:var(--ku4-modal-overlay-opacity, 0.4);z-index:calc(var(--ku4-modal-z-index, 5))}:host([visible=false]){display:none}";
 
-const Ku4Modal = class {
+let Ku4Modal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.didDisplay = index.createEvent(this, "display", 7);

package/dist/cjs/ku4-panel.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff13b651.js');
+const index = require('./index-38fe0039.js');
 
 const ku4PanelCss = ":host{-webkit-backface-visibility:hidden;display:block;width:100%;height:auto;max-height:0;-webkit-transition:max-height 0.4s, padding 0.6s;transition:max-height 0.4s, padding 0.6s;overflow:hidden}:host([open]){padding-top:inherit;padding-bottom:inherit}";
 
-const Ku4Panel = class {
+let Ku4Panel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**