ku4web-components 6.4.43 → 6.4.44

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/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.44",
   "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}