ku4web-components 6.7.0 → 6.7.1

package/dist/ku4web-components/{p-ef22004b.system.entry.js → p-36e2caf6.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-d12104ec.system.js","./p-563d1517.system.js","./p-eb21757a.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;this.dismissible=this.dismissable}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: ".concat(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.dismissible&&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-55f5c91c.system.js","./p-e11b977e.system.js","./p-eb21757a.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;this.dismissible=this.dismissable}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: ".concat(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.dismissible&&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-0b2a3cfa.entry.js → p-3742c929.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,g as i}from"./p-934f94af.js";import{t as h,o as e}from"./p-5a54ccf4.js";import{E as n,K as a}from"./p-e8b35187.js";const r=(t,s)=>{t.forEach(s?t=>{t.currentAriaHidden=t.getAttribute("aria-hidden"),t.setAttribute("aria-hidden",s)}:t=>{t.currentAriaHidden?t.setAttribute("aria-hidden",t.currentAriaHidden):t.removeAttribute("aria-hidden")})},o=["A","BUTTON","INPUT","SELECT","TEXTAREA"],c=t=>[].slice.call(t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')),{tab:u}=a,d=a.tab.shift,p=a.tab.alt,l=a.tab.alt.shift,w=class{constructor(s){t(this,s),this.iframes=[],this.active=!1,this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleMouse=this.handleMouse.bind(this)}activeHandler(t){t?this.handleActivate():this.handleDeactivate()}async activate(t){this.lastActiveElement=t||document.querySelector(this.return||null),this.active=!0}async deactivate(){this.active=!1}handleActivate(){this.lastActiveElement=this.lastActiveElement||document.activeElement,this.lastActiveElement&&this.lastActiveElement.blur&&this.lastActiveElement.blur(),this.addEventListeners(this.elements),r(this.outerElements,!0),window.requestAnimationFrame((()=>{const t=document.querySelector(this.initial||null)||this.focusableElements[0]||this.trapElements[0];t.blur(),t.focus(),this.activateTraps()}))}handleDeactivate(){this.removeEventListeners(this.elements),this.deactivateTraps(),r(this.outerElements),this.lastActiveElement&&this.lastActiveElement.focus&&this.lastActiveElement.focus(),this.lastActiveElement=null}handleKeyDown(t){if(d.didFire(t)||l.didFire(t))try{if(this.iframes.length>0&&(this.trapElements[1]===t.target||!h.isNull(t.target.getAttribute("ku4-focus-wrap"))||this.iframes.some((s=>s.contains(t.target)))))return;if(this.trapElements[0]===t.target)return this.trapElements[1].focus(),n.mute(t);const s=this.focusableElements.indexOf(t.target)-1;return this.focusableElements[s<0?this.focusableElements.length-1:s].focus(),n.mute(t)}catch(t){return n.mute(t)}if(u.didFire(t)||p.didFire(t))try{if(this.iframes.length>0&&(this.trapElements[0]===t.target||!h.isNull(t.target.getAttribute("ku4-focus-wrap"))||this.iframes.some((s=>s.contains(t.target)))))return;if(this.trapElements[1]===t.target)return this.trapElements[0].focus(),n.mute(t);const s=this.focusableElements.indexOf(t.target)+1;return this.focusableElements[s>=this.focusableElements.length?0:s].focus(),n.mute(t)}catch(t){return n.mute(t)}}handleKeyUp(t){const s=this.trapElements.indexOf(t.target);return 0===s&&(d.didFire(t)||l.didFire(t))?((this.focusableElements[this.focusableElements.length-1]||this.trapElements[1]).focus(),n.mute(t)):1===s&&(u.didFire(t)||p.didFire(t))?((this.focusableElements[0]||this.trapElements[0]).focus(),n.mute(t)):void 0}handleMouse(t){this.elements.some((s=>s===t.target))||n.mute(t)}addEventListeners(t){t.forEach((t=>t.addEventListener("keydown",this.handleKeyDown,{passive:!0}))),t.forEach((t=>t.addEventListener("keyup",this.handleKeyUp,{passive:!0}))),window.addEventListener("click",this.handleMouse,{passive:!0}),window.addEventListener("mousedown",this.handleMouse,{passive:!0}),window.addEventListener("mouseup",this.handleMouse,{passive:!0}),window.addEventListener("touchstart",this.handleMouse,{passive:!0})}removeEventListeners(t){t.forEach((t=>t.removeEventListener("keydown",this.handleKeyDown))),t.forEach((t=>t.removeEventListener("keyup",this.handleKeyUp))),window.removeEventListener("click",this.handleMouse),window.removeEventListener("mousedown",this.handleMouse),window.removeEventListener("mouseup",this.handleMouse),window.addEventListener("touchstart",this.handleMouse,{passive:!0})}activateTraps(){this.setTraps(0)}deactivateTraps(){this.setTraps(-1)}setTraps(t){[].slice.call(this.host.querySelectorAll("[ku4-focus-trap], [ku4-focus-wrap]")).forEach((s=>s.setAttribute("tabindex",t)))}wrap(t){const s=document.createDocumentFragment();s.appendChild(this.createWrapTag()),s.appendChild(t.cloneNode()),s.appendChild(this.createWrapTag()),t.parentNode.replaceChild(s,t)}createTrapTag(){return this.createTag("ku4-focus-trap")}createWrapTag(){return this.createTag("ku4-focus-wrap")}createTag(t){const s=document.createElement("button");return s.setAttribute(t,""),s.setAttribute("tabindex","0"),s.setAttribute("aria-hidden","true"),s.style.position="static",s.style.display="block",s.style.width="0",s.style.height="0",s.style.margin="0",s.style.padding="0",s.style.border="none",s.style.outline="none",s}initialize(){const t=[].slice.call(this.host.querySelectorAll("*")),s=[].slice.call(document.querySelectorAll(this.include||null)||[]),i=[].slice.call(document.querySelectorAll(this.exclude)||[]);let n=[];var a;(this.excludeShadow||"").split(",").forEach((t=>{if(!h.isNullOrEmpty(t))try{const s=t.trim().replace(/\s/,"|").split("|"),i=document.querySelector(s[0]).shadowRoot.querySelectorAll(s[1]);n=n.concat([].slice.call(i||[]))}catch(s){console.error("Invalid shadow selector",t)}})),this.iframes=[].slice.call(this.host.querySelectorAll("iframe")||[]),this.iframes.forEach((t=>this.wrap(t))),this.elements=e([...(a=this.host,[].slice.call(a.querySelectorAll(':not([tabindex="-1"])'))),...s]),this.focusableElements=this.elements.reduce(((t,s)=>((t=>{const s=t.getAttribute("tabindex");return(o.includes(t.tagName.toUpperCase())||t.getAttribute("href"))&&(!s||isNaN(s)||parseInt(s)>-1)})(s)&&!this.trapElements.includes(s)&&t.push(s),t)),[]),this.outerElements=[...c(document.body),...i,...n].filter((i=>!(i===this.host||t.includes(i)||s.includes(i))))}componentDidLoad(){const t=this.createTrapTag(),s=this.createTrapTag();this.trapElements=[t,s],this.host.insertBefore(t,this.host.firstChild),this.host.appendChild(s),this.initialize(),this.active?this.handleActivate():this.handleDeactivate()}disconnectedCallback(){this.active&&this.handleDeactivate()}render(){return s("slot",null)}get host(){return i(this)}static get watchers(){return{active:["activeHandler"]}}};w.style=":host{position:static}";export{w as ku4_focus_trap}
+import{r as t,h as s,g as i}from"./p-0943c493.js";import{t as h,o as e}from"./p-0af98743.js";import{E as n,K as a}from"./p-e8b35187.js";const r=(t,s)=>{t.forEach(s?t=>{t.currentAriaHidden=t.getAttribute("aria-hidden"),t.setAttribute("aria-hidden",s)}:t=>{t.currentAriaHidden?t.setAttribute("aria-hidden",t.currentAriaHidden):t.removeAttribute("aria-hidden")})},o=["A","BUTTON","INPUT","SELECT","TEXTAREA"],c=t=>[].slice.call(t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')),{tab:u}=a,d=a.tab.shift,p=a.tab.alt,l=a.tab.alt.shift,w=class{constructor(s){t(this,s),this.iframes=[],this.active=!1,this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleMouse=this.handleMouse.bind(this)}activeHandler(t){t?this.handleActivate():this.handleDeactivate()}async activate(t){this.lastActiveElement=t||document.querySelector(this.return||null),this.active=!0}async deactivate(){this.active=!1}handleActivate(){this.lastActiveElement=this.lastActiveElement||document.activeElement,this.lastActiveElement&&this.lastActiveElement.blur&&this.lastActiveElement.blur(),this.addEventListeners(this.elements),r(this.outerElements,!0),window.requestAnimationFrame((()=>{const t=document.querySelector(this.initial||null)||this.focusableElements[0]||this.trapElements[0];t.blur(),t.focus(),this.activateTraps()}))}handleDeactivate(){this.removeEventListeners(this.elements),this.deactivateTraps(),r(this.outerElements),this.lastActiveElement&&this.lastActiveElement.focus&&this.lastActiveElement.focus(),this.lastActiveElement=null}handleKeyDown(t){if(d.didFire(t)||l.didFire(t))try{if(this.iframes.length>0&&(this.trapElements[1]===t.target||!h.isNull(t.target.getAttribute("ku4-focus-wrap"))||this.iframes.some((s=>s.contains(t.target)))))return;if(this.trapElements[0]===t.target)return this.trapElements[1].focus(),n.mute(t);const s=this.focusableElements.indexOf(t.target)-1;return this.focusableElements[s<0?this.focusableElements.length-1:s].focus(),n.mute(t)}catch(t){return n.mute(t)}if(u.didFire(t)||p.didFire(t))try{if(this.iframes.length>0&&(this.trapElements[0]===t.target||!h.isNull(t.target.getAttribute("ku4-focus-wrap"))||this.iframes.some((s=>s.contains(t.target)))))return;if(this.trapElements[1]===t.target)return this.trapElements[0].focus(),n.mute(t);const s=this.focusableElements.indexOf(t.target)+1;return this.focusableElements[s>=this.focusableElements.length?0:s].focus(),n.mute(t)}catch(t){return n.mute(t)}}handleKeyUp(t){const s=this.trapElements.indexOf(t.target);return 0===s&&(d.didFire(t)||l.didFire(t))?((this.focusableElements[this.focusableElements.length-1]||this.trapElements[1]).focus(),n.mute(t)):1===s&&(u.didFire(t)||p.didFire(t))?((this.focusableElements[0]||this.trapElements[0]).focus(),n.mute(t)):void 0}handleMouse(t){this.elements.some((s=>s===t.target))||n.mute(t)}addEventListeners(t){t.forEach((t=>t.addEventListener("keydown",this.handleKeyDown,{passive:!0}))),t.forEach((t=>t.addEventListener("keyup",this.handleKeyUp,{passive:!0}))),window.addEventListener("click",this.handleMouse,{passive:!0}),window.addEventListener("mousedown",this.handleMouse,{passive:!0}),window.addEventListener("mouseup",this.handleMouse,{passive:!0}),window.addEventListener("touchstart",this.handleMouse,{passive:!0})}removeEventListeners(t){t.forEach((t=>t.removeEventListener("keydown",this.handleKeyDown))),t.forEach((t=>t.removeEventListener("keyup",this.handleKeyUp))),window.removeEventListener("click",this.handleMouse),window.removeEventListener("mousedown",this.handleMouse),window.removeEventListener("mouseup",this.handleMouse),window.addEventListener("touchstart",this.handleMouse,{passive:!0})}activateTraps(){this.setTraps(0)}deactivateTraps(){this.setTraps(-1)}setTraps(t){[].slice.call(this.host.querySelectorAll("[ku4-focus-trap], [ku4-focus-wrap]")).forEach((s=>s.setAttribute("tabindex",t)))}wrap(t){const s=document.createDocumentFragment();s.appendChild(this.createWrapTag()),s.appendChild(t.cloneNode()),s.appendChild(this.createWrapTag()),t.parentNode.replaceChild(s,t)}createTrapTag(){return this.createTag("ku4-focus-trap")}createWrapTag(){return this.createTag("ku4-focus-wrap")}createTag(t){const s=document.createElement("button");return s.setAttribute(t,""),s.setAttribute("tabindex","0"),s.setAttribute("aria-hidden","true"),s.style.position="static",s.style.display="block",s.style.width="0",s.style.height="0",s.style.margin="0",s.style.padding="0",s.style.border="none",s.style.outline="none",s}initialize(){const t=[].slice.call(this.host.querySelectorAll("*")),s=[].slice.call(document.querySelectorAll(this.include||null)||[]),i=[].slice.call(document.querySelectorAll(this.exclude)||[]);let n=[];var a;(this.excludeShadow||"").split(",").forEach((t=>{if(!h.isNullOrEmpty(t))try{const s=t.trim().replace(/\s/,"|").split("|"),i=document.querySelector(s[0]).shadowRoot.querySelectorAll(s[1]);n=n.concat([].slice.call(i||[]))}catch(s){console.error("Invalid shadow selector",t)}})),this.iframes=[].slice.call(this.host.querySelectorAll("iframe")||[]),this.iframes.forEach((t=>this.wrap(t))),this.elements=e([...(a=this.host,[].slice.call(a.querySelectorAll(':not([tabindex="-1"])'))),...s]),this.focusableElements=this.elements.reduce(((t,s)=>((t=>{const s=t.getAttribute("tabindex");return(o.includes(t.tagName.toUpperCase())||t.getAttribute("href"))&&(!s||isNaN(s)||parseInt(s)>-1)})(s)&&!this.trapElements.includes(s)&&t.push(s),t)),[]),this.outerElements=[...c(document.body),...i,...n].filter((i=>!(i===this.host||t.includes(i)||s.includes(i))))}componentDidLoad(){const t=this.createTrapTag(),s=this.createTrapTag();this.trapElements=[t,s],this.host.insertBefore(t,this.host.firstChild),this.host.appendChild(s),this.initialize(),this.active?this.handleActivate():this.handleDeactivate()}disconnectedCallback(){this.active&&this.handleDeactivate()}render(){return s("slot",null)}get host(){return i(this)}static get watchers(){return{active:["activeHandler"]}}};w.style=":host{position:static}";export{w as ku4_focus_trap}

package/dist/ku4web-components/{p-142b7dce.entry.js → p-3d59749e.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,H as s,g as e}from"./p-934f94af.js";import{Y as h,t as a,R as l}from"./p-5a54ccf4.js";const 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}
+import{r as i,h as t,H as s,g as e}from"./p-0943c493.js";import{Y as h,t as a,R as l}from"./p-0af98743.js";const 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}