ku4web-components 6.4.51 → 6.4.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ku4-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ku4-label.cjs.entry.js +1 -1
- package/dist/esm/ku4-carousel.entry.js +1 -1
- package/dist/esm/ku4-label.entry.js +1 -1
- package/dist/esm-es5/ku4-carousel.entry.js +1 -1
- package/dist/esm-es5/ku4-label.entry.js +1 -1
- package/dist/ku4web-components/ku4web-components.css +1 -1
- package/dist/ku4web-components/ku4web-components.esm.js +1 -1
- package/dist/ku4web-components/p-4bc863e2.system.entry.js +1 -0
- package/dist/ku4web-components/p-7e098f33.system.js +1 -1
- package/dist/ku4web-components/p-7f0bec44.system.entry.js +1 -0
- package/dist/ku4web-components/p-aa345cef.entry.js +1 -0
- package/dist/ku4web-components/{p-877dcd7e.entry.js → p-d23d745e.entry.js} +1 -1
- package/package.json +12 -12
- package/dist/ku4web-components/p-361a6c0c.system.entry.js +0 -1
- package/dist/ku4web-components/p-c5027727.entry.js +0 -1
- package/dist/ku4web-components/p-d8a87f87.system.entry.js +0 -1
|
@@ -6,7 +6,7 @@ const index = require('./index-162f3cbb.js');
|
|
|
6
6
|
const index$1 = require('./index-da3ed39d.js');
|
|
7
7
|
const index$2 = require('./index-e2a47c3c.js');
|
|
8
8
|
|
|
9
|
-
const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;
|
|
9
|
+
const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);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)}}";
|
|
10
10
|
|
|
11
11
|
let Ku4Carousel = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-162f3cbb.js');
|
|
6
6
|
const index$1 = require('./index-da3ed39d.js');
|
|
7
7
|
|
|
8
|
-
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}";
|
|
8
|
+
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}";
|
|
9
9
|
|
|
10
10
|
let Ku4Label = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
|
|
|
2
2
|
import { L, c } from './index-20c3926d.js';
|
|
3
3
|
import { S as Swipe } from './index-a39e08fb.js';
|
|
4
4
|
|
|
5
|
-
const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;
|
|
5
|
+
const ku4CarouselCss = "@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);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)}}";
|
|
6
6
|
|
|
7
7
|
let Ku4Carousel = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-fe3424be.js';
|
|
2
2
|
import { Y, t, R } from './index-20c3926d.js';
|
|
3
3
|
|
|
4
|
-
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}";
|
|
4
|
+
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}";
|
|
5
5
|
|
|
6
6
|
let Ku4Label = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,o,t,r){function n(e){return e instanceof t?e:new t((function(o){o(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{u(r.next(e))}catch(o){a(o)}}function s(e){try{u(r["throw"](e))}catch(o){a(o)}}function u(e){e.done?t(e.value):n(e.value).then(i,s)}u((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(o){return u([e,o])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,n&&(a=i[0]&2?n["return"]:i[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;if(n=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;n=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){t.label=i[1];break}if(i[0]===6&&t.label<a[1]){t.label=a[1];a=i;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(i);break}if(a[2])t.ops.pop();t.trys.pop();continue}i=o.call(e,t)}catch(s){i=[6,s];n=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-fe3424be.js";import{L,c}from"./index-20c3926d.js";import{S as Swipe}from"./index-a39e08fb.js";var 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)}}";var Ku4Carousel=function(){function e(e){var o=this;registerInstance(this,e);this.didSlide=createEvent(this,"slide",7);this.swipeTolerance=44;this.auto=false;this.noSwipe=false;this.delay=8e3;this.interval=new L(this.delay).onInterval((function(){if(o.host.isConnected){o.display("next")}else{o.disconnectedCallback()}}));this.handleMouse=this.handleMouse.bind(this)}e.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:e.sent();return[2,this.display("next")]}}))}))};e.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:e.sent();return[2,this.display("prev")]}}))}))};e.prototype.slideTo=function(e){return __awaiter(this,void 0,void 0,(function(){var o,t,r;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.pause()];case 1:n.sent();if(!(e===this.currentSlideNumber||e<1||this.rolodex.length<e)){o=e-this.currentSlideNumber;t=o<0?"prev":"next";r=Math.abs(o);while(0<r--){this.display(t)}}return[2]}}))}))};e.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.interval.clear();return[2]}))}))};e.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,t;return __generator(this,(function(r){e=this,o=e.auto,t=e.interval;o&&t.start();return[2]}))}))};Object.defineProperty(e.prototype,"hasSlides",{get:function(){return this.rolodex&&this.rolodex.length>1},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"currentSlideNumber",{get:function(){var e=this.rolodex;return e&&(e.isEmpty?0:e.index+1)},enumerable:false,configurable:true});e.prototype.display=function(e){var o=this.slideState,t=o.previous,r=o.current;var n=this.rolodex[e];if(t){t.deactivate()}r.slideOut(e);n.slideIn(e);this.slideState={previous:r,current:n};this.didSlide.emit(this.currentSlideNumber);return this};e.prototype.handleMouse=function(e){if(!this.host.contains(e.relatedTarget)){this.play()}};e.prototype.componentWillLoad=function(){var e=this;if(!this.noSwipe){this.swipe=new Swipe(this.host,this.swipeTolerance).onLeft((function(){return e.next()})).onRight((function(){return e.previous()}))}var o;try{o=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(t){o=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce((function(o,t){if(t.parentNode===e.host){o.push(t)}return o}),[])}this.rolodex=new c(o);this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate();this.slideState={current:this.rolodex.current};if(this.auto){this.host.addEventListener("mouseout",this.handleMouse);this.play()}};e.prototype.connectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};e.prototype.disconnectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};e.prototype.render=function(){var e=this;var o=this,t=o.hasSlides,r=o.currentSlideNumber,n=r===void 0?1:r;return h(Host,{"aria-roledescription":"carousel",current:n},t&&h("section",{class:"controls"},h("button",{type:"button",class:"prev",onClick:function(){return e.previous()},"aria-label":"previous slide"}),h("button",{type:"button",class:"next",onClick:function(){return e.next()},"aria-label":"next slide"})),h("section",{class:"slide-container","aria-live":"polite"},h("slot",null)),t&&h("section",{class:"pages"},h("span",{class:"pages-text"},n+" of "+this.rolodex.length)))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Ku4Carousel.style=ku4CarouselCss;export{Ku4Carousel as ku4_carousel};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,o,r){function a(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,n){function i(t){try{u(r.next(t))}catch(e){n(e)}}function s(t){try{u(r["throw"](t))}catch(e){n(e)}}function u(t){t.done?o(t.value):a(t.value).then(i,s)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return u([t,e])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,a&&(n=i[0]&2?a["return"]:i[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,i[1])).done)return n;if(a=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:o.label++;return{value:i[1],done:false};case 5:o.label++;a=i[1];i=[0];continue;case 7:i=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){o=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){o.label=i[1];break}if(i[0]===6&&o.label<n[1]){o.label=n[1];n=i;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(i);break}if(n[2])o.ops.pop();o.trys.pop();continue}i=e.call(t,o)}catch(s){i=[6,s];a=0}finally{r=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-fe3424be.js";import{L,c}from"./index-20c3926d.js";import{S as Swipe}from"./index-a39e08fb.js";var ku4CarouselCss="@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);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)}}";var Ku4Carousel=function(){function t(t){var e=this;registerInstance(this,t);this.didSlide=createEvent(this,"slide",7);this.swipeTolerance=44;this.auto=false;this.noSwipe=false;this.delay=8e3;this.interval=new L(this.delay).onInterval((function(){if(e.host.isConnected){e.display("next")}else{e.disconnectedCallback()}}));this.handleMouse=this.handleMouse.bind(this)}t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:t.sent();return[2,this.display("next")]}}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:t.sent();return[2,this.display("prev")]}}))}))};t.prototype.slideTo=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.pause()];case 1:a.sent();if(!(t===this.currentSlideNumber||t<1||this.rolodex.length<t)){e=t-this.currentSlideNumber;o=e<0?"prev":"next";r=Math.abs(e);while(0<r--){this.display(o)}}return[2]}}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.interval.clear();return[2]}))}))};t.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,o;return __generator(this,(function(r){t=this,e=t.auto,o=t.interval;e&&o.start();return[2]}))}))};Object.defineProperty(t.prototype,"hasSlides",{get:function(){return this.rolodex&&this.rolodex.length>1},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"currentSlideNumber",{get:function(){var t=this.rolodex;return t&&(t.isEmpty?0:t.index+1)},enumerable:false,configurable:true});t.prototype.display=function(t){var e=this.slideState,o=e.previous,r=e.current;var a=this.rolodex[t];if(o){o.deactivate()}r.slideOut(t);a.slideIn(t);this.slideState={previous:r,current:a};this.didSlide.emit(this.currentSlideNumber);return this};t.prototype.handleMouse=function(t){if(!this.host.contains(t.relatedTarget)){this.play()}};t.prototype.componentWillLoad=function(){var t=this;if(!this.noSwipe){this.swipe=new Swipe(this.host,this.swipeTolerance).onLeft((function(){return t.next()})).onRight((function(){return t.previous()}))}var e;try{e=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(o){e=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce((function(e,o){if(o.parentNode===t.host){e.push(o)}return e}),[])}this.rolodex=new c(e);this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate();this.slideState={current:this.rolodex.current};if(this.auto){this.host.addEventListener("mouseout",this.handleMouse);this.play()}};t.prototype.connectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};t.prototype.disconnectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};t.prototype.render=function(){var t=this;var e=this,o=e.hasSlides,r=e.currentSlideNumber,a=r===void 0?1:r;return h(Host,{"aria-roledescription":"carousel",current:a},o&&h("section",{class:"controls"},h("button",{type:"button",class:"prev",onClick:function(){return t.previous()},"aria-label":"previous slide"}),h("button",{type:"button",class:"next",onClick:function(){return t.next()},"aria-label":"next slide"})),h("section",{class:"slide-container","aria-live":"polite"},h("slot",null)),o&&h("section",{class:"pages"},h("span",{class:"pages-text"},a+" of "+this.rolodex.length)))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Ku4Carousel.style=ku4CarouselCss;export{Ku4Carousel as ku4_carousel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-fe3424be.js";import{Y,t,R}from"./index-20c3926d.js";var 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}";var Ku4Label=function(){function e(e){registerInstance(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;Y(100).then((function(){e.empty=t.isNullOrEmpty(e.field.value)}))};e.prototype.handleChange=function(){this.empty=t.isNullOrEmpty(this.field.value)};e.prototype.handleInput=function(){this.empty=t.isNullOrEmpty(this.field.value)};e.prototype.handleKeyUp=function(){this.empty=t.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=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);var e=this.field.getAttribute("aria-labelledby");var i=this.host.getAttribute("id")||R.uid();this.host.setAttribute("id",i);if(t.isNullOrEmpty(e)){this.field.setAttribute("aria-labelledby",i)}if(t.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,i=e.value,s=e.placeholder;return h(Host,null,h("label",{htmlFor:this.for,class:""+(t?"empty":"")},i||s),h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Ku4Label.style=ku4LabelCss;export{Ku4Label as ku4_label};
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-fe3424be.js";import{Y,t,R}from"./index-20c3926d.js";var 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}";var Ku4Label=function(){function e(e){registerInstance(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;Y(100).then((function(){e.empty=t.isNullOrEmpty(e.field.value)}))};e.prototype.handleChange=function(){this.empty=t.isNullOrEmpty(this.field.value)};e.prototype.handleInput=function(){this.empty=t.isNullOrEmpty(this.field.value)};e.prototype.handleKeyUp=function(){this.empty=t.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=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);var e=this.field.getAttribute("aria-labelledby");var i=this.host.getAttribute("id")||R.uid();this.host.setAttribute("id",i);if(t.isNullOrEmpty(e)){this.field.setAttribute("aria-labelledby",i)}if(t.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,i=e.value,s=e.placeholder;return h(Host,null,h("label",{htmlFor:this.for,class:""+(t?"empty":"")},i||s),h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Ku4Label.style=ku4LabelCss;export{Ku4Label as ku4_label};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;
|
|
1
|
+
@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}:root{--ku4-carousel-background-color:#fff;--ku4-carousel-animation-active-next-name:ku4-carousel-enter-right;--ku4-carousel-animation-active-previous-name:ku4-carousel-enter-left;--ku4-carousel-animation-inactive-next-name:ku4-carousel-exit-left;--ku4-carousel-animation-inactive-previous-name:ku4-carousel-exit-right;--ku4-carousel-animation-duration:0.4s;--ku4-carousel-animation-timing-function:ease;--ku4-carousel-controls-top:0;--ku4-carousel-controls-border:none;--ku4-carousel-controls-background-color:#fff;--ku4-carousel-controls-font-family:Helvetica, Arial, sans-serif;--ku4-carousel-controls-font-weight:400;--ku4-carousel-controls-font-size:8px;--ku4-carousel-controls-line-height:12px;--ku4-carousel-controls-opacity:0.2;--ku4-carousel-controls-z-index:2;--ku4-carousel-controls-focus-background-color:transparent;--ku4-carousel-controls-focus-outline:none;--ku4-carousel-controls-focus-opacity:0.2;--ku4-carousel-controls-hover-background-color:transparent;--ku4-carousel-controls-hover-opacity:1;--ku4-carousel-controls-next-width:40px;--ku4-carousel-controls-next-height:100%;--ku4-carousel-controls-next-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-next.svg');--ku4-carousel-controls-next-background-repeat:no-repeat;--ku4-carousel-controls-next-background-position-x:0;--ku4-carousel-controls-next-background-position-y:50%;--ku4-carousel-controls-next-background-size:100% 100%;--ku4-carousel-controls-next-focus-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-next.svg');--ku4-carousel-controls-next-focus-background-repeat:no-repeat;--ku4-carousel-controls-next-focus-background-position-x:0;--ku4-carousel-controls-next-focus-background-position-y:50%;--ku4-carousel-controls-next-focus-background-size:100% 100%;--ku4-carousel-controls-next-hover-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-next.svg');--ku4-carousel-controls-next-hover-background-repeat:no-repeat;--ku4-carousel-controls-next-hover-background-position-x:0;--ku4-carousel-controls-next-hover-background-position-y:50%;--ku4-carousel-controls-next-hover-background-size:100% 100%;--ku4-carousel-controls-previous-width:40px;--ku4-carousel-controls-previous-height:100%;--ku4-carousel-controls-previous-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-previous.svg');--ku4-carousel-controls-previous-background-repeat:no-repeat;--ku4-carousel-controls-previous-background-position-x:0;--ku4-carousel-controls-previous-background-position-y:50%;--ku4-carousel-controls-previous-background-size:100% 100%;--ku4-carousel-controls-previous-focus-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-previous.svg');--ku4-carousel-controls-previous-focus-background-repeat:no-repeat;--ku4-carousel-controls-previous-focus-background-position-x:0;--ku4-carousel-controls-previous-focus-background-position-y:50%;--ku4-carousel-controls-previous-focus-background-size:100% 100%;--ku4-carousel-controls-previous-hover-background-image:url('https://cdn.jsdelivr.net/gh/kodmunki/ku4web-components/assets/arrow-previous.svg');--ku4-carousel-controls-previous-hover-background-repeat:no-repeat;--ku4-carousel-controls-previous-hover-background-position-x:0;--ku4-carousel-controls-previous-hover-background-position-y:50%;--ku4-carousel-controls-previous-hover-background-size:100% 100%;--ku4-carousel-pages-top:auto;--ku4-carousel-pages-bottom:0;--ku4-carousel-pages-width:auto;--ku4-carousel-pages-height:20px;--ku4-carousel-pages-background-color:transparent;--ku4-carousel-pages-opacity:0.8;--ku4-carousel-pages-text-padding:4px;--ku4-carousel-pages-text-font-family:Helvetica, Arial, sans-serif;--ku4-carousel-pages-text-font-weight:600;--ku4-carousel-pages-text-font-size:14px;--ku4-carousel-pages-text-line-height:16px;--ku4-carousel-pages-text-color:#ccc}:root{--ku4-grid-column-gutter:15px;--ku4-grid-row-gutter-xs:6px;--ku4-grid-row-gutter-sm:10px;--ku4-grid-row-gutter-md:12px;--ku4-grid-row-gutter-lg:16px}:root{--ku4-label-top:-6px;--ku4-label-left:8px;--ku4-label-padding:0 4px;--ku4-label-background-color:inherit}:root{--ku4-modal-z-index:5;--ku4-modal-transform-style:initial;--ku4-modal-content-animation-start-transform:scale(.5);--ku4-modal-content-animation-mid-transform:scale(1.2);--ku4-modal-content-animation-end-transform:scale(1);--ku4-modal-content-animation-start-opacity:0;--ku4-modal-content-animation-mid-opacity:0.8;--ku4-modal-content-animation-end-opacity:1;--ku4-modal-content-animation-duration:0.4s;--ku4-modal-content-animation-timing-function:ease;--ku4-modal-content-transform:none;--ku4-modal-overlay-animation-start-transform:none;--ku4-modal-overlay-animation-mid-transform:none;--ku4-modal-overlay-animation-end-transform:none;--ku4-modal-overlay-animation-start-opacity:0;--ku4-modal-overlay-animation-mid-opacity:0.35;--ku4-modal-overlay-animation-end-opacity:0.4;--ku4-modal-overlay-animation-duration:0.4s;--ku4-modal-overlay-animation-timing-function:ease;--ku4-modal-overlay-transform:none;--ku4-modal-overlay-background:#000;--ku4-modal-overlay-opacity:0.4}ku4-carousel,ku4-carousel-controls,ku4-carousel-slide,ku4-col,ku4-drawer,ku4-feature,ku4-focus-trap,ku4-form,ku4-grid,ku4-preview,ku4-label,ku4-modal,ku4-tab,ku4-tab-list,ku4-tab-panel,ku4-table,ku4-tooltip,ku4-validation{visibility:hidden}ku4-carousel[hydrated],ku4-carousel-controls[hydrated],ku4-carousel-slide[hydrated],ku4-col[hydrated],ku4-drawer[hydrated],ku4-feature[hydrated],ku4-focus-trap[hydrated],ku4-form[hydrated],ku4-grid[hydrated],ku4-preview[hydrated],ku4-label[hydrated],ku4-modal[hydrated],ku4-tab[hydrated],ku4-tab-list[hydrated],ku4-tab-panel[hydrated],ku4-table[hydrated],ku4-tooltip[hydrated],ku4-validation[hydrated]{visibility:inherit}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as e,N as t,w as s,p as a,b as o}from"./p-c4cf99d8.js";(()=>{const o=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),d={};return"onbeforeload"in o&&!history.scrollRestoration?{then(){}}:(d.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,s.location.href)).href,a(d))})().then((e=>o([["p-
|
|
1
|
+
import{d as e,N as t,w as s,p as a,b as o}from"./p-c4cf99d8.js";(()=>{const o=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),d={};return"onbeforeload"in o&&!history.scrollRestoration?{then(){}}:(d.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,s.location.href)).href,a(d))})().then((e=>o([["p-aa345cef",[[1,"ku4-carousel",{swipeTolerance:[2,"swipe-tolerance"],auto:[4],noSwipe:[4,"no-swipe"],delay:[2],slideState:[32],next:[64],previous:[64],slideTo:[64],pause:[64],play:[64]}]]],["p-ed89c024",[[1,"ku4-carousel-controls",{for:[1]}]]],["p-ef15df08",[[1,"ku4-carousel-slide",{active:[32],classList:[32],slideIn:[64],slideOut:[64],activate:[64],deactivate:[64]}]]],["p-7d8bdc7c",[[1,"ku4-col",{startXs:[2,"start-xs"],startSm:[2,"start-sm"],startMd:[2,"start-md"],startLg:[2,"start-lg"],spanXs:[2,"span-xs"],spanSm:[2,"span-sm"],spanMd:[2,"span-md"],spanLg:[2,"span-lg"],orderXs:[2,"order-xs"],orderSm:[2,"order-sm"],orderMd:[2,"order-md"],orderLg:[2,"order-lg"]}]]],["p-427c9b42",[[1,"ku4-drawer",{bottom:[516],left:[516],right:[516],top:[516],size:[1],open:[1540],toggle:[64]}]]],["p-1159d944",[[1,"ku4-feature",{on:[4],policy:[1],enabled:[32]}]]],["p-d587f83c",[[1,"ku4-focus-trap",{active:[1540],include:[1],exclude:[1],excludeShadow:[1,"exclude-shadow"],initial:[1],return:[1],activate:[64],deactivate:[64]}]]],["p-b80b774e",[[4,"ku4-form",{invalid:[1540],validate:[64],invalidate:[64],read:[64],write:[64]}]]],["p-67b6fa5d",[[1,"ku4-grid",{columnsXs:[2,"columns-xs"],columnsSm:[2,"columns-sm"],columnsMd:[2,"columns-md"],columnsLg:[2,"columns-lg"],offsetLeftXs:[2,"offset-left-xs"],offsetLeftSm:[2,"offset-left-sm"],offsetLeftMd:[2,"offset-left-md"],offsetLeftLg:[2,"offset-left-lg"],offsetRight:[2,"offset-right"],offsetRightXs:[2,"offset-right-xs"],offsetRightSm:[2,"offset-right-sm"],offsetRightMd:[2,"offset-right-md"],offsetRightLg:[2,"offset-right-lg"],offsetXs:[2,"offset-xs"],offsetSm:[2,"offset-sm"],offsetMd:[2,"offset-md"],offsetLg:[2,"offset-lg"]}]]],["p-d23d745e",[[1,"ku4-label",{for:[1],value:[1],empty:[32]}]]],["p-4f874efa",[[1,"ku4-mask",{for:[1],template:[1],ban:[1],pattern:[1],char:[1],hidden:[4]}]]],["p-439260fd",[[1,"ku4-modal",{visible:[1540],focusTrap:[1,"focus-trap"],display:[64],dismiss:[64]},[[8,"keyup","handleKeyUp"]]]]],["p-672c7fcf",[[1,"ku4-panel",{open:[1540],maxHeight:[32],toggle:[64],close:[64]},[[0,"transitionend","handleTransitionEnd"]]]]],["p-9d5ed8ad",[[1,"ku4-preview",{for:[1],src:[1],orientation:[2],resolutionX:[2,"resolution-x"],resolutionY:[2,"resolution-y"],capture:[1],status:[1537],alt:[1],currentSrc:[32],read:[64]}]]],["p-71e8a6a7",[[1,"ku4-tab",{selected:[1540],panel:[32],select:[64],deselect:[64],connect:[64]},[[0,"click","handleClick"],[0,"keyup","handleKeyUp"]]]]],["p-499c1d7b",[[1,"ku4-tab-list",{open:[64]},[[0,"ku4TabClick","handleHpTabClick"],[0,"ku4TabKeyup","handleHpTabKeyUp"]]]]],["p-70416bfc",[[1,"ku4-tab-panel",{selected:[1540],maxHeight:[32],tab:[32],select:[64],deselect:[64],connect:[64]},[[0,"transitionend","handleTransitionEnd"]]]]],["p-9def145d",[[4,"ku4-table",{stackXs:[1537,"stack-xs"],stackSm:[1537,"stack-sm"]}]]],["p-d92776d8",[[1,"ku4-tooltip",{element:[1],top:[4],left:[4],bottom:[4],right:[4],debug:[4],show:[64],hide:[64]}]]],["p-6ac96851",[[1,"ku4-validation",{for:[1],element:[1],pattern:[1],flags:[1],values:[1],checked:[4],method:[1],invalid:[1540],disabled:[1540],hidden:[1540],isValid:[32],validate:[64]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-0207cb44.system.js","./p-0785fc39.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.H;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:""+(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}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-0207cb44.system.js"],(function(){"use strict";var e,t,s,a,o;return{setters:[function(r){e=r.d;t=r.N;s=r.w;a=r.p;o=r.b}],execute:function(){var r=function(){var o=Array.from(e.querySelectorAll("script")).find((function(e){return new RegExp("/"+t+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===t}));var r={};if("onbeforeload"in o&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,s.location.href)).href}return a(r)};r().then((function(e){return o([["p-
|
|
1
|
+
System.register(["./p-0207cb44.system.js"],(function(){"use strict";var e,t,s,a,o;return{setters:[function(r){e=r.d;t=r.N;s=r.w;a=r.p;o=r.b}],execute:function(){var r=function(){var o=Array.from(e.querySelectorAll("script")).find((function(e){return new RegExp("/"+t+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===t}));var r={};if("onbeforeload"in o&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,s.location.href)).href}return a(r)};r().then((function(e){return o([["p-7f0bec44.system",[[1,"ku4-carousel",{swipeTolerance:[2,"swipe-tolerance"],auto:[4],noSwipe:[4,"no-swipe"],delay:[2],slideState:[32],next:[64],previous:[64],slideTo:[64],pause:[64],play:[64]}]]],["p-276972a6.system",[[1,"ku4-carousel-controls",{for:[1]}]]],["p-b498029c.system",[[1,"ku4-carousel-slide",{active:[32],classList:[32],slideIn:[64],slideOut:[64],activate:[64],deactivate:[64]}]]],["p-65c78087.system",[[1,"ku4-col",{startXs:[2,"start-xs"],startSm:[2,"start-sm"],startMd:[2,"start-md"],startLg:[2,"start-lg"],spanXs:[2,"span-xs"],spanSm:[2,"span-sm"],spanMd:[2,"span-md"],spanLg:[2,"span-lg"],orderXs:[2,"order-xs"],orderSm:[2,"order-sm"],orderMd:[2,"order-md"],orderLg:[2,"order-lg"]}]]],["p-47373702.system",[[1,"ku4-drawer",{bottom:[516],left:[516],right:[516],top:[516],size:[1],open:[1540],toggle:[64]}]]],["p-0eaea039.system",[[1,"ku4-feature",{on:[4],policy:[1],enabled:[32]}]]],["p-9100e5d3.system",[[1,"ku4-focus-trap",{active:[1540],include:[1],exclude:[1],excludeShadow:[1,"exclude-shadow"],initial:[1],return:[1],activate:[64],deactivate:[64]}]]],["p-bbd1ecb4.system",[[4,"ku4-form",{invalid:[1540],validate:[64],invalidate:[64],read:[64],write:[64]}]]],["p-a76949aa.system",[[1,"ku4-grid",{columnsXs:[2,"columns-xs"],columnsSm:[2,"columns-sm"],columnsMd:[2,"columns-md"],columnsLg:[2,"columns-lg"],offsetLeftXs:[2,"offset-left-xs"],offsetLeftSm:[2,"offset-left-sm"],offsetLeftMd:[2,"offset-left-md"],offsetLeftLg:[2,"offset-left-lg"],offsetRight:[2,"offset-right"],offsetRightXs:[2,"offset-right-xs"],offsetRightSm:[2,"offset-right-sm"],offsetRightMd:[2,"offset-right-md"],offsetRightLg:[2,"offset-right-lg"],offsetXs:[2,"offset-xs"],offsetSm:[2,"offset-sm"],offsetMd:[2,"offset-md"],offsetLg:[2,"offset-lg"]}]]],["p-4bc863e2.system",[[1,"ku4-label",{for:[1],value:[1],empty:[32]}]]],["p-8c56e4b4.system",[[1,"ku4-mask",{for:[1],template:[1],ban:[1],pattern:[1],char:[1],hidden:[4]}]]],["p-8480fc4b.system",[[1,"ku4-modal",{visible:[1540],focusTrap:[1,"focus-trap"],display:[64],dismiss:[64]},[[8,"keyup","handleKeyUp"]]]]],["p-b5dd0acc.system",[[1,"ku4-panel",{open:[1540],maxHeight:[32],toggle:[64],close:[64]},[[0,"transitionend","handleTransitionEnd"]]]]],["p-ff344008.system",[[1,"ku4-preview",{for:[1],src:[1],orientation:[2],resolutionX:[2,"resolution-x"],resolutionY:[2,"resolution-y"],capture:[1],status:[1537],alt:[1],currentSrc:[32],read:[64]}]]],["p-87f49411.system",[[1,"ku4-tab",{selected:[1540],panel:[32],select:[64],deselect:[64],connect:[64]},[[0,"click","handleClick"],[0,"keyup","handleKeyUp"]]]]],["p-4eba8303.system",[[1,"ku4-tab-list",{open:[64]},[[0,"ku4TabClick","handleHpTabClick"],[0,"ku4TabKeyup","handleHpTabKeyUp"]]]]],["p-9ab5c68b.system",[[1,"ku4-tab-panel",{selected:[1540],maxHeight:[32],tab:[32],select:[64],deselect:[64],connect:[64]},[[0,"transitionend","handleTransitionEnd"]]]]],["p-9c0e57e7.system",[[4,"ku4-table",{stackXs:[1537,"stack-xs"],stackSm:[1537,"stack-sm"]}]]],["p-6baef622.system",[[1,"ku4-tooltip",{element:[1],top:[4],left:[4],bottom:[4],right:[4],debug:[4],show:[64],hide:[64]}]]],["p-9d2053c8.system",[[1,"ku4-validation",{for:[1],element:[1],pattern:[1],flags:[1],values:[1],checked:[4],method:[1],invalid:[1540],disabled:[1540],hidden:[1540],isValid:[32],validate:[64]}]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,o,e,r){function a(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,n){function i(t){try{u(r.next(t))}catch(o){n(o)}}function s(t){try{u(r["throw"](t))}catch(o){n(o)}}function u(t){t.done?e(t.value):a(t.value).then(i,s)}u((r=r.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(o){return u([t,o])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,a&&(n=i[0]&2?a["return"]:i[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,i[1])).done)return n;if(a=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;a=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){e.label=i[1];break}if(i[0]===6&&e.label<n[1]){e.label=n[1];n=i;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(i);break}if(n[2])e.ops.pop();e.trys.pop();continue}i=o.call(t,e)}catch(s){i=[6,s];a=0}finally{r=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-0207cb44.system.js","./p-0785fc39.system.js","./p-52147373.system.js"],(function(t){"use strict";var o,e,r,a,n,i,s,u;return{setters:[function(t){o=t.r;e=t.c;r=t.h;a=t.H;n=t.g},function(t){i=t.L;s=t.c},function(t){u=t.S}],execute:function(){var c="@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);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)}}";var l=t("ku4_carousel",function(){function t(t){var r=this;o(this,t);this.didSlide=e(this,"slide",7);this.swipeTolerance=44;this.auto=false;this.noSwipe=false;this.delay=8e3;this.interval=new i(this.delay).onInterval((function(){if(r.host.isConnected){r.display("next")}else{r.disconnectedCallback()}}));this.handleMouse=this.handleMouse.bind(this)}t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:t.sent();return[2,this.display("next")]}}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:t.sent();return[2,this.display("prev")]}}))}))};t.prototype.slideTo=function(t){return __awaiter(this,void 0,void 0,(function(){var o,e,r;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.pause()];case 1:a.sent();if(!(t===this.currentSlideNumber||t<1||this.rolodex.length<t)){o=t-this.currentSlideNumber;e=o<0?"prev":"next";r=Math.abs(o);while(0<r--){this.display(e)}}return[2]}}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.interval.clear();return[2]}))}))};t.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){var t,o,e;return __generator(this,(function(r){t=this,o=t.auto,e=t.interval;o&&e.start();return[2]}))}))};Object.defineProperty(t.prototype,"hasSlides",{get:function(){return this.rolodex&&this.rolodex.length>1},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"currentSlideNumber",{get:function(){var t=this.rolodex;return t&&(t.isEmpty?0:t.index+1)},enumerable:false,configurable:true});t.prototype.display=function(t){var o=this.slideState,e=o.previous,r=o.current;var a=this.rolodex[t];if(e){e.deactivate()}r.slideOut(t);a.slideIn(t);this.slideState={previous:r,current:a};this.didSlide.emit(this.currentSlideNumber);return this};t.prototype.handleMouse=function(t){if(!this.host.contains(t.relatedTarget)){this.play()}};t.prototype.componentWillLoad=function(){var t=this;if(!this.noSwipe){this.swipe=new u(this.host,this.swipeTolerance).onLeft((function(){return t.next()})).onRight((function(){return t.previous()}))}var o;try{o=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(e){o=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce((function(o,e){if(e.parentNode===t.host){o.push(e)}return o}),[])}this.rolodex=new s(o);this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate();this.slideState={current:this.rolodex.current};if(this.auto){this.host.addEventListener("mouseout",this.handleMouse);this.play()}};t.prototype.connectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};t.prototype.disconnectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};t.prototype.render=function(){var t=this;var o=this,e=o.hasSlides,n=o.currentSlideNumber,i=n===void 0?1:n;return r(a,{"aria-roledescription":"carousel",current:i},e&&r("section",{class:"controls"},r("button",{type:"button",class:"prev",onClick:function(){return t.previous()},"aria-label":"previous slide"}),r("button",{type:"button",class:"next",onClick:function(){return t.next()},"aria-label":"next slide"})),r("section",{class:"slide-container","aria-live":"polite"},r("slot",null)),e&&r("section",{class:"pages"},r("span",{class:"pages-text"},i+" of "+this.rolodex.length)))};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());l.style=c}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as a,H as r,g as e}from"./p-c4cf99d8.js";import{L as n,c as i}from"./p-c1068ffa.js";import{S as s}from"./p-08ec498e.js";let u=class{constructor(a){o(this,a),this.didSlide=t(this,"slide",7),this.swipeTolerance=44,this.auto=!1,this.noSwipe=!1,this.delay=8e3,this.interval=new n(this.delay).onInterval((()=>{this.host.isConnected?this.display("next"):this.disconnectedCallback()})),this.handleMouse=this.handleMouse.bind(this)}async next(){return this.hasSlides?(await this.pause(),this.display("next")):this}async previous(){return this.hasSlides?(await this.pause(),this.display("prev")):this}async slideTo(o){if(await this.pause(),!(o===this.currentSlideNumber||o<1||this.rolodex.length<o)){const t=o-this.currentSlideNumber,a=t<0?"prev":"next";let r=Math.abs(t);for(;0<r--;)this.display(a)}}async pause(){this.interval.clear()}async play(){const{auto:o,interval:t}=this;o&&t.start()}get hasSlides(){return this.rolodex&&this.rolodex.length>1}get currentSlideNumber(){const{rolodex:o}=this;return o&&(o.isEmpty?0:o.index+1)}display(o){const{previous:t,current:a}=this.slideState,r=this.rolodex[o];return t&&t.deactivate(),a.slideOut(o),r.slideIn(o),this.slideState={previous:a,current:r},this.didSlide.emit(this.currentSlideNumber),this}handleMouse(o){this.host.contains(o.relatedTarget)||this.play()}componentWillLoad(){let o;this.noSwipe||(this.swipe=new s(this.host,this.swipeTolerance).onLeft((()=>this.next())).onRight((()=>this.previous())));try{o=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(t){o=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce(((o,t)=>(t.parentNode===this.host&&o.push(t),o)),[])}this.rolodex=new i(o),this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate(),this.slideState={current:this.rolodex.current},this.auto&&(this.host.addEventListener("mouseout",this.handleMouse),this.play())}connectedCallback(){this.swipe&&this.swipe.destroy(),this.host.removeEventListener("mouseout",this.handleMouse),this.interval.clear()}disconnectedCallback(){this.swipe&&this.swipe.destroy(),this.host.removeEventListener("mouseout",this.handleMouse),this.interval.clear()}render(){const{hasSlides:o,currentSlideNumber:t=1}=this;return a(r,{"aria-roledescription":"carousel",current:t},o&&a("section",{class:"controls"},a("button",{type:"button",class:"prev",onClick:()=>this.previous(),"aria-label":"previous slide"}),a("button",{type:"button",class:"next",onClick:()=>this.next(),"aria-label":"next slide"})),a("section",{class:"slide-container","aria-live":"polite"},a("slot",null)),o&&a("section",{class:"pages"},a("span",{class:"pages-text"},`${t} of ${this.rolodex.length}`)))}get host(){return e(this)}};u.style="@-webkit-keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-left{0%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes ku4-carousel-enter-right{0%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}100%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-left{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0}}@-webkit-keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0}}@keyframes ku4-carousel-exit-right{0%{top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}100%{top:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);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)}}";export{u as ku4_carousel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,h as t,H as s,g as e}from"./p-c4cf99d8.js";import{Y as h,t as a,R as l}from"./p-c1068ffa.js";let o=class{constructor(t){i(this,t),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(){h(100).then((()=>{this.empty=a.isNullOrEmpty(this.field.value)}))}handleChange(){this.empty=a.isNullOrEmpty(this.field.value)}handleInput(){this.empty=a.isNullOrEmpty(this.field.value)}handleKeyUp(){this.empty=a.isNullOrEmpty(this.field.value)}handleReset(){this.empty=!0}componentWillLoad(){this.field=this.host.querySelector("input, select, textarea"),this.empty=a.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 i=this.field.getAttribute("aria-labelledby"),t=this.host.getAttribute("id")||l.uid();this.host.setAttribute("id",t),a.isNullOrEmpty(i)&&this.field.setAttribute("aria-labelledby",t),a.isFunction(this.host.closest)&&(this.form=this.host.closest("form"),this.form&&this.form.addEventListener&&this.form.addEventListener("reset",this.handleReset))}disconnectedCallback(){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),this.form&&this.form.removeEventListener&&this.form.removeEventListener("reset",this.handleReset))}render(){const{empty:i,value:e,placeholder:h}=this;return t(s,null,t("label",{htmlFor:this.for,class:i?"empty":""},e||h),t("slot",null))}get host(){return e(this)}};o.style=":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}";export{o as ku4_label}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ku4web-components",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.56",
|
|
4
4
|
"description": "kodmunki™ Web Components",
|
|
5
5
|
"main": "./dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -72,33 +72,33 @@
|
|
|
72
72
|
"@storybook/react": "^6.4.13",
|
|
73
73
|
"@storybook/theming": "^6.4.13",
|
|
74
74
|
"@storybook/web-components": "^6.4.13",
|
|
75
|
-
"@types/node": "^17.0.
|
|
75
|
+
"@types/node": "^17.0.10",
|
|
76
76
|
"@types/puppeteer": "^5.4.3",
|
|
77
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
78
|
-
"@typescript-eslint/parser": "^5.
|
|
77
|
+
"@typescript-eslint/eslint-plugin": "^5.10.0",
|
|
78
|
+
"@typescript-eslint/parser": "^5.10.0",
|
|
79
79
|
"acorn": "^8.1.0",
|
|
80
80
|
"babel-loader": "^8.2.1",
|
|
81
81
|
"bufferutil": "^4.0.3",
|
|
82
|
-
"canvas": "^2.
|
|
83
|
-
"core-js": "^3.
|
|
82
|
+
"canvas": "^2.9.0",
|
|
83
|
+
"core-js": "^3.20.3",
|
|
84
84
|
"css-loader": "^5.1.3",
|
|
85
|
-
"eslint": "^7.
|
|
85
|
+
"eslint": "^8.7.0",
|
|
86
86
|
"eslint-plugin-react": "^7.21.5",
|
|
87
87
|
"fibers": "^5.0.0",
|
|
88
88
|
"html-to-react": "^1.4.7",
|
|
89
89
|
"jest": "^27.4.7",
|
|
90
90
|
"jest-cli": "^27.4.7",
|
|
91
|
-
"ku4es-kernel": "^8.3.
|
|
91
|
+
"ku4es-kernel": "^8.3.16",
|
|
92
92
|
"ku4es-ui-data": "^3.1.7",
|
|
93
|
-
"ku4es-ui-kernel": "^8.0.
|
|
94
|
-
"lit-html": "^1.
|
|
93
|
+
"ku4es-ui-kernel": "^8.0.5",
|
|
94
|
+
"lit-html": "^2.1.1",
|
|
95
95
|
"node-sass": "^5.0.0",
|
|
96
96
|
"pre-commit": "^1.2.2",
|
|
97
|
-
"puppeteer": "^13.
|
|
97
|
+
"puppeteer": "^13.1.1",
|
|
98
98
|
"rollup": "^2.64.0",
|
|
99
99
|
"rollup-plugin-cleanup": "^3.2.1",
|
|
100
100
|
"rollup-plugin-terser": "^7.0.2",
|
|
101
|
-
"sass": "^1.
|
|
101
|
+
"sass": "^1.49.0",
|
|
102
102
|
"sass-loader": "^10.2.1",
|
|
103
103
|
"style-loader": "^2.0.0",
|
|
104
104
|
"ts-dedent": "^2.0.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(o,t,e,r){function n(o){return o instanceof e?o:new e((function(t){t(o)}))}return new(e||(e=Promise))((function(e,a){function i(o){try{u(r.next(o))}catch(t){a(t)}}function s(o){try{u(r["throw"](o))}catch(t){a(t)}}function u(o){o.done?e(o.value):n(o.value).then(i,s)}u((r=r.apply(o,t||[])).next())}))};var __generator=this&&this.__generator||function(o,t){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(o){return function(t){return u([o,t])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,n&&(a=i[0]&2?n["return"]:i[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;if(n=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;n=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){e.label=i[1];break}if(i[0]===6&&e.label<a[1]){e.label=a[1];a=i;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(i);break}if(a[2])e.ops.pop();e.trys.pop();continue}i=t.call(o,e)}catch(s){i=[6,s];n=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-0207cb44.system.js","./p-0785fc39.system.js","./p-52147373.system.js"],(function(o){"use strict";var t,e,r,n,a,i,s,u;return{setters:[function(o){t=o.r;e=o.c;r=o.h;n=o.H;a=o.g},function(o){i=o.L;s=o.c},function(o){u=o.S}],execute:function(){var c="@-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)}}";var l=o("ku4_carousel",function(){function o(o){var r=this;t(this,o);this.didSlide=e(this,"slide",7);this.swipeTolerance=44;this.auto=false;this.noSwipe=false;this.delay=8e3;this.interval=new i(this.delay).onInterval((function(){if(r.host.isConnected){r.display("next")}else{r.disconnectedCallback()}}));this.handleMouse=this.handleMouse.bind(this)}o.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:o.sent();return[2,this.display("next")]}}))}))};o.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!this.hasSlides){return[2,this]}return[4,this.pause()];case 1:o.sent();return[2,this.display("prev")]}}))}))};o.prototype.slideTo=function(o){return __awaiter(this,void 0,void 0,(function(){var t,e,r;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.pause()];case 1:n.sent();if(!(o===this.currentSlideNumber||o<1||this.rolodex.length<o)){t=o-this.currentSlideNumber;e=t<0?"prev":"next";r=Math.abs(t);while(0<r--){this.display(e)}}return[2]}}))}))};o.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.interval.clear();return[2]}))}))};o.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){var o,t,e;return __generator(this,(function(r){o=this,t=o.auto,e=o.interval;t&&e.start();return[2]}))}))};Object.defineProperty(o.prototype,"hasSlides",{get:function(){return this.rolodex&&this.rolodex.length>1},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"currentSlideNumber",{get:function(){var o=this.rolodex;return o&&(o.isEmpty?0:o.index+1)},enumerable:false,configurable:true});o.prototype.display=function(o){var t=this.slideState,e=t.previous,r=t.current;var n=this.rolodex[o];if(e){e.deactivate()}r.slideOut(o);n.slideIn(o);this.slideState={previous:r,current:n};this.didSlide.emit(this.currentSlideNumber);return this};o.prototype.handleMouse=function(o){if(!this.host.contains(o.relatedTarget)){this.play()}};o.prototype.componentWillLoad=function(){var o=this;if(!this.noSwipe){this.swipe=new u(this.host,this.swipeTolerance).onLeft((function(){return o.next()})).onRight((function(){return o.previous()}))}var t;try{t=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(e){t=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce((function(t,e){if(e.parentNode===o.host){t.push(e)}return t}),[])}this.rolodex=new s(t);this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate();this.slideState={current:this.rolodex.current};if(this.auto){this.host.addEventListener("mouseout",this.handleMouse);this.play()}};o.prototype.connectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};o.prototype.disconnectedCallback=function(){if(this.swipe){this.swipe.destroy()}this.host.removeEventListener("mouseout",this.handleMouse);this.interval.clear()};o.prototype.render=function(){var o=this;var t=this,e=t.hasSlides,a=t.currentSlideNumber,i=a===void 0?1:a;return r(n,{"aria-roledescription":"carousel",current:i},e&&r("section",{class:"controls"},r("button",{type:"button",class:"prev",onClick:function(){return o.previous()},"aria-label":"previous slide"}),r("button",{type:"button",class:"next",onClick:function(){return o.next()},"aria-label":"next slide"})),r("section",{class:"slide-container","aria-live":"polite"},r("slot",null)),e&&r("section",{class:"pages"},r("span",{class:"pages-text"},i+" of "+this.rolodex.length)))};Object.defineProperty(o.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());l.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as a,H as e,g as i}from"./p-c4cf99d8.js";import{L as r,c as n}from"./p-c1068ffa.js";import{S as s}from"./p-08ec498e.js";let u=class{constructor(a){o(this,a),this.didSlide=t(this,"slide",7),this.swipeTolerance=44,this.auto=!1,this.noSwipe=!1,this.delay=8e3,this.interval=new r(this.delay).onInterval((()=>{this.host.isConnected?this.display("next"):this.disconnectedCallback()})),this.handleMouse=this.handleMouse.bind(this)}async next(){return this.hasSlides?(await this.pause(),this.display("next")):this}async previous(){return this.hasSlides?(await this.pause(),this.display("prev")):this}async slideTo(o){if(await this.pause(),!(o===this.currentSlideNumber||o<1||this.rolodex.length<o)){const t=o-this.currentSlideNumber,a=t<0?"prev":"next";let e=Math.abs(t);for(;0<e--;)this.display(a)}}async pause(){this.interval.clear()}async play(){const{auto:o,interval:t}=this;o&&t.start()}get hasSlides(){return this.rolodex&&this.rolodex.length>1}get currentSlideNumber(){const{rolodex:o}=this;return o&&(o.isEmpty?0:o.index+1)}display(o){const{previous:t,current:a}=this.slideState,e=this.rolodex[o];return t&&t.deactivate(),a.slideOut(o),e.slideIn(o),this.slideState={previous:a,current:e},this.didSlide.emit(this.currentSlideNumber),this}handleMouse(o){this.host.contains(o.relatedTarget)||this.play()}componentWillLoad(){let o;this.noSwipe||(this.swipe=new s(this.host,this.swipeTolerance).onLeft((()=>this.next())).onRight((()=>this.previous())));try{o=this.host.querySelectorAll(":scope > ku4-carousel-slide")}catch(t){o=[].slice.call(this.host.querySelectorAll("ku4-carousel-slide")).reduce(((o,t)=>(t.parentNode===this.host&&o.push(t),o)),[])}this.rolodex=new n(o),this.rolodex.current&&this.rolodex.current.activate&&this.rolodex.current.activate(),this.slideState={current:this.rolodex.current},this.auto&&(this.host.addEventListener("mouseout",this.handleMouse),this.play())}connectedCallback(){this.swipe&&this.swipe.destroy(),this.host.removeEventListener("mouseout",this.handleMouse),this.interval.clear()}disconnectedCallback(){this.swipe&&this.swipe.destroy(),this.host.removeEventListener("mouseout",this.handleMouse),this.interval.clear()}render(){const{hasSlides:o,currentSlideNumber:t=1}=this;return a(e,{"aria-roledescription":"carousel",current:t},o&&a("section",{class:"controls"},a("button",{type:"button",class:"prev",onClick:()=>this.previous(),"aria-label":"previous slide"}),a("button",{type:"button",class:"next",onClick:()=>this.next(),"aria-label":"next slide"})),a("section",{class:"slide-container","aria-live":"polite"},a("slot",null)),o&&a("section",{class:"pages"},a("span",{class:"pages-text"},`${t} of ${this.rolodex.length}`)))}get host(){return i(this)}};u.style="@-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)}}";export{u as ku4_carousel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-0207cb44.system.js","./p-0785fc39.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.H;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: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:""+(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}}}));
|