@vandeurenglenn/lite-elements 0.3.49 → 0.3.51

package/exports/bundle/row-DYDgQVDj.js

@@ -1,28 +0,0 @@
-import{x as t,j as e,L as i}from"./property-BYA8Sw2t.js";Symbol.metadata??=Symbol("metadata");class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}const r=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=t=>{t={...a,...t};let e=0;return function(i,{kind:a,name:n,addInitializer:o,access:c,metadata:h}){const{type:l,reflect:d,renders:u,batches:g,batchDelay:p,consumer:b,provider:m,temporaryRender:_}=t,y=t.attribute??d,f=String(n),v=y&&"string"==typeof y?y:f,x=l===Boolean,w=b||"boolean"==typeof t.consumes?v:t.consumes,S=m||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, use options.consumes instead`),o((function(){"accessor"!==a&&console.warn(`${this.localName}: @property(${t}) ${f} ${a} is not supported`),y&&(h||(h={}),h.observedAttributes||(h.observedAttributes=new Map),h.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[n]=t}))})),"accessor"===a)return{get(){return $.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):r(this.getAttribute(v),l)),w&&globalThis.pubsub.subscribers?.[w]?.value&&(t=globalThis.pubsub.subscribers[w].value),void 0!==t&&C.call(this,t),this[n]}};function $(){const t=y?x?this.hasAttribute(v):r(this.getAttribute(v),l):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`];return w&&!this[`__lite_${f}`]&&globalThis.pubsub.subscribers?.[w]?.value?(t!==globalThis.pubsub.subscribers[w].value&&C.call(this,globalThis.pubsub.subscribers[w].value),globalThis.pubsub.subscribers[w].value):t}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(n,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(l,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${f}`]??t)};g?e===_?i():(this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,p)):i()}}}};var o=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,h=r.kind,l="getter"===h?"get":"setter"===h?"set":"value",d=!e&&t?r.static?t:t.prototype:null,u=e||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),g=!1,p=i.length-1;p>=0;p--){var b={};for(var m in r)b[m]="access"===m?{}:r[m];for(var m in r.access)b.access[m]=r.access[m];b.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var _=(0,i[p])("accessor"===h?{get:u.get,set:u.set}:u[l],b);if("accessor"===h){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=o(_.get))&&(u.get=c),(c=o(_.set))&&(u.set=c),(c=o(_.init))&&a.unshift(c)}else(c=o(_))&&("field"===h?a.unshift(c):u[l]=c)}d&&Object.defineProperty(d,r.name,u),g=!0},c=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,r,a,h,l,d,u,g,p,b=s,m=[],_=[],y=[],f=[],v=[],x=[],w=[],S=[],$=[],C=[],W=[],j=[],A=[],k=[],T=[],z=[],O=[],R=[],I=[],M=[];return class FlexDisplay extends b{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;e=[n({type:String})],i=[n({type:String})],r=[n({type:String})],a=[n({type:String})],h=[n({type:String,reflect:!0})],l=[n({type:Boolean,reflect:!0})],d=[n({type:Boolean,reflect:!0,attribute:"center-center"})],u=[n({type:String})],g=[n({type:String})],p=[n({type:String})],o(this,null,e,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},m,_),o(this,null,i,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},y,f),o(this,null,r,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,x),o(this,null,a,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},w,S),o(this,null,h,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},$,C),o(this,null,l,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},W,j),o(this,null,d,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},A,k),o(this,null,u,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},T,z),o(this,null,g,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},O,R),o(this,null,p,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},I,M),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=c(this,m,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(c(this,_),c(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(c(this,f),c(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(c(this,x),c(this,w,"100%"));get width(){return this.#i}set width(t){this.#i=t}#r=(c(this,S),c(this,$,"row"));get direction(){return this.#r}set direction(t){this.#r=t}#a=(c(this,C),c(this,W,void 0));get center(){return this.#a}set center(t){this.#a=t}#n=(c(this,j),c(this,A,void 0));get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=(c(this,k),c(this,T,"flex-start"));get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=(c(this,z),c(this,O,"flex-start"));get alignItems(){return this.#c}set alignItems(t){this.#c=t}#h=(c(this,R),c(this,I,"border-box"));get boxSizing(){return this.#h}set boxSizing(t){this.#h=t}render(){return t`
-      <style>
-        :host {
-          display: flex;
-          box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
-          max-width: var(--flex-display-max-width, ${this.maxWidth});
-          min-width: var(--flex-display-min-width, ${this.minWidth});
-          width: var(--flex-display-width, ${this.width});
-          flex-direction: var(--flex-display-direction, ${this.direction});
-          justify-content: var(
-            --flex-display-justify-content,
-            ${this.justifyContent}
-          );
-          align-items: var(--flex-display-align-items, ${this.alignItems});
-          padding: var(--flex-display-padding, ${this.padding});
-        }
-
-        :host([center]) {
-          align-items: center;
-        }
-
-        :host([center-center]) {
-          align-items: center;
-          justify-content: center;
-        }
-      </style>
-      <slot></slot>
-    `}constructor(){super(...arguments),c(this,M)}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};

package/exports/bundle/simple-hash-router.js

@@ -1 +0,0 @@
-class SimpleHashRouter{routes;constructor({host:t,fallback:s,routes:e}){this.host=t,this.routes=e,globalThis.onhashchange=this.#t,!location.hash&&s?.route?location.hash=HashRouter.bang(s.params?`${s.route}?${HashRouter.queryIt(s.params)}`:s.route):this.#t()}static queryIt(t){return Object.entries(t).map((([t,s])=>`${t}=${s}`)).join("&")}static dequeryIt(t){const s={};if(!t)return s;for(const e of t.split("&")){const[t,o]=e.split("=");s[t]=o}}static bang(t){return`#!/${t}`}static debang(t){return t.split("#!/")[1]}static parseHash(t){const s=HashRouter.debang(t).split("?"),e=s[0].split("/"),o=e[0],a=e.slice(1,-1);return{route:o,routes:e,subRoutes:a,params:HashRouter.dequeryIt(s[1]),url:s[0]}}#s=async(t,s)=>{const{params:e,subRoutes:o}=t;let a=this.host.pages.querySelector(".custom-selected");if(t.subRoutes?.length>0)for(const r of t.subRoutes){const u=s.subRoutes[r];u?customElements.get(`./${u.tagName}`)||await import(`./${u.import}.js`):(customElements.get(`./${r}`)||await import(`./${r}.js`),console.warn(`handling undefined subroute for ${t.route} falling back to default behavior.`)),a.select({route:r,params:e,subRoutes:o}),a=a.pages.querySelector(".custom-selected")}if(e)for(const[t,s]of Object.entries(e))a[t]=s};#t=async()=>{const t=HashRouter.parseHash(location.hash),s=this.routes[t.url];s?customElements.get(`./${s.tagName}`)||await import(`./${s.import}.js`):customElements.get(`./${t.route}`)||await import(`./${t.route}.js`),this.host.select(t),this.host.pages&&this.#s(t,s),document.dispatchEvent(new CustomEvent("route-change",{detail:{routing:t,routeInfo:s}}))};go(t,s){}}export{SimpleHashRouter as default};

package/exports/bundle/types2.js

@@ -1 +0,0 @@
-

package/exports/mixins/file-reader-mixin.d.ts

@@ -1,341 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-export declare const FileReaderMixin: (Base: typeof LiteElement) => {
-    new (): {
-        readAsDataURL(file: any): Promise<unknown>;
-        renderResolve: any;
-        renderedOnce: boolean;
-        rendered: Promise<unknown>;
-        attributeChangedCallback(name: string, old: string, value: string): void;
-        render(): import("lit-html").TemplateResult<1>;
-        requestRender(): void;
-        willChange?(propertyKey: string, value: any): Promise<any>;
-        onChange?(propertyKey: string, value: any): void;
-        firstRender?(): void;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        inert: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        popover: string;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        attachInternals(): ElementInternals;
-        click(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        togglePopover(force?: boolean): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        id: string;
-        readonly localName: string;
-        readonly namespaceURI: string;
-        onfullscreenchange: (this: Element, ev: Event) => any;
-        onfullscreenerror: (this: Element, ev: Event) => any;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
-        readonly prefix: string;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions): boolean;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
-        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4];
-        closest<E extends Element = Element>(selectors: string): E;
-        computedStyleMap(): StylePropertyMapReadOnly;
-        getAttribute(qualifiedName: string): string;
-        getAttributeNS(namespace: string, localName: string): string;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr;
-        getAttributeNodeNS(namespace: string, localName: string): Attr;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
-        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
-        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
-        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-        getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element;
-        insertAdjacentHTML(position: InsertPosition, text: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(): void;
-        scroll(options?: ScrollToOptions): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr;
-        setAttributeNodeNS(attr: Attr): Attr;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode;
-        readonly nextSibling: ChildNode;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string;
-        readonly parentElement: HTMLElement;
-        readonly parentNode: ParentNode;
-        readonly previousSibling: ChildNode;
-        textContent: string;
-        appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
-        isDefaultNamespace(namespace: string): boolean;
-        isEqualNode(otherNode: Node): boolean;
-        isSameNode(otherNode: Node): boolean;
-        lookupNamespaceURI(prefix: string): string;
-        lookupPrefix(namespace: string): string;
-        normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        dispatchEvent(event: Event): boolean;
-        ariaAtomic: string;
-        ariaAutoComplete: string;
-        ariaBusy: string;
-        ariaChecked: string;
-        ariaColCount: string;
-        ariaColIndex: string;
-        ariaColSpan: string;
-        ariaCurrent: string;
-        ariaDescription: string;
-        ariaDisabled: string;
-        ariaExpanded: string;
-        ariaHasPopup: string;
-        ariaHidden: string;
-        ariaInvalid: string;
-        ariaKeyShortcuts: string;
-        ariaLabel: string;
-        ariaLevel: string;
-        ariaLive: string;
-        ariaModal: string;
-        ariaMultiLine: string;
-        ariaMultiSelectable: string;
-        ariaOrientation: string;
-        ariaPlaceholder: string;
-        ariaPosInSet: string;
-        ariaPressed: string;
-        ariaReadOnly: string;
-        ariaRequired: string;
-        ariaRoleDescription: string;
-        ariaRowCount: string;
-        ariaRowIndex: string;
-        ariaRowSpan: string;
-        ariaSelected: string;
-        ariaSetSize: string;
-        ariaSort: string;
-        ariaValueMax: string;
-        ariaValueMin: string;
-        ariaValueNow: string;
-        ariaValueText: string;
-        role: string;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
-        innerHTML: string;
-        readonly nextElementSibling: Element;
-        readonly previousElementSibling: Element;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element;
-        readonly lastElementChild: Element;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9];
-        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10];
-        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11];
-        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12];
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
-        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
-        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
-        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
-        readonly assignedSlot: HTMLSlotElement;
-        readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onbeforeinput: (this: GlobalEventHandlers, ev: InputEvent) => any;
-        onbeforetoggle: (this: GlobalEventHandlers, ev: Event) => any;
-        onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        oncancel: (this: GlobalEventHandlers, ev: Event) => any;
-        oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
-        oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
-        onchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onclose: (this: GlobalEventHandlers, ev: Event) => any;
-        oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        oncopy: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
-        oncuechange: (this: GlobalEventHandlers, ev: Event) => any;
-        oncut: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
-        ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onemptied: (this: GlobalEventHandlers, ev: Event) => any;
-        onended: (this: GlobalEventHandlers, ev: Event) => any;
-        onerror: OnErrorEventHandlerNonNull;
-        onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
-        ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        oninput: (this: GlobalEventHandlers, ev: Event) => any;
-        oninvalid: (this: GlobalEventHandlers, ev: Event) => any;
-        onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onload: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadeddata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onpaste: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
-        onpause: (this: GlobalEventHandlers, ev: Event) => any;
-        onplay: (this: GlobalEventHandlers, ev: Event) => any;
-        onplaying: (this: GlobalEventHandlers, ev: Event) => any;
-        onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onprogress: (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any;
-        onratechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onreset: (this: GlobalEventHandlers, ev: Event) => any;
-        onresize: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onscroll: (this: GlobalEventHandlers, ev: Event) => any;
-        onscrollend: (this: GlobalEventHandlers, ev: Event) => any;
-        onsecuritypolicyviolation: (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any;
-        onseeked: (this: GlobalEventHandlers, ev: Event) => any;
-        onseeking: (this: GlobalEventHandlers, ev: Event) => any;
-        onselect: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectionchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-        onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
-        onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
-        ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
-        ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
-        ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        onvolumechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onwaiting: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions): void;
-    };
-    readonly observedAttributes: any;
-    styles?: import("lit").CSSResultGroup;
-};

