mi-element 0.6.6 → 0.7.0

package/types/element.d.ts

@@ -12,12 +12,14 @@
  * @example
  * ```js
  * class Example extends MiElement {
- *  // define all observed attributes with its default initial value.
- *  // for yet to defined numbers, boolean or strings use `Number`, `Boolean`, `String`
- *  // attributes are accessible via `this[prop]`
- *  // avoid using attributes which are HTMLElement properties e.g. className
+ *  // define all observed attributes and define its type,
+ *  // either use String/'', Number/0, Boolean/true, Array/[], Object/{}.
+ *  // Objects and Arrays are deserialized from JSON.
+ *  // Attributes are accessible via `this[prop]` as camelCased properties.
+ *  // camelCased attributes are converted to kebab-case automatically.
+ *  // Avoid using attributes which are HTMLElement properties e.g. className
  *  static get attributes () {
- *    return { text: 'Hi', num: Number }
+ *    return { text: '', num: Number }
  *  }
  *  render() {
  *    this.renderRoot.innerHTML = `<div></div>`
@@ -46,7 +48,7 @@ export class MiElement extends HTMLElement {
      * If override is `null`, no shadow-root will be attached.
      * @type {{mode: string}|null}
      */
-    static shadowRootOptions: {
+    static get shadowRootInit(): {
         mode: string;
     } | null;
     /**
@@ -55,15 +57,35 @@ export class MiElement extends HTMLElement {
      */
     static template: string | HTMLTemplateElement;
     /**
-     * observable attributes
-     * @returns {Record<PropertyKey, unknown>|{}}
+     * used to define observedAttributes and booleanAttributes during registration
+     * @returns {Record<string, {attribute?: boolean, type?:String|Number|Boolean|Array|Object, initial?: any}>} attribute name to isBoolean map
      */
-    static get attributes(): Record<PropertyKey, unknown> | {};
+    static get properties(): Record<string, {
+        attribute?: boolean;
+        type?: string | number | boolean | any[] | any;
+        initial?: any;
+    }>;
     /**
-     * observable properties
-     * @returns {Record<PropertyKey, unknown>|{}}
+     * @returns {string[]}
      */
-    static get properties(): Record<PropertyKey, unknown> | {};
+    static observedAttributes: any[];
+    /**
+     * @returns {string} css styles
+     */
+    static styles: string;
+    /**
+     * Whether to use global styles instead of scoped styles.
+     * @returns {boolean}
+     */
+    static get useGlobalStyles(): boolean;
+    /**
+     * Define createSignal function for properties.
+     * Signal values are set with the .value property
+     * @returns {import('mi-signal').createSignal|null} createSignal function
+     */
+    static createSignal: typeof createSignal;
+    /** all properties are signals! */
+    _props: {};
     /**
      * creates the element's renderRoot, sets up styling
      * @category lifecycle
@@ -76,27 +98,14 @@ export class MiElement extends HTMLElement {
     disconnectedCallback(): void;
     /**
      * @param {string} name change attribute
-     * @param {any} oldValue
+     * @param {any} _oldValue
      * @param {any} newValue new value
      */
-    attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
+    attributeChangedCallback(name: string, _oldValue: any, newValue: any): void;
     /**
-     * Set string and number attributes on element only. Set all other values as
-     * properties to avoid type conversion to and from string
-     * @param {string} name
-     * @param {any} newValue
+     * @param {Record<string, any>} [changedProps]
      */
-    setAttribute(name: string, newValue: any): void;
-    /**
-     * controls if component shall be updated
-     * @param {Record<string,any>} [_changedAttributes] previous values of changed attributes
-     * @returns {boolean}
-     */
-    shouldUpdate(_changedAttributes?: Record<string, any>): boolean;
-    /**
-     * request rendering
-     */
-    requestUpdate(): void;
+    requestUpdate(changedProps?: Record<string, any>): void;
     /**
      * adds a template to renderRoot
      * @param {HTMLTemplateElement} template
@@ -108,10 +117,10 @@ export class MiElement extends HTMLElement {
     render(): void;
     /**
      * called every time the components needs a render update
-     * @param {Record<string,any>} [_changedAttributes] previous values of changed
-     * attributes
+     * @param {Record<string, any>} [_changedProps] previous values of changed
+     * properties (attributes)
      */
-    update(_changedAttributes?: Record<string, any>): void;
+    update(_changedProps?: Record<string, any>): void;
     /**
      * Adds listener function for eventName. listener is removed before component
      * disconnects
@@ -143,10 +152,19 @@ export class MiElement extends HTMLElement {
      * @param {HostController} controller
      */
     removeController(controller: HostController): void;
+    /**
+     * properties or attributes
+     */
+    [index: PropertyKey]: any;
+    refsBySelector(selectors: any): {} | Record<string, Node>;
     #private;
 }
-export function define(name: string, element: typeof MiElement, options?: object): void;
-export function convertType(any: any, type: any): any;
+export function define(tagName: string, elementClass: typeof MiElement, options?: {
+    usedCssPrefix?: string;
+    cssPrefix?: string;
+    styles?: string;
+}): void;
+export function convertType(value: string, type: typeof Boolean | typeof Number | typeof String | typeof Array | typeof Object): any;
 /**
  * controller
  */
@@ -162,3 +180,4 @@ export type HostController = {
      */
     hostDisconnected: () => void;
 };
+import { createSignal } from 'mi-signal';

package/types/escape.d.ts

@@ -1,3 +1,3 @@
 export function unsafeHtml(str: string): string;
 export function escHtml(string: string): string;
-export function esc(strings: TemplateStringsArray, ...values: any[]): string;
+export function html(strings: TemplateStringsArray, ...values: any[]): string;

package/types/index.d.ts

@@ -1,14 +1,10 @@
+export { refsBySelector } from "./refs.js";
 export { Store } from "./store.js";
+export { default as Signal } from "mi-signal";
 export type Context = import("./context.js").Context;
 export type HostController = import("./element.js").HostController;
-/**
- * <T>
- */
-export type SignalOptions<T> = import("mi-signal").SignalOptions<T>;
 export type Action = import("./store.js").Action;
 export { ContextConsumer, ContextProvider, ContextRequestEvent } from "./context.js";
 export { MiElement, convertType, define } from "./element.js";
-export { unsafeHtml, esc, escHtml } from "./escape.js";
-export { refsById, refsBySelector } from "./refs.js";
-export { default as Signal, State, createSignal, effect, Computed } from "mi-signal";
-export { classMap, styleMap, addGlobalStyles } from "./styling.js";
+export { unsafeHtml, html, escHtml } from "./escape.js";
+export { classNames, styleMap, addGlobalStyles, css } from "./styling.js";

package/types/refs.d.ts

@@ -1,14 +1,3 @@
-/**
- * Helper function to find `id` attributes in `container`s node tree.
- * id names are camelCased, e.g. 'list-container' becomes 'listContainer'
- * @param {Element} container root element
- * @returns {Record<string, Node>|{}} record of found references
- * @example
- * el.innerHTML = `<p id>unnamed <span id="named">and named</span> reference</p>`
- * references = refs(el)
- * //> references = { p: <p>, named: <span> }
- */
-export function refsById(container: Element): Record<string, Node> | {};
 /**
  * Helper function to gather references by a map of selectors
  * @param {Element} container root element

package/types/styling.d.ts

@@ -9,9 +9,7 @@
  * }
  */
 export function addGlobalStyles(renderRoot: ShadowRoot): void;
-export function classMap(map: {
-    [name: string]: string | boolean | number;
-}): string;
+export function classNames(...args: any[]): string;
 export function styleMap(map: {
     [name: string]: string | number | undefined | null;
 }, options?: {

package/dist/index.min.js

@@ -1,2 +0,0 @@
-export{Hole,attach,attr,detach,html,htmlFor,render,svg,svgFor}from"mi-html";const t=[];class e extends EventTarget{#t;#e;constructor(t,e){super();const{equals:s}=e||{};this.#t=t,this.#e=s??((t,e)=>t===e)}get value(){return this.get()}set value(t){this.set(t)}get(){const e=t[t.length-1];return e&&e.add(this),this.#t}set(t){this.#e(this.#t,t)||(this.#t=t,this.dispatchEvent(new CustomEvent("signal")))}}const s=(t,s)=>t instanceof e?t:new e(t,s);function r(e){const s=new Set;t.push(s);try{e()}finally{t.pop()}for(const t of s)t.addEventListener("signal",e);return()=>{for(const t of s)t.removeEventListener("signal",e)}}class n{#s;#r;constructor(t){this.#s=new e,this.#r=r(()=>this.#s.set(t()))}get(){return this.#s.get()}unsubscribe(){this.#r()}}var o={State:e,Computed:n,createSignal:s,effect:r};const i="context-request";class a{constructor(t,e,r){this.host=t,this.context=e,this.state=s(r),this.host.addController?.(this)}hostConnected(){this.host.addEventListener(i,this.onContextRequest)}hostDisconnected(){this.host.removeEventListener(i,this.onContextRequest)}set(t){this.state.set(t)}get(){return this.state.get()}onContextRequest=t=>{if(t.context!==this.context)return;let e;t.stopPropagation(),t.subscribe&&(e=r(()=>{const s=this.get();e&&t.callback(s,e)})),t.callback(this.get(),e)}}class c extends Event{constructor(t,e,s){super(i,{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=s}}class h{#t;constructor(t,e,s){const{subscribe:r=!1,validate:n=()=>!0}=s||{};this.host=t,this.context=e,this.subscribe=!!r,this.validate=n,this.unsubscribe=void 0,this.host.addController?.(this)}get(){return this.#t}get value(){return this.#t}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new c(this.context,this._callback.bind(this),this.subscribe))}_callback(t,e){e&&(this.subscribe?this.unsubscribe&&(this.unsubscribe!==e&&this.unsubscribe(),this.unsubscribe=e):e()),this.validate(t)&&(this.#t=t,this.host.requestUpdate())}}const u=(t="")=>t.replace(/([A-Z])/g,(t,e)=>`-${e.toLowerCase()}`),l=(t="")=>t.toLowerCase().replace(/[-_]\w/g,t=>t[1].toUpperCase());class d extends HTMLElement{#n={};#o=new Map;#i=new Map;#a=new Set;#c=new Set;#h={};#u=!1;static shadowRootOptions={mode:"open"};static template;static get attributes(){return{}}static get properties(){return{}}constructor(){super(),this.#l(this.constructor.attributes),this.#d(this.constructor.properties)}#p(t,e){this.#n[t]=s(e),Object.defineProperty(this,t,{enumerable:!0,get(){return this.#n[t].get()},set(e){const s=this.#n[t].get();s!==e&&(this.#n[t].set(e),this.#h[t]=s,this.requestUpdate())}})}#l(t={}){for(const[e,s]of Object.entries(t)){const t=m(s);this.#i.set(e,t.type),this.#o.set(e.toLowerCase(),e),this.#o.set(u(e),e),this.#p(e,t.value)}}#d(t={}){for(const[e,s]of Object.entries(t))this.#o.has(e)||e in this.#n||this.#p(e,s)}#b(t){return this.#o.get(t)||t}#m(t){return this.#i.get(t)}connectedCallback(){this.#c.forEach(t=>t.hostConnected?.());const{shadowRootOptions:t,template:e}=this.constructor;this.renderRoot=t?this.shadowRoot??this.attachShadow(t):this,this.addTemplate(e),this.render(),this.requestUpdate()}disconnectedCallback(){this.#a.forEach(t=>t()),this.#c.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){const r=this.#b(t),n=this.#m(r);this.#h[r]=this[r],this[r]=v(s,n),"Boolean"===n&&"false"===s&&this.removeAttribute(t),this.requestUpdate()}setAttribute(t,e){const s=this.#b(t);if(!(s in this.#n))return;const r=this.#m(s);"Boolean"===r?!0===e||""===e?super.setAttribute(t,""):super.removeAttribute(t):["String","Number"].includes(r??"")||!0===e?super.setAttribute(t,e):(this.#h[s]=this[s],this[s]=e,this.requestUpdate())}shouldUpdate(t){return!0}requestUpdate(){!this.#u&&this.isConnected&&(this.#u=!0,requestAnimationFrame(()=>{this.#u=!1;const t=this.#h;this.#h={},this.shouldUpdate(t)&&this.update(t)}))}addTemplate(t){if(t){if(!(t instanceof HTMLTemplateElement))throw new Error("template is not a HTMLTemplateElement");this.renderRoot.append(t.content.cloneNode(!0))}}render(){}update(t){}on(t,e,s=this){s.addEventListener(t,e),this.#a.add(()=>s.removeEventListener(t,e))}once(t,e,s=this){s.addEventListener(t,e,{once:!0})}dispose(...t){for(const e of t){if("function"!=typeof e)throw new TypeError("listener must be a function");this.#a.add(e)}}addController(t){this.#c.add(t),this.isConnected&&t.hostConnected?.()}removeController(t){this.#c.delete(t)}}const p=(t,e,s)=>{e.observedAttributes=(e.observedAttributes||Object.keys(e.attributes||[])).map(t=>t.toLowerCase()),b(e),window.customElements.define(t,e,s)},b=t=>{if(t.template instanceof HTMLTemplateElement)return;const e=document.createElement("template");e.innerHTML=t.template,t.template=e},m=t=>{switch(t){case Boolean:return{value:void 0,type:"Boolean"};case Number:return{value:void 0,type:"Number"};case String:return{value:void 0,type:"String"};default:return{value:t,type:toString.call(t).slice(8,-1)}}},v=(t,e)=>{switch(e){case"Number":return(t=>{const e=Number(t);return isNaN(e)?t:e})(t);case"Boolean":return"false"!==t&&(""===t||!!t)}return t};class g extends String{}const f=t=>new g(t),w={"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"},y=t=>t instanceof g?t:f((""+t).replace(/&amp;/g,"&").replace(/[&<>'"]/g,t=>w[t])),C=(t,...e)=>f(String.raw({raw:t},...e.map(t=>Array.isArray(t)?t.map(y).join(""):y(t))));function A(t){const e=t.querySelectorAll?.("[id]")||[],s={};for(const t of e)s[l(t.getAttribute("id")||t.nodeName.toLowerCase())]=t;return s}function E(t,e){const s={};for(const[r,n]of Object.entries(e))s[r]=t.querySelector?.(n);return s}class S extends e{constructor(t,e,s){super(e,s);for(const[e,s]of Object.entries(t))this[e]=t=>this.set(s(t)(this.get()))}}const L=t=>{const e=[];for(const[s,r]of Object.entries(t??{}))r&&e.push(s);return e.join(" ")},q=(t,e)=>{const{unit:s="px"}=e||{},r=[];for(const[e,n]of Object.entries(t??{})){if(null==n)continue;const t=Number.isFinite(n)?s:"";r.push(`${u(e)}:${n}${t}`)}return r.join(";")};let x=null;function T(t){t.adoptedStyleSheets.push(...(null===x&&(x=Array.from(document.styleSheets).map(({cssRules:t})=>{const e=new CSSStyleSheet,s=Array.from(t).map(t=>t.cssText).join(" ");return e.replaceSync(s),e})),x))}export{n as Computed,h as ContextConsumer,a as ContextProvider,c as ContextRequestEvent,d as MiElement,o as Signal,e as State,S as Store,T as addGlobalStyles,L as classMap,v as convertType,s as createSignal,p as define,r as effect,C as esc,y as escHtml,A as refsById,E as refsBySelector,q as styleMap,f as unsafeHtml};
-//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.min.js","sources":["../../mi-signal/dist/index.js","../src/context.js","../src/case.js","../src/element.js","../src/escape.js","../src/refs.js","../src/store.js","../src/styling.js"],"sourcesContent":["const context = [];\n\nclass State extends EventTarget {\n  #value;\n  #equals;\n  constructor(value, options) {\n    super();\n    const {equals: equals} = options || {};\n    this.#value = value, this.#equals = equals ?? ((value, nextValue) => value === nextValue);\n  }\n  get value() {\n    return this.get();\n  }\n  set value(nextValue) {\n    this.set(nextValue);\n  }\n  get() {\n    const running = context[context.length - 1];\n    return running && running.add(this), this.#value;\n  }\n  set(nextValue) {\n    this.#equals(this.#value, nextValue) || (this.#value = nextValue, this.dispatchEvent(new CustomEvent('signal')));\n  }\n}\n\nconst createSignal = (initialValue, options) => initialValue instanceof State ? initialValue : new State(initialValue, options);\n\nfunction effect(cb) {\n  const running = new Set;\n  context.push(running);\n  try {\n    cb();\n  } finally {\n    context.pop();\n  }\n  for (const dep of running) dep.addEventListener('signal', cb);\n  return () => {\n    for (const dep of running) dep.removeEventListener('signal', cb);\n  };\n}\n\nclass Computed {\n  #state;\n  #unsubscribe;\n  constructor(cb) {\n    this.#state = new State, this.#unsubscribe = effect(() => this.#state.set(cb()));\n  }\n  get() {\n    return this.#state.get();\n  }\n  unsubscribe() {\n    this.#unsubscribe();\n  }\n}\n\nvar index = {\n  State: State,\n  Computed: Computed,\n  createSignal: createSignal,\n  effect: effect\n};\n\nexport { Computed, State, createSignal, index as default, effect };\n","/**\n * @see https://github.com/webcomponents-cg/community-protocols/blob/main/proposals/context.md\n */\n\nimport { createSignal, effect } from 'mi-signal'\n\n/**\n * @typedef {import('./element.js').HostController} HostController\n */\n/**\n * @typedef {string|Symbol} Context\n */\n\nconst CONTEXT_REQUEST = 'context-request'\n\n/**\n * @template T\n * @implements {HostController}\n */\nexport class ContextProvider {\n  /**\n   * @param {HTMLElement} host\n   * @param {Context} context\n   * @param {T|null} [initialValue]\n   */\n  constructor(host, context, initialValue) {\n    this.host = host\n    this.context = context\n    this.state = createSignal(initialValue)\n    // @ts-expect-error\n    this.host.addController?.(this)\n  }\n\n  hostConnected() {\n    // @ts-expect-error\n    this.host.addEventListener(CONTEXT_REQUEST, this.onContextRequest)\n  }\n\n  hostDisconnected() {\n    // @ts-expect-error\n    this.host.removeEventListener(CONTEXT_REQUEST, this.onContextRequest)\n  }\n\n  /**\n   * @param {T|null|undefined} newValue\n   */\n  set(newValue) {\n    this.state.set(newValue)\n  }\n\n  /**\n   * @returns {T|null|undefined}\n   */\n  get() {\n    return this.state.get()\n  }\n\n  /**\n   * @private\n   * @param {ContextRequestEvent} ev\n   */\n  onContextRequest = (ev) => {\n    if (ev.context !== this.context) {\n      // event has wrong context\n      return\n    }\n    ev.stopPropagation()\n    let unsubscribe\n    if (ev.subscribe) {\n      unsubscribe = effect(() => {\n        // needed to subscribe to signal\n        const value = this.get()\n        // don't call callback the first time where unsubscribe is not defined\n        if (unsubscribe) ev.callback(value, unsubscribe)\n      })\n    }\n    ev.callback(this.get(), unsubscribe)\n  }\n}\n\n/**\n * @template T\n */\nexport class ContextRequestEvent extends Event {\n  /**\n   * @param {Context} context\n   * @param {(value: T|null|undefined, unsubscribe?: () => void) => void} callback\n   * @param {boolean} [subscribe=false] subscribe to value changes\n   */\n  constructor(context, callback, subscribe) {\n    super(CONTEXT_REQUEST, { bubbles: true, composed: true })\n    this.context = context\n    this.callback = callback\n    this.subscribe = subscribe\n  }\n}\n\n/**\n * @template T\n * @implements {HostController}\n */\nexport class ContextConsumer {\n  /**\n   * @type {T|null|undefined}\n   */\n  #value\n\n  /**\n   * @param {HTMLElement} host\n   * @param {Context} context\n   * @param {object} [options]\n   * @param {boolean} [options.subscribe=false] subscribe to value changes\n   * @param {(any) => boolean} [options.validate] validation function\n   */\n  constructor(host, context, options) {\n    const { subscribe = false, validate = () => true } = options || {}\n    this.host = host\n    this.context = context\n    this.subscribe = !!subscribe\n    this.validate = validate\n    // unsubscribe function\n    this.unsubscribe = undefined\n    // add the controller in case of a MiElement otherwise call hostConnected()\n    // and hostDisconnected() from the host element\n    // @ts-expect-error\n    this.host.addController?.(this)\n  }\n\n  /**\n   * @returns {T|null|undefined}\n   */\n  get() {\n    return this.#value\n  }\n\n  /**\n   * @returns {T|null|undefined}\n   */\n  get value() {\n    return this.#value\n  }\n\n  hostConnected() {\n    this.dispatchRequest()\n  }\n\n  hostDisconnected() {\n    if (this.unsubscribe) {\n      this.unsubscribe()\n      this.unsubscribe = undefined\n    }\n  }\n\n  dispatchRequest() {\n    this.host.dispatchEvent(\n      new ContextRequestEvent(\n        this.context,\n        this._callback.bind(this),\n        this.subscribe\n      )\n    )\n  }\n\n  _callback(value, unsubscribe) {\n    if (unsubscribe) {\n      if (!this.subscribe) {\n        // unsubscribe as we didn't ask for subscription\n        unsubscribe()\n      } else if (this.unsubscribe) {\n        if (this.unsubscribe !== unsubscribe) {\n          // looks there was a previous provider\n          this.unsubscribe()\n        }\n        this.unsubscribe = unsubscribe\n      }\n    }\n    if (!this.validate(value)) {\n      return\n    }\n    this.#value = value\n    // @ts-expect-error\n    this.host.requestUpdate()\n  }\n}\n","/**\n * convert lowerCamelCase to kebab-case\n * @param {string} str\n * @returns {string}\n */\nexport const camelToKebabCase = (str = '') =>\n  str.replace(/([A-Z])/g, (_, m) => `-${m.toLowerCase()}`)\n\n/**\n * convert kebab-case to lowerCamelCase\n * @param {string} str\n * @returns {string}\n */\nexport const kebabToCamelCase = (str = '') =>\n  str.toLowerCase().replace(/[-_]\\w/g, (m) => m[1].toUpperCase())\n","import { camelToKebabCase } from './case.js'\nimport { createSignal } from 'mi-signal'\n\n/**\n * @typedef {object} HostController controller\n * @property {() => void} hostConnected is called when host element is added to\n * the DOM, usually with connectedCallback()\n * @property {() => void} hostDisconnected is called when host element is\n * removed from the DOM, usually with disconnectedCallback()\n */\n\n/**\n * class extending HTMLElement to enable deferred rendering on attribute changes\n * either via `setAttribute(name, value)` or `this[name] = value`.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement\n * @example\n * ```js\n * class Example extends MiElement {\n *  // define all observed attributes with its default initial value.\n *  // for yet to defined numbers, boolean or strings use `Number`, `Boolean`, `String`\n *  // attributes are accessible via `this[prop]`\n *  // avoid using attributes which are HTMLElement properties e.g. className\n *  static get attributes () {\n *    return { text: 'Hi', num: Number }\n *  }\n *  render() {\n *    this.renderRoot.innerHTML = `<div></div>`\n *    this.refs = {\n *      div: this.renderRoot.querySelector('div')\n *    }\n *  }\n *  // render method called every time an attribute changes\n *  update() {\n *    this.refs.div.textContent = this.text\n *  }\n * }\n * // create a custom element with the `define` function (see below)\n * define('x-example', Example)\n * // create a DOM node and re-render via attribute or property changes\n * const elem = document.createElement('x-example')\n * elem.setAttribute('text', 'set attribute')\n * // or if change is triggered by property\n * elem.text = 'set property'\n * ```\n */\nexport class MiElement extends HTMLElement {\n  /** all attributes are signals! */\n  #attr = {}\n  /**\n   * lower-cased or kebab-case attribute names;\n   * Map<lower-cased and kebab-cased attr name, camelCased attr name as string>\n   * @type {Map<string, string>}\n   */\n  #attrLc = new Map()\n  /**\n   * initial types (from `static get attributes() { return {} }`)\n   * Map<camelCased attribute name, type as string>\n   * @type {Map<string,string>}\n   */\n  #types = new Map()\n  #disposers = new Set()\n  #controllers = new Set()\n  #changedAttr = {}\n  #dedupe = false\n\n  /**\n   * Default options used when calling `attachShadow`. Used in\n   * `connectedCallback()`.\n   * If override is `null`, no shadow-root will be attached.\n   * @type {{mode: string}|null}\n   */\n  static shadowRootOptions = { mode: 'open' }\n\n  /**\n   * defines template for render().\n   * @type {String|HTMLTemplateElement}\n   */\n  static template\n\n  /**\n   * observable attributes\n   * @returns {Record<PropertyKey, unknown>|{}}\n   */\n  static get attributes() {\n    return {}\n  }\n  /**\n   * observable properties\n   * @returns {Record<PropertyKey, unknown>|{}}\n   */\n  static get properties() {\n    return {}\n  }\n\n  constructor() {\n    super()\n    // @ts-expect-error\n    this.#observedAttributes(this.constructor.attributes)\n    // @ts-expect-error\n    this.#observedProperties(this.constructor.properties)\n  }\n\n  #observe(name, initialValue) {\n    this.#attr[name] = createSignal(initialValue)\n    Object.defineProperty(this, name, {\n      enumerable: true,\n      get() {\n        return this.#attr[name].get()\n      },\n      set(newValue) {\n        const oldValue = this.#attr[name].get()\n        if (oldValue === newValue) return\n        this.#attr[name].set(newValue)\n        this.#changedAttr[name] = oldValue\n        this.requestUpdate()\n      }\n    })\n  }\n\n  /**\n   * requests update on component when property changes\n   * @param {Record<string, any>} [attributes]\n   */\n  #observedAttributes(attributes = {}) {\n    for (const [name, value] of Object.entries(attributes)) {\n      const initial = initialValueType(value)\n      this.#types.set(name, initial.type)\n      this.#attrLc.set(name.toLowerCase(), name)\n      this.#attrLc.set(camelToKebabCase(name), name)\n      this.#observe(name, initial.value)\n    }\n  }\n\n  /**\n   * define (direct) properties\n   * @param {Record<string, any>} [properties]\n   */\n  #observedProperties(properties = {}) {\n    for (const [name, value] of Object.entries(properties)) {\n      if (this.#attrLc.has(name) || name in this.#attr) {\n        continue\n      }\n      this.#observe(name, value)\n    }\n  }\n\n  /**\n   * return camelCased value instead of possible lowercased\n   * @param {string} name\n   * @returns\n   */\n  #getName(name) {\n    return this.#attrLc.get(name) || name\n  }\n\n  #getType(name) {\n    return this.#types.get(name)\n  }\n\n  /**\n   * creates the element's renderRoot, sets up styling\n   * @category lifecycle\n   */\n  connectedCallback() {\n    this.#controllers.forEach((controller) => controller.hostConnected?.())\n    // create render root\n    // @ts-expect-error\n    const { shadowRootOptions, template } = this.constructor\n    this.renderRoot = shadowRootOptions\n      ? (this.shadowRoot ?? this.attachShadow(shadowRootOptions))\n      : this\n    this.addTemplate(template)\n    // trigger initial rendering such that children can be added via JS\n    this.render()\n    // and update\n    this.requestUpdate()\n  }\n\n  /**\n   * unsubscribe from all events and disconnect controllers\n   */\n  disconnectedCallback() {\n    // unsubscribe from all subscriptions\n    this.#disposers.forEach((remover) => remover())\n    // disconnect all controllers\n    this.#controllers.forEach((controller) => controller.hostDisconnected?.())\n  }\n\n  /**\n   * @param {string} name change attribute\n   * @param {any} oldValue\n   * @param {any} newValue new value\n   */\n  attributeChangedCallback(name, oldValue, newValue) {\n    const attr = this.#getName(name)\n    const type = this.#getType(attr)\n    this.#changedAttr[attr] = this[attr]\n    this[attr] = convertType(newValue, type)\n    // correct initial setting of `trueish=\"false\"` otherwise there's no chance\n    // to overwrite a trueish value. The case `falsish=\"true\"` is covered.\n    if (type === 'Boolean' && newValue === 'false') {\n      this.removeAttribute(name)\n    }\n    this.requestUpdate()\n  }\n\n  /**\n   * Set string and number attributes on element only. Set all other values as\n   * properties to avoid type conversion to and from string\n   * @param {string} name\n   * @param {any} newValue\n   */\n  setAttribute(name, newValue) {\n    const attr = this.#getName(name)\n    // only allow to change observedAttributes\n    if (!(attr in this.#attr)) {\n      return\n    }\n    const type = this.#getType(attr)\n\n    // only set string values in these cases\n    if (type === 'Boolean') {\n      if (newValue === true || newValue === '') {\n        super.setAttribute(name, '')\n      } else {\n        super.removeAttribute(name)\n      }\n    } else if (['String', 'Number'].includes(type ?? '') || newValue === true) {\n      super.setAttribute(name, newValue)\n    } else {\n      this.#changedAttr[attr] = this[attr]\n      this[attr] = newValue\n      this.requestUpdate()\n    }\n  }\n\n  /**\n   * controls if component shall be updated\n   * @param {Record<string,any>} [_changedAttributes] previous values of changed attributes\n   * @returns {boolean}\n   */\n  shouldUpdate(_changedAttributes) {\n    return true\n  }\n\n  /**\n   * request rendering\n   */\n  requestUpdate() {\n    if (this.#dedupe || !this.isConnected) return\n    this.#dedupe = true\n    requestAnimationFrame(() => {\n      this.#dedupe = false\n      // reset changed attributes\n      const _changedAttributes = this.#changedAttr\n      this.#changedAttr = {}\n      if (this.shouldUpdate(_changedAttributes)) {\n        this.update(_changedAttributes)\n      }\n    })\n  }\n\n  /**\n   * adds a template to renderRoot\n   * @param {HTMLTemplateElement} template\n   */\n  addTemplate(template) {\n    if (!template) return\n    if (!(template instanceof HTMLTemplateElement)) {\n      throw new Error('template is not a HTMLTemplateElement')\n    }\n    this.renderRoot.append(template.content.cloneNode(true))\n  }\n\n  /**\n   * initial rendering\n   */\n  render() {}\n\n  /**\n   * called every time the components needs a render update\n   * @param {Record<string,any>} [_changedAttributes] previous values of changed\n   * attributes\n   */\n  update(_changedAttributes) {}\n\n  /**\n   * Adds listener function for eventName. listener is removed before component\n   * disconnects\n   * @param {string} eventName\n   * @param {EventListenerOrEventListenerObject} listener\n   * @param {Node|Document|Window} [node=this]\n   */\n  on(eventName, listener, node = this) {\n    node.addEventListener(eventName, listener)\n    this.#disposers.add(() => node.removeEventListener(eventName, listener))\n  }\n\n  /**\n   * Adds one-time listener function for eventName. The next time eventName is\n   * triggered, this listener is removed and then invoked.\n   * @param {string} eventName\n   * @param {EventListenerOrEventListenerObject} listener\n   * @param {Node|Document|Window} node\n   */\n  once(eventName, listener, node = this) {\n    node.addEventListener(eventName, listener, { once: true })\n  }\n\n  /**\n   * Unsubscribe a listener function for disposal on disconnectedCallback()\n   * @param {...function} listeners\n   */\n  dispose(...listeners) {\n    for (const listener of listeners) {\n      if (typeof listener !== 'function') {\n        throw new TypeError('listener must be a function')\n      }\n      this.#disposers.add(listener)\n    }\n  }\n\n  /**\n   * adds a connected controller\n   * @param {HostController} controller\n   */\n  addController(controller) {\n    this.#controllers.add(controller)\n    if (this.isConnected) {\n      // if already connected call hostConnected() immediately\n      /* istanbul ignore next */\n      controller.hostConnected?.()\n    }\n  }\n\n  /**\n   * removes a connected controller\n   * @param {HostController} controller\n   */\n  /* istanbul ignore next 3 */\n  removeController(controller) {\n    this.#controllers.delete(controller)\n  }\n}\n\n/**\n * defines a custom element adding observedAttributes from default static\n * attributes\n * NOTE: camelCased attributes get lowercased!\n * ```html\n * <custom-element myAttr=\"1\">\n * <!-- is equal to -->\n * <custom-element myattr=\"1\">\n * ```\n * @param {string} name custom element tag\n * @param {typeof MiElement} element\n * @param {object} [options]\n */\nexport const define = (name, element, options) => {\n  // @ts-expect-error\n  element.observedAttributes = // @ts-expect-error\n    (element.observedAttributes || Object.keys(element.attributes || [])).map(\n      (attr) => attr.toLowerCase()\n    )\n  renderTemplate(element)\n  window.customElements.define(name, element, options)\n}\n\n// --- utils\n\n/**\n * convert (and cache) the static template to HTMLTemplateElement\n * @param {typeof MiElement} element\n */\nconst renderTemplate = (element) => {\n  if (element.template instanceof HTMLTemplateElement) {\n    return\n  }\n  const el = document.createElement('template')\n  el.innerHTML = element.template\n  element.template = el\n}\n\nconst initialValueType = (value) => {\n  switch (value) {\n    case Boolean:\n      return { value: undefined, type: 'Boolean' }\n    case Number:\n      return { value: undefined, type: 'Number' }\n    case String:\n      return { value: undefined, type: 'String' }\n    default:\n      return { value, type: toString.call(value).slice(8, -1) }\n  }\n}\n\nconst toNumber = (any) => {\n  const n = Number(any)\n  return isNaN(n) ? any : n\n}\n\nexport const convertType = (any, type) => {\n  // setAttribute prevents passing Object or Array type. no further conversion required\n  switch (type) {\n    case 'Number':\n      return toNumber(any)\n    case 'Boolean':\n      // boolean values are set via setAttribute as empty string\n      if (any === 'false') {\n        return false\n      }\n      return any === '' || !!any\n  }\n  return any\n}\n","class UnsafeHtml extends String {}\n\n/**\n * tag a string as html for not to be escaped\n * @param {string} str\n * @returns {string}\n */\n// @ts-expect-error\nexport const unsafeHtml = (str) => new UnsafeHtml(str)\n\nconst escMap = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  \"'\": '&#39;',\n  '\"': '&quot;'\n}\n\n/**\n * escape HTML and prevent double escaping of '&'\n * @param {string} string - which requires escaping\n * @returns {string} escaped string\n * @example\n * escapeHTML('<h1>\"One\" & 'Two' &amp; Works</h1>')\n * //> &lt;h1&gt;&quot;One&quot; &amp; &#39;Two&#39; &amp; Works&lt;/h1&gt;\n */\nexport const escHtml = (string) =>\n  // @ts-expect-error\n  string instanceof UnsafeHtml\n    ? string\n    : unsafeHtml(\n        ('' + string)\n          .replace(/&amp;/g, '&')\n          .replace(/[&<>'\"]/g, (tag) => escMap[tag])\n      )\n\n/**\n * template literal to HTML escape all values preventing XSS;\n * arrays will be escaped and joined\n * @param {TemplateStringsArray} strings\n * @param  {...any} values\n * @returns {string}\n * @example\n * const data = ['<foo', 'bar>']\n * const list = esc`<ul>${data.map(item => esc`<li>${item}</li>`)}</ul>`\n * // '<ul><li>&lt;foo</li><li>bar&gt;</li></ul>'\n */\nexport const esc = (strings, ...values) =>\n  unsafeHtml(\n    String.raw(\n      { raw: strings },\n      ...values.map((val) =>\n        Array.isArray(val) ? val.map(escHtml).join('') : escHtml(val)\n      )\n    )\n  )\n","import { kebabToCamelCase } from './case.js'\n\n/**\n * Helper function to find `id` attributes in `container`s node tree.\n * id names are camelCased, e.g. 'list-container' becomes 'listContainer'\n * @param {Element} container root element\n * @returns {Record<string, Node>|{}} record of found references\n * @example\n * el.innerHTML = `<p id>unnamed <span id=\"named\">and named</span> reference</p>`\n * references = refs(el)\n * //> references = { p: <p>, named: <span> }\n */\nexport function refsById(container) {\n  const nodes = container.querySelectorAll?.('[id]') || []\n  const found = {}\n  for (const node of nodes) {\n    const name = kebabToCamelCase(\n      node.getAttribute('id') || node.nodeName.toLowerCase()\n    )\n    found[name] = node\n  }\n  return found\n}\n\n/**\n * Helper function to gather references by a map of selectors\n * @param {Element} container root element\n * @param {Record<string, string>} selectors\n * @returns {Record<string, Node>|{}}\n * @example\n * el.innerHTML = `<p>some <span>and other</span> reference</p>`\n * references = refs(el, { p: 'p', named: 'p > span' })\n * //> references = { p: <p>, named: <span> }\n */\nexport function refsBySelector(container, selectors) {\n  const found = {}\n  for (const [name, selector] of Object.entries(selectors)) {\n    found[name] = container.querySelector?.(selector)\n  }\n  return found\n}\n","import { State } from 'mi-signal'\n\n/**\n * @typedef {import('./element.js').MiElement} MiElement\n */\n/**\n * @typedef {(state: any, data?: any) => any} Action\n */\n/**\n * @template T\n * @typedef {import('mi-signal').SignalOptions<T>} SignalOptions<T>\n */\n\n/**\n * Store implementing [Flux](https://www.npmjs.com/package/flux) pattern based\n * on Signals\n * @template T\n */\nexport class Store extends State {\n  /**\n   * @param {Record<string, Action>} actions\n   * @param {T|null} [initialValue]\n   * @param {SignalOptions<T>} [options]\n   * @example\n   * ```js\n   * import { Signal, Store } from 'mi-element'\n   * const actions = { increment: (by = 1) => (current) => current + by }\n   * const initialValue = 1\n   * const store = new Store(actions, initialValue)\n   * // subscribe with a callback function\n   * const unsubscribe = Signal.effect(() => console.log(`count is ${store.get()}`))\n   * // change the store\n   * store.increment(2) // increment by 2\n   * //> count is 3\n   * unsubscribe()\n   * ```\n   *\n   * if `initialValue` is an object, the object's reference must be changed\n   * using the spread operator, in order to notify on state changes, e.g.\n   * ```js\n   * const initialValue = { count: 0, other: 'foo' }\n   * const actions = {\n   *   increment: (by = 1) => (state) => ({...state, count: state.count + by})\n   * }\n   * ```\n   * or you change the signals options equality function\n   * ```js\n   * const actions = {\n   *   increment: (by = 1) => (state) => {\n   *     state.count += by\n   *     return state\n   *   }\n   * }\n   * const initialValue = { count: 0, other: 'foo' }\n   * const options = { equals: (value, nextValue) => true }\n   * const store = new Store(actions, initialValue, options)\n   * ```\n   */\n  constructor(actions, initialValue, options) {\n    super(initialValue, options)\n    for (const [action, dispatcher] of Object.entries(actions)) {\n      if (process.env.NODE_ENV !== 'production') {\n        if (this[action]) {\n          throw new Error(`action \"${action}\" is already defined`)\n        }\n        if (\n          typeof dispatcher !== 'function' ||\n          typeof dispatcher(undefined) !== 'function'\n        ) {\n          throw new Error(\n            `action \"${action}\" must be a function of type \\`() => (state) => state\\``\n          )\n        }\n      }\n      this[action] = (data) => this.set(dispatcher(data)(this.get()))\n    }\n  }\n}\n","import { camelToKebabCase } from './case.js'\n\n/**\n * Construct className based on true-ish values of map\n * @param {{[name: string]: string | boolean | number}} map\n * @returns {string}\n */\nexport const classMap = (map) => {\n  /** @type {string[]} */\n  const acc = []\n  for (const [name, value] of Object.entries(map ?? {})) {\n    if (value) acc.push(name)\n  }\n  return acc.join(' ')\n}\n\n/**\n * Construct style from camelCased map.\n * @param {{[name: string]: string | number | undefined | null}} map\n * @param {object} [options]\n * @param {string} [options.unit] cssUnit for number values; default='px'\n * @returns {string}\n */\nexport const styleMap = (map, options) => {\n  const { unit = 'px' } = options || {}\n  const acc = []\n  for (const [name, value] of Object.entries(map ?? {})) {\n    if (value === null || value === undefined) continue\n    const _unit = Number.isFinite(value) ? unit : ''\n    acc.push(`${camelToKebabCase(name)}:${value}${_unit}`)\n  }\n  return acc.join(';')\n}\n\n// ----\n\nlet globalSheets = null\n/**\n * obtain and cache global stylesheets\n * @returns {CSSStyleSheet[]}\n */\nfunction getGlobalStyleSheets() {\n  if (globalSheets === null) {\n    globalSheets = Array.from(document.styleSheets).map(({ cssRules }) => {\n      const sheet = new CSSStyleSheet()\n      const css = Array.from(cssRules)\n        .map((rule) => rule.cssText)\n        .join(' ')\n      sheet.replaceSync(css)\n      return sheet\n    })\n  }\n  return globalSheets\n}\n\n/**\n * apply global style sheets to shadowRoot\n * @param {ShadowRoot} renderRoot\n * @example\n * class MyComponent extends MiElement {\n *  render() {\n *    addGlobalStyles(this.renderRoot)\n *  }\n * }\n */\nexport function addGlobalStyles(renderRoot) {\n  renderRoot.adoptedStyleSheets.push(...getGlobalStyleSheets())\n}\n\n/**\n * Helper literal to show css styles in JS e.g. with\n * https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html\n */\nexport const css = (strings, ...values) =>\n  String.raw({ raw: strings }, ...values)\n"],"names":["context","State","EventTarget","value","equals","constructor","options","super","this","nextValue","get","set","running","length","add","dispatchEvent","CustomEvent","createSignal","initialValue","effect","cb","Set","push","pop","dep","addEventListener","removeEventListener","Computed","state","unsubscribe","index","CONTEXT_REQUEST","ContextProvider","host","addController","hostConnected","onContextRequest","hostDisconnected","newValue","ev","stopPropagation","subscribe","callback","ContextRequestEvent","Event","bubbles","composed","ContextConsumer","validate","undefined","dispatchRequest","_callback","bind","requestUpdate","camelToKebabCase","str","replace","_","m","toLowerCase","kebabToCamelCase","toUpperCase","MiElement","HTMLElement","attr","attrLc","Map","types","disposers","controllers","changedAttr","dedupe","static","mode","attributes","properties","observedAttributes","observedProperties","observe","name","Object","defineProperty","enumerable","oldValue","entries","initial","initialValueType","type","has","getName","getType","connectedCallback","forEach","controller","shadowRootOptions","template","renderRoot","shadowRoot","attachShadow","addTemplate","render","disconnectedCallback","remover","attributeChangedCallback","convertType","removeAttribute","setAttribute","includes","shouldUpdate","_changedAttributes","isConnected","requestAnimationFrame","update","HTMLTemplateElement","Error","append","content","cloneNode","on","eventName","listener","node","once","dispose","listeners","TypeError","removeController","delete","define","element","keys","map","renderTemplate","window","customElements","el","document","createElement","innerHTML","Boolean","Number","String","toString","call","slice","any","n","isNaN","toNumber","UnsafeHtml","unsafeHtml","escMap","escHtml","string","tag","esc","strings","values","raw","val","Array","isArray","join","refsById","container","nodes","querySelectorAll","found","getAttribute","nodeName","refsBySelector","selectors","selector","querySelector","Store","actions","action","dispatcher","data","classMap","acc","styleMap","unit","_unit","isFinite","globalSheets","addGlobalStyles","adoptedStyleSheets","from","styleSheets","cssRules","sheet","CSSStyleSheet","css","rule","cssText","replaceSync"],"mappings":"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"}

package/src/min.js

@@ -1,17 +0,0 @@
-/* 
-Used for index.min.js;
-Bundle file includes mi-signal, mi-html and mi-element;
-~5.7kB minified and gzipped in size.
-*/
-export * from './index.js'
-export {
-  render,
-  html,
-  svg,
-  Hole,
-  attach,
-  detach,
-  htmlFor,
-  svgFor,
-  attr
-} from 'mi-html'

package/types/min.d.ts

@@ -1 +0,0 @@
-export * from "./index.js";