ku4web-components 6.4.43 → 6.4.49

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

@@ -7,7 +7,7 @@ export declare class Ku4Carousel {
   private swipe;
   private interval;
   constructor();
-  private host;
+  host: HTMLKu4CarouselElement;
   /**
    * Sets the distance, in pixels, a touch must travel
    * before activating a swipe.

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

@@ -52,6 +52,11 @@ export declare class Ku4Validation {
    * want to be invalid.
    */
   readonly values: string;
+  /**
+   * Boolean value describing is the target field should be checked
+   * or unchecked
+   */
+  readonly checked: boolean;
   /**
    * A reference to a named function or a function body that
    * define a validation criteria and return `true` when the

package/dist/types/components.d.ts

@@ -486,6 +486,10 @@ export namespace Components {
         "top": boolean;
     }
     interface Ku4Validation {
+        /**
+          * Boolean value describing is the target field should be checked or unchecked
+         */
+        "checked": boolean;
         /**
           * Disables validation when true causing validation to always be valid.
          */
@@ -1040,6 +1044,10 @@ declare namespace LocalJSX {
         "top"?: boolean;
     }
     interface Ku4Validation {
+        /**
+          * Boolean value describing is the target field should be checked or unchecked
+         */
+        "checked"?: boolean;
         /**
           * Disables validation when true causing validation to always be valid.
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ku4web-components",
-  "version": "6.4.43",
+  "version": "6.4.49",
   "description": "kodmunki™ Web Components",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -58,7 +58,7 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.2",
-    "@stencil/core": "^2.5.0",
+    "@stencil/core": "^2.12.1",
     "@stencil/eslint-plugin": "^0.4.0",
     "@stencil/sass": "^1.4.0",
     "@storybook/addon-actions": "^6.1.21",

package/dist/ku4web-components/p-64a48d69.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as o}from"./p-8346c6f0.js";import{t as r}from"./p-c1068ffa.js";let i=class{constructor(e){t(this,e),this.carousel=document.getElementById(this.for),this.handleSlide=this.handleSlide.bind(this),this.handleChange=this.handleChange.bind(this)}get controls(){return[].slice.call(this.host.children)}handleSlide(t){this.controls.forEach((t=>{t.removeAttribute("current"),t.checked=!1}));const e=this.controls[t.detail-1];e.setAttribute("current",t.detail),e.checked=!0}handleChange(t){const{carousel:e,controls:o}=this,r=o.indexOf(t.target)+1;e.slideTo(r),t.target.setAttribute("current",r)}componentWillLoad(){const{carousel:t,controls:e}=this;try{t.addEventListener("slide",this.handleSlide),e.forEach(((t,e)=>{0===e&&t.setAttribute("current",e+1),"INPUT"===t.nodeName?t.addEventListener("change",this.handleChange):(t.addEventListener("keyup",this.handleChange),t.addEventListener("mouseup",this.handleChange))}))}catch(o){if(!r.exists(t))throw new ReferenceError("ku4-carousel-controls must connect to a ku4-carousel.")}}disconnectedCallback(){const{carousel:t,controls:e}=this;t.removeEventListener("slide",this.handleSlide),e.forEach((t=>{t.removeEventListener("change",this.handleChange),t.removeEventListener("keyup",this.handleChange),t.removeEventListener("mouseup",this.handleChange)}))}render(){return e("slot",null)}get host(){return o(this)}};i.style=':host{position:relative;display:block}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=radio]:checked:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background-color:#333}';export{i as ku4_carousel_controls}

package/dist/ku4web-components/p-ec696247.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-71bcec11.system.js","./p-0785fc39.system.js"],(function(e){"use strict";var t,n,r,o;return{setters:[function(e){t=e.r;n=e.h;r=e.g},function(e){o=e.t}],execute:function(){var i=':host{position:relative;display:block}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=radio]:checked:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background-color:#333}';var a=e("ku4_carousel_controls",function(){function e(e){t(this,e);this.carousel=document.getElementById(this.for);this.handleSlide=this.handleSlide.bind(this);this.handleChange=this.handleChange.bind(this)}Object.defineProperty(e.prototype,"controls",{get:function(){return[].slice.call(this.host.children)},enumerable:false,configurable:true});e.prototype.handleSlide=function(e){this.controls.forEach((function(e){e.removeAttribute("current");e.checked=false}));var t=this.controls[e.detail-1];t.setAttribute("current",e.detail);t.checked=true};e.prototype.handleChange=function(e){var t=this,n=t.carousel,r=t.controls;var o=r.indexOf(e.target)+1;n.slideTo(o);e.target.setAttribute("current",o)};e.prototype.componentWillLoad=function(){var e=this;var t=this,n=t.carousel,r=t.controls;try{n.addEventListener("slide",this.handleSlide);r.forEach((function(t,n){if(n===0){t.setAttribute("current",n+1)}if(t.nodeName==="INPUT"){t.addEventListener("change",e.handleChange)}else{t.addEventListener("keyup",e.handleChange);t.addEventListener("mouseup",e.handleChange)}}))}catch(i){if(!o.exists(n)){throw new ReferenceError("ku4-carousel-controls must connect to a ku4-carousel.")}}};e.prototype.disconnectedCallback=function(){var e=this;var t=this,n=t.carousel,r=t.controls;n.removeEventListener("slide",this.handleSlide);r.forEach((function(t){t.removeEventListener("change",e.handleChange);t.removeEventListener("keyup",e.handleChange);t.removeEventListener("mouseup",e.handleChange)}))};e.prototype.render=function(){return n("slot",null)};Object.defineProperty(e.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a.style=i}}}));

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

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as h,g as e}from"./p-8346c6f0.js";import{t as a,R as n,Y as r}from"./p-c1068ffa.js";let l=class{constructor(s){i(this,s),this.didValidate=t(this,"validate",7),this.pattern=".*",this.flags="",this.method="";const h=this.pattern.split(" "),e=this.flags.split(" "),n=this.method.trim();this.regex=h.map(((i,t)=>new RegExp(i,e[t]))),this.validationMethod=a.isNullOrEmpty(n)?()=>!0:new Function("value",/^return/.test(n)?n:`return ${n}`),this.handleInput=this.handleInput.bind(this),this.handleChange=this.handleChange.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleReset=this.handleReset.bind(this)}async validate(){return this.assert()}handleInput(){("file"===this.input.type||a.isFalse(this.isValid))&&this.assert()}handleChange(){("file"===this.input.type||a.isFalse(this.isValid))&&this.assert()}handleBlur(){this.assert()}handleReset(){this.isValid=!0,this.invalid=!this.isValid,this.input.setAttribute("aria-invalid",this.invalid)}assert(){const{ele:i,validOptions:t,input:s,regex:h}=this;if("file"===s.type&&a.isNullOrEmpty(s.value))return;const e=this.isValid;var n,r,l,d;return this.isValid=!!this.disabled||(n=h,r=s.value,d=i,((l=t)?l.some((i=>i===r))&&n.every((i=>i.test(r))):d?d.value===r&&n.every((i=>i.test(r))):n.every((i=>i.test(r))))&&this.validationMethod(s.value)),this.invalid=!this.isValid,s.setAttribute("aria-invalid",this.invalid),a.isFalse(e)&&this.isValid&&this.didValidate.emit(this.isValid),this.isValid}componentWillLoad(){if(this.input=document.getElementById(this.for),a.exists(this.input)){this.ele=document.getElementById(this.element)||document.querySelector(this.element),this.validOptions=a.exists(this.values)?this.values.split(","):this.ele&&"DATALIST"===this.ele.nodeName&&[].slice.call(this.ele.querySelectorAll("option")).map((i=>i.value));const i=this.input.getAttribute("aria-describedby"),t=this.host.getAttribute("id")||n.uid();this.host.setAttribute("id",t),a.isNullOrEmpty(i)&&this.input.setAttribute("aria-describedby",t),r(0).then((()=>{this.input.addEventListener("input",this.handleInput),this.input.addEventListener("change",this.handleChange),this.input.addEventListener("blur",this.handleBlur)})),a.isFunction(this.host.closest)&&(this.form=this.host.closest("form"),this.form&&this.form.addEventListener&&this.form.addEventListener("reset",this.handleReset))}else console.error("ku4-validation must have a valid `for` referencing target field `id`.")}disconnectedCallback(){this.input&&this.input.removeEventListener&&(this.input.removeEventListener("input",this.handleInput),this.input.removeEventListener("change",this.handleChange),this.input.removeEventListener("blur",this.handleBlur)),this.form&&this.form.removeEventListener&&this.form.removeEventListener("reset",this.handleReset)}render(){return s(h,{role:"alert","aria-live":"assertive"},s("slot",null))}get host(){return e(this)}};l.style=":host{visibility:hidden !important}:host([invalid]){visibility:visible !important}:host([disabled]){visibility:hidden !important}:host([invalid][disabled]){visibility:hidden !important}";export{l as ku4_validation}