package/exports/router/types.d.ts

@@ -1,45 +0,0 @@
-import { CustomPages } from '../elements.js';
-/**
- * @example
- * {
- *   tagName: 'home-view',
- *   import: './views/home',
- *   subRoutes: [
- *   'home/one' : {
- *     tagName: 'home-view-one',
- *     import: '...'
- *   },
- *   'home/one/two' : {
- *     tagName: 'home-two',
- *     import: '...'
- *   }]
- * }
- *
- */
-export type RouteInfo = {
-    tagName: string;
-    import: string;
-    subRoutes?: {
-        [route: string]: Omit<RouteInfo, 'subRoutes'>;
-    };
-};
-export type RoutesOption = {
-    [route: string]: RouteInfo;
-};
-export type HashRouterConstructorOptions = {
-    host: RouteAble;
-    fallback?: {
-        route: string;
-        params?: object;
-    };
-    routes?: RoutesOption;
-};
-export type RouteSelectInput = {
-    route: string;
-    subRoutes?: string[];
-    params?: object;
-};
-export interface RouteAble extends HTMLElement {
-    select: ({ route, subRoutes, params }: RouteSelectInput) => void;
-    pages?: CustomPages;
-}

package/exports/simple-hash-router.js

@@ -1,111 +0,0 @@
-/**
- * @description
- * A hash based router meant to work together with custom-pages, custom-select etc
- *
- * @example
- * new HashRouter({
- *   host: document.querySelector('app-shell'),
- *   fallback: {route: 'home' params: {...}},
- *   routes: [{
- *     'home': {
- *       import: 'views/home.js'
- *     }
- *   }]
- * })
- *
- */
-class SimpleHashRouter {
-    routes;
-    constructor({ host, fallback, routes }) {
-        this.host = host;
-        this.routes = routes;
-        globalThis.onhashchange = this.#onhashchange;
-        if (!location.hash && fallback?.route) {
-            location.hash = HashRouter.bang(fallback.params ? `${fallback.route}?${HashRouter.queryIt(fallback.params)}` : fallback.route);
-        }
-        else
-            this.#onhashchange();
-    }
-    static queryIt(params) {
-        return Object.entries(params)
-            .map(([key, value]) => `${key}=${value}`)
-            .join('&');
-    }
-    static dequeryIt(query) {
-        const params = {};
-        if (!query)
-            return params;
-        for (const item of query.split('&')) {
-            const [key, value] = item.split('=');
-            params[key] = value;
-        }
-        return;
-    }
-    static bang(route) {
-        return `#!/${route}`;
-    }
-    static debang(route) {
-        return route.split('#!/')[1];
-    }
-    static parseHash(hash) {
-        const afterBang = HashRouter.debang(hash);
-        const splitted = afterBang.split('?');
-        const routes = splitted[0].split('/');
-        const route = routes[0];
-        const subRoutes = routes.slice(1, -1);
-        const params = HashRouter.dequeryIt(splitted[1]);
-        return { route, routes, subRoutes, params, url: splitted[0] };
-    }
-    #handleSubRoutes = async (routing, routeInfo) => {
-        const { params, subRoutes } = routing;
-        let selected = this.host.pages.querySelector('.custom-selected');
-        if (routing.subRoutes?.length > 0) {
-            for (const route of routing.subRoutes) {
-                const subRouteInfo = routeInfo.subRoutes[route];
-                if (subRouteInfo) {
-                    if (!customElements.get(`./${subRouteInfo.tagName}`))
-                        await import(`./${subRouteInfo.import}.js`);
-                }
-                else {
-                    if (!customElements.get(`./${route}`))
-                        await import(`./${route}.js`);
-                    console.warn(`handling undefined subroute for ${routing.route} falling back to default behavior.`);
-                }
-                selected.select({ route, params, subRoutes });
-                selected = selected.pages.querySelector('.custom-selected');
-            }
-        }
-        if (params) {
-            for (const [key, value] of Object.entries(params)) {
-                selected[key] = value;
-            }
-        }
-    };
-    #onhashchange = async () => {
-        const routing = HashRouter.parseHash(location.hash);
-        const routeInfo = this.routes[routing.url];
-        // todo allow to set loading
-        if (routeInfo) {
-            if (!customElements.get(`./${routeInfo.tagName}`))
-                await import(`./${routeInfo.import}.js`);
-        }
-        else {
-            if (!customElements.get(`./${routing.route}`))
-                await import(`./${routing.route}.js`);
-        }
-        this.host.select(routing);
-        // when a custom-pages element (or sortlike) is defined loop trough subroutes and make devlife easier
-        if (this.host.pages) {
-            this.#handleSubRoutes(routing, routeInfo);
-        }
-        document.dispatchEvent(new CustomEvent('route-change', {
-            detail: {
-                routing,
-                routeInfo
-            }
-        }));
-    };
-    go(route, params) { }
-}
-
-export { SimpleHashRouter as default };

package/exports/types2.js

@@ -1 +0,0 @@
-