ku4web-components 6.4.70 → 6.4.76

package/dist/ku4web-components/{p-54c18ac5.system.entry.js → p-bf260d4b.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,a,n,o){function i(t){return t instanceof n?t:new n((function(a){a(t)}))}return new(n||(n=Promise))((function(n,r){function e(t){try{m(o.next(t))}catch(a){r(a)}}function s(t){try{m(o["throw"](t))}catch(a){r(a)}}function m(t){t.done?n(t.value):i(t.value).then(e,s)}m((o=o.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,e;return e={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(e[Symbol.iterator]=function(){return this}),e;function s(t){return function(a){return m([t,a])}}function m(e){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=e[0]&2?i["return"]:e[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,e[1])).done)return r;if(i=0,r)e=[e[0]&2,r.value];switch(e[0]){case 0:case 1:r=e;break;case 4:n.label++;return{value:e[1],done:false};case 5:n.label++;i=e[1];e=[0];continue;case 7:e=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(e[0]===6||e[0]===2)){n=0;continue}if(e[0]===3&&(!r||e[1]>r[0]&&e[1]<r[3])){n.label=e[1];break}if(e[0]===6&&n.label<r[1]){n.label=r[1];r=e;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(e);break}if(r[2])n.ops.pop();n.trys.pop();continue}e=a.call(t,n)}catch(s){e=[6,s];i=0}finally{o=r=0}if(e[0]&5)throw e[1];return{value:e[0]?e[1]:void 0,done:true}}};System.register(["./p-aec106e9.system.js","./p-0785fc39.system.js","./p-52147373.system.js"],(function(t){"use strict";var a,n,o,i,r,e,s,m;return{setters:[function(t){a=t.r;n=t.c;o=t.h;i=t.H;r=t.g},function(t){e=t.t},function(t){s=t.D;m=t.K}],execute:function(){var l="@-webkit-keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@-webkit-keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}@keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}:host{position:fixed;display:none;top:0;left:0;width:100vw;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:transparent;overflow:auto;-webkit-transform-style:var(--ku4-modal-transform-style, initial);transform-style:var(--ku4-modal-transform-style, initial)}.ku4-modal-content{position:relative;top:0;left:0}.ku4-modal-overlay{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--ku4-modal-overlay-background, #000)}:host([visible]){display:-ms-flexbox;display:flex;z-index:var(--ku4-modal-z-index, 5)}:host([visible]) .ku4-modal-content{-webkit-animation-name:ku4-modal-content-enter;animation-name:ku4-modal-content-enter;-webkit-animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-content-transform, none);transform:var(--ku4-modal-content-transform, none);opacity:var(--ku4-modal-content-opacity, 1);z-index:calc(var(--ku4-modal-z-index, 5) + 1)}:host([visible]) .ku4-modal-overlay{-webkit-animation-name:ku4-modal-overlay-enter;animation-name:ku4-modal-overlay-enter;-webkit-animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-overlay-transform, none);transform:var(--ku4-modal-overlay-transform, none);opacity:var(--ku4-modal-overlay-opacity, 0.4);z-index:calc(var(--ku4-modal-z-index, 5))}:host([visible=false]){display:none}";var u=t("ku4_modal",function(){function t(t){a(this,t);this.didDisplay=n(this,"display",7);this.didDismiss=n(this,"dismiss",7);this.visible=false}t.prototype.handleVisibility=function(t){if(t){s.preventScroll();if(e.exists(this.trap)){this.trap.activate()}}else{s.resumeScroll();if(e.exists(this.trap)){this.trap.deactivate()}}};t.prototype.handleKeyUp=function(t){if(this.visible&&m.esc.didFire(t)){this.dismiss()}};t.prototype.display=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=true;this.didDisplay.emit(this);return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=false;this.didDismiss.emit(this);return[2]}))}))};t.prototype.componentDidLoad=function(){try{this.trap=this.host.querySelector("ku4-focus-trap")||document.querySelector(this.focusTrap);this.handleVisibility(this.visible)}catch(t){throw new Error("Cannot connect ku4-focus-trap: "+t.messsage)}};t.prototype.render=function(){var t=this;return o(i,{role:"dialog","aria-modal":"true"},o("section",{class:"ku4-modal-content"},o("slot",null)),o("section",{class:"ku4-modal-overlay",onClick:function(){return t.dismiss()},"aria-hidden":"true"}))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{visible:["handleVisibility"]}},enumerable:false,configurable:true});return t}());u.style=l}}}));
+var __awaiter=this&&this.__awaiter||function(t,a,n,o){function i(t){return t instanceof n?t:new n((function(a){a(t)}))}return new(n||(n=Promise))((function(n,r){function e(t){try{m(o.next(t))}catch(a){r(a)}}function s(t){try{m(o["throw"](t))}catch(a){r(a)}}function m(t){t.done?n(t.value):i(t.value).then(e,s)}m((o=o.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,e;return e={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(e[Symbol.iterator]=function(){return this}),e;function s(t){return function(a){return m([t,a])}}function m(e){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=e[0]&2?i["return"]:e[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,e[1])).done)return r;if(i=0,r)e=[e[0]&2,r.value];switch(e[0]){case 0:case 1:r=e;break;case 4:n.label++;return{value:e[1],done:false};case 5:n.label++;i=e[1];e=[0];continue;case 7:e=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(e[0]===6||e[0]===2)){n=0;continue}if(e[0]===3&&(!r||e[1]>r[0]&&e[1]<r[3])){n.label=e[1];break}if(e[0]===6&&n.label<r[1]){n.label=r[1];r=e;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(e);break}if(r[2])n.ops.pop();n.trys.pop();continue}e=a.call(t,n)}catch(s){e=[6,s];i=0}finally{o=r=0}if(e[0]&5)throw e[1];return{value:e[0]?e[1]:void 0,done:true}}};System.register(["./p-aec106e9.system.js","./p-0785fc39.system.js","./p-86284ed4.system.js"],(function(t){"use strict";var a,n,o,i,r,e,s,m;return{setters:[function(t){a=t.r;n=t.c;o=t.h;i=t.H;r=t.g},function(t){e=t.t},function(t){s=t.D;m=t.K}],execute:function(){var l="@-webkit-keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@-webkit-keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}@keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}:host{position:fixed;display:none;top:0;left:0;width:100vw;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:transparent;overflow:auto;-webkit-transform-style:var(--ku4-modal-transform-style, initial);transform-style:var(--ku4-modal-transform-style, initial)}.ku4-modal-content{position:relative;top:0;left:0}.ku4-modal-overlay{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--ku4-modal-overlay-background, #000)}:host([visible]){display:-ms-flexbox;display:flex;z-index:var(--ku4-modal-z-index, 5)}:host([visible]) .ku4-modal-content{-webkit-animation-name:ku4-modal-content-enter;animation-name:ku4-modal-content-enter;-webkit-animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-content-transform, none);transform:var(--ku4-modal-content-transform, none);opacity:var(--ku4-modal-content-opacity, 1);z-index:calc(var(--ku4-modal-z-index, 5) + 1)}:host([visible]) .ku4-modal-overlay{-webkit-animation-name:ku4-modal-overlay-enter;animation-name:ku4-modal-overlay-enter;-webkit-animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-overlay-transform, none);transform:var(--ku4-modal-overlay-transform, none);opacity:var(--ku4-modal-overlay-opacity, 0.4);z-index:calc(var(--ku4-modal-z-index, 5))}:host([visible=false]){display:none}";var u=t("ku4_modal",function(){function t(t){a(this,t);this.didDisplay=n(this,"display",7);this.didDismiss=n(this,"dismiss",7);this.visible=false;this.dismissable=true}t.prototype.handleVisibility=function(t){if(t){s.preventScroll();if(e.exists(this.trap)){this.trap.activate()}}else{s.resumeScroll();if(e.exists(this.trap)){this.trap.deactivate()}}};t.prototype.handleKeyUp=function(t){if(this.visible&&m.esc.didFire(t)){this.dismiss()}};t.prototype.display=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=true;this.didDisplay.emit(this);return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=false;this.didDismiss.emit(this);return[2]}))}))};t.prototype.componentDidLoad=function(){try{this.trap=this.host.querySelector("ku4-focus-trap")||document.querySelector(this.focusTrap);this.handleVisibility(this.visible)}catch(t){throw new Error("Cannot connect ku4-focus-trap: "+t.messsage)}};t.prototype.render=function(){var t=this;return o(i,{role:"dialog","aria-modal":"true"},o("section",{class:"ku4-modal-content"},o("slot",null)),o("section",{class:"ku4-modal-overlay",onClick:function(){return t.dismissable&&t.dismiss()},"aria-hidden":"true"}))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{visible:["handleVisibility"]}},enumerable:false,configurable:true});return t}());u.style=l}}}));

package/dist/ku4web-components/p-f311c0be.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,h as a,H as r,g as e}from"./p-fbb5312d.js";import{L as i,Y as n,c as s}from"./p-c1068ffa.js";import{S as u}from"./p-3d59c1fe.js";let c=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 i(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;)await n(10).then((()=>this.rolodex[a]));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 u(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 s(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)}};c.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%;left:0}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (hover: hover){.controls:hover{background-color:var(--ku4-carousel-controls-focus-background-color, #fff)}}";export{c as ku4_carousel}

package/dist/types/components/ku4-modal/ku4-modal.d.ts

@@ -9,6 +9,10 @@ export declare class Ku4Modal {
    * Visible when true
    */
   visible: boolean;
+  /**
+   * Will not dismiss by clicking and touching outside when false;
+   */
+  dismissable: boolean;
   /**
    * An optional querySelector of an associated ku4-focus-trap that should
    * be activated when this ku4-modal is display and deactivated when

package/dist/types/components/ku4-preview/ku4-preview.d.ts

@@ -12,6 +12,11 @@ export declare class Ku4Preview {
    * The default image src
    */
   readonly src: string;
+  /**
+   * An alternate fallback src for when src does not load.
+   * Useful when this component is used e.g. as a profile image
+   */
+  readonly altsrc: string;
   /**
    * EXIF orientation. This will override
    * any set capture value. (optional)

package/dist/types/components/ku4-tab-list/ku4-tab-list.d.ts

@@ -4,10 +4,10 @@
 export declare class Ku4TabList {
   private tabs;
   private host;
-  handleHpTabClick({ target }: {
+  handleTabClick({ target }: {
     target: any;
   }): void;
-  handleHpTabKeyUp({ target, detail: e }: {
+  handleTabKeyUp({ target, detail: e }: {
     target: any;
     detail: any;
   }): void;

package/dist/types/components.d.ts

@@ -330,6 +330,10 @@ export namespace Components {
           * Dismiss modal
          */
         "dismiss": () => Promise<void>;
+        /**
+          * Will not dismiss by clicking and touching outside when false;
+         */
+        "dismissable": boolean;
         /**
           * Display modal
          */
@@ -362,6 +366,10 @@ export namespace Components {
           * Alt text
          */
         "alt": string;
+        /**
+          * An alternate fallback src for when src does not load. Useful when this component is used e.g. as a profile image
+         */
+        "altsrc": string;
         /**
           * Force a 'portrait' or 'landscape' capture orientation. This is unlikely necessary, but useful for those who want to implement specific custom capture orientation logic. (optional)
          */
@@ -932,6 +940,10 @@ declare namespace LocalJSX {
         "template"?: string;
     }
     interface Ku4Modal {
+        /**
+          * Will not dismiss by clicking and touching outside when false;
+         */
+        "dismissable"?: boolean;
         /**
           * An optional querySelector of an associated ku4-focus-trap that should be activated when this ku4-modal is display and deactivated when this ku4-modal is didDismiss.
          */
@@ -960,6 +972,10 @@ declare namespace LocalJSX {
           * Alt text
          */
         "alt"?: string;
+        /**
+          * An alternate fallback src for when src does not load. Useful when this component is used e.g. as a profile image
+         */
+        "altsrc"?: string;
         /**
           * Force a 'portrait' or 'landscape' capture orientation. This is unlikely necessary, but useful for those who want to implement specific custom capture orientation logic. (optional)
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ku4web-components",
-  "version": "6.4.70",
+  "version": "6.4.76",
   "description": "kodmunki™ Web Components",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -54,26 +54,26 @@
     "stencil:test"
   ],
   "devDependencies": {
-    "@babel/core": "^7.16.12",
-    "@jest/core": "^27.4.7",
+    "@babel/core": "^7.17.0",
+    "@jest/core": "^27.5.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@stencil/core": "^2.13.0",
     "@stencil/eslint-plugin": "^0.4.0",
     "@stencil/sass": "^1.4.0",
-    "@storybook/addon-actions": "^6.4.17",
-    "@storybook/addon-docs": "^6.4.17",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-docs": "^6.4.18",
     "@storybook/addon-google-analytics": "^6.1.21",
     "@storybook/addon-knobs": "^6.1.21",
-    "@storybook/addon-links": "^6.4.17",
-    "@storybook/addon-storyshots": "^6.4.17",
-    "@storybook/addon-viewport": "^6.4.17",
-    "@storybook/addons": "^6.4.17",
-    "@storybook/react": "^6.4.17",
-    "@storybook/theming": "^6.4.17",
-    "@storybook/web-components": "^6.4.17",
-    "@types/node": "^17.0.13",
+    "@storybook/addon-links": "^6.4.18",
+    "@storybook/addon-storyshots": "^6.4.18",
+    "@storybook/addon-viewport": "^6.4.18",
+    "@storybook/addons": "^6.4.18",
+    "@storybook/react": "^6.4.18",
+    "@storybook/theming": "^6.4.18",
+    "@storybook/web-components": "^6.4.18",
+    "@types/node": "^17.0.15",
     "@types/puppeteer": "^5.4.3",
     "@typescript-eslint/eslint-plugin": "^5.10.2",
     "@typescript-eslint/parser": "^5.10.2",
@@ -81,25 +81,25 @@
     "babel-loader": "^8.2.1",
     "bufferutil": "^4.0.3",
     "canvas": "^2.9.0",
-    "core-js": "^3.20.3",
+    "core-js": "^3.21.0",
     "css-loader": "^5.1.3",
     "eslint": "^8.8.0",
     "eslint-plugin-react": "^7.21.5",
     "fibers": "^5.0.1",
     "html-to-react": "^1.4.8",
-    "jest": "^27.4.7",
-    "jest-cli": "^27.4.7",
+    "jest": "^27.5.0",
+    "jest-cli": "^27.5.0",
     "ku4es-kernel": "^8.3.16",
     "ku4es-ui-data": "^3.1.7",
-    "ku4es-ui-kernel": "^8.0.5",
+    "ku4es-ui-kernel": "^8.0.6",
     "lit-html": "^2.1.2",
     "node-sass": "^5.0.0",
     "pre-commit": "^1.2.2",
-    "puppeteer": "^13.1.3",
-    "rollup": "^2.66.1",
+    "puppeteer": "^13.2.0",
+    "rollup": "^2.67.1",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.49.0",
+    "sass": "^1.49.7",
     "sass-loader": "^10.2.1",
     "style-loader": "^2.0.0",
     "ts-dedent": "^2.0.0",

package/dist/ku4web-components/p-4947eba2.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as a,H as r,g as e}from"./p-fbb5312d.js";import{L as i,Y as n,c as s}from"./p-c1068ffa.js";import{S as u}from"./p-08ec498e.js";let c=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 i(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;)await n(0).then((()=>this.rolodex[a]));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 u(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 s(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)}};c.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%;left:0}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function);animation-timing-function:var(--ku4-carousel-animation-timing-function);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}::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.4s);animation-duration:var(--ku4-carousel-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);animation-timing-function:var(--ku4-carousel-animation-timing-function, ease);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (hover: hover){.controls:hover{background-color:var(--ku4-carousel-controls-focus-background-color, #fff)}}";export{c as ku4_carousel}

package/dist/ku4web-components/p-b313124a.entry.js

@@ -1 +0,0 @@
-import{r as a,c as t,h as n,H as o,g as i}from"./p-fbb5312d.js";import{t as r}from"./p-c1068ffa.js";import{D as e,K as m}from"./p-08ec498e.js";let s=class{constructor(n){a(this,n),this.didDisplay=t(this,"display",7),this.didDismiss=t(this,"dismiss",7),this.visible=!1}handleVisibility(a){a?(e.preventScroll(),r.exists(this.trap)&&this.trap.activate()):(e.resumeScroll(),r.exists(this.trap)&&this.trap.deactivate())}handleKeyUp(a){this.visible&&m.esc.didFire(a)&&this.dismiss()}async display(){this.visible=!0,this.didDisplay.emit(this)}async dismiss(){this.visible=!1,this.didDismiss.emit(this)}componentDidLoad(){try{this.trap=this.host.querySelector("ku4-focus-trap")||document.querySelector(this.focusTrap),this.handleVisibility(this.visible)}catch(a){throw new Error(`Cannot connect ku4-focus-trap: ${a.messsage}`)}}render(){return n(o,{role:"dialog","aria-modal":"true"},n("section",{class:"ku4-modal-content"},n("slot",null)),n("section",{class:"ku4-modal-overlay",onClick:()=>this.dismiss(),"aria-hidden":"true"}))}get host(){return i(this)}static get watchers(){return{visible:["handleVisibility"]}}};s.style="@-webkit-keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@keyframes ku4-modal-content-enter{0%{-webkit-transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));transform:var(--ku4-modal-content-animation-start-transform, scale(0.5));opacity:var(--ku4-modal-content-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));transform:var(--ku4-modal-content-animation-mid-transform, scale(1.2));opacity:var(--ku4-modal-content-animation-mid-opacity, 0.8)}100%{-webkit-transform:var(--ku4-modal-content-animation-end-transform, scale(1));transform:var(--ku4-modal-content-animation-end-transform, scale(1));opacity:var(--ku4-modal-content-animation-end-opacity, 1)}}@-webkit-keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}@keyframes ku4-modal-overlay-enter{0%{-webkit-transform:var(--ku4-modal-overlay-animation-start-transform, none);transform:var(--ku4-modal-overlay-animation-start-transform, none);opacity:var(--ku4-modal-overlay-animation-start-opacity, 0)}50%{-webkit-transform:var(--ku4-modal-overlay-animation-mid-transform, none);transform:var(--ku4-modal-overlay-animation-mid-transform, none);opacity:var(--ku4-modal-overlay-animation-mid-opacity, 0.35)}100%{-webkit-transform:var(--ku4-modal-overlay-animation-end-transform, none);transform:var(--ku4-modal-overlay-animation-end-transform, none);opacity:var(--ku4-modal-overlay-animation-end-opacity, 0.4)}}:host{position:fixed;display:none;top:0;left:0;width:100vw;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:transparent;overflow:auto;-webkit-transform-style:var(--ku4-modal-transform-style, initial);transform-style:var(--ku4-modal-transform-style, initial)}.ku4-modal-content{position:relative;top:0;left:0}.ku4-modal-overlay{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--ku4-modal-overlay-background, #000)}:host([visible]){display:-ms-flexbox;display:flex;z-index:var(--ku4-modal-z-index, 5)}:host([visible]) .ku4-modal-content{-webkit-animation-name:ku4-modal-content-enter;animation-name:ku4-modal-content-enter;-webkit-animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);animation-duration:var(--ku4-modal-content-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-content-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-content-transform, none);transform:var(--ku4-modal-content-transform, none);opacity:var(--ku4-modal-content-opacity, 1);z-index:calc(var(--ku4-modal-z-index, 5) + 1)}:host([visible]) .ku4-modal-overlay{-webkit-animation-name:ku4-modal-overlay-enter;animation-name:ku4-modal-overlay-enter;-webkit-animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);animation-duration:var(--ku4-modal-overlay-animation-duration, 0.4s);-webkit-animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);animation-timing-function:var(--ku4-modal-overlay-animation-timing-function, ease);-webkit-transform:var(--ku4-modal-overlay-transform, none);transform:var(--ku4-modal-overlay-transform, none);opacity:var(--ku4-modal-overlay-opacity, 0.4);z-index:calc(var(--ku4-modal-z-index, 5))}:host([visible=false]){display:none}";export{s as ku4_modal}

package/dist/ku4web-components/p-b625e0a4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as r}from"./p-fbb5312d.js";import{K as i}from"./p-08ec498e.js";import{u as a}from"./p-cbbb4b1b.js";import"./p-c1068ffa.js";let o=class{constructor(s){t(this,s)}handleHpTabClick({target:t}){this.tabs.includes(t)&&this.open(t)}handleHpTabKeyUp({target:t,detail:s}){this.tabs.includes(t)&&(i.left.didFire(s)&&this.open(this.previous(t)),i.right.didFire(s)&&this.open(this.next(t)))}async open(t){return this.reset().select(t)}select(t){return t.select(),this}deselect(t){return t.deselect(),this}reset(){return this.tabs.forEach((t=>this.deselect(t))),this}previous(t){const{tabs:s,tabs:{length:e}}=this,r=s.indexOf(t)-1;return s[r>-1?r:e-1]}next(t){const{tabs:s,tabs:{length:e}}=this,r=s.indexOf(t)+1;return s[r<e?r:0]}componentDidRender(){const t=[],s=[];[].slice.call(this.host.children).forEach((e=>{"KU4-TAB"===e.tagName&&t.push(e),"KU4-TAB-PANEL"===e.tagName&&s.push(e)})),this.tabs=t,this.tabs.forEach(((t,e)=>t.connect(s[e])))}render(){return s(e,{id:this.host.id||a(),role:"tablist","aria-owns":this.host.id||a()},s("slot",null))}get host(){return r(this)}};o.style=":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}";export{o as ku4_tab_list}