aptechka 0.1.3 → 0.1.5

package/lib/custom-element/index.js

@@ -1,16 +1,26 @@
-import { i as t } from "../browser-S4eq8AeN.js";
-function i(e) {
-  return function(n) {
-    t && !customElements.get(e) && customElements.define(e, n);
+import { i as e } from "../browser-0zX67oeU.js";
+function n(o, t) {
+  return function(s) {
+    e && !customElements.get(o) && customElements.define(o, s, { extends: t });
   };
 }
-const s = t ? window.HTMLElement : class {
-  attachShadow(...e) {
+const d = e ? window.HTMLElement : class {
+  attachShadow() {
   }
 };
-class m extends s {
+class a extends d {
+  openShadow(...t) {
+    if (!this.shadowRoot && e) {
+      const s = this.attachShadow({ mode: "open" });
+      return this.addStylesheet(...t), s;
+    }
+    return this.shadowRoot;
+  }
+  addStylesheet(...t) {
+    this.shadowRoot && e && this.shadowRoot.adoptedStyleSheets.push(...t);
+  }
 }
 export {
-  m as CustomElement,
-  i as define
+  a as CustomElement,
+  n as define
 };

package/lib/device/Viewport.d.ts

@@ -20,7 +20,7 @@ declare class Viewport {
     constructor();
     get width(): number;
     get height(): number;
-    get store_type(): Store<"mobile" | "tablet" | "notebook" | "desktop" | undefined, import('../store').StoreEntry<"mobile" | "tablet" | "notebook" | "desktop" | undefined>>;
+    get store_type(): Store<"mobile" | "tablet" | "notebook" | "desktop" | undefined, keyof import('../store').StoreManagers, import('../store').StoreEntry<"mobile" | "tablet" | "notebook" | "desktop" | undefined>>;
     get pixelRatio(): number;
 }
 export declare const viewport: Viewport;

package/lib/device/index.cjs

@@ -1 +1 @@
-"use strict";var S=(t,n,r)=>{if(!n.has(t))throw TypeError("Cannot "+r)};var i=(t,n,r)=>(S(t,n,"read from private field"),r?r.call(t):n.get(t)),s=(t,n,r)=>{if(n.has(t))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(t):n.set(t,r)},e=(t,n,r,v)=>(S(t,n,"write to private field"),v?v.call(t,r):n.set(t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("../order/index.cjs"),k=require("../resizer/index.cjs"),A=require("../browser-QbF6EW-w.cjs"),M=require("detect-gpu"),_=require("../Store-txkR3wXU.cjs");require("../notifier/index.cjs");require("../function-QP7IreXR.cjs");var o,l,g,c,m,u,p,x,d;class I{constructor(){s(this,o,"unknown");s(this,l,"unknown");s(this,g,0);s(this,c,null);s(this,m,!1);s(this,u,!1);s(this,p,!1);s(this,x,!1);s(this,d,!1);var n,r;if(A.isBrowser){e(this,c,M.getGPUTier()),i(this,c).then(a=>{e(this,l,a.gpu||"unknown"),e(this,g,a.tier)}),k.resizer.subscribe(()=>{e(this,m,/Mobi|Android/i.test(navigator.userAgent)),e(this,u,"ontouchstart"in window||navigator.maxTouchPoints>0),setTimeout(()=>{e(this,u,"ontouchstart"in window||navigator.maxTouchPoints>0)},0)},W.RESIZE_ORDER.DEVICE);{const a=document.createElement("canvas"),P=a.getContext("webgl")||a.getContext("experimental-webgl");e(this,p,P&&P instanceof WebGLRenderingContext||!1)}{const a=document.createElement("canvas");a.getContext("2d")&&e(this,x,a.toDataURL("image/webp").indexOf("data:image/webp")==0)}const v=window.navigator.userAgent,E=((r=(n=window.navigator)==null?void 0:n.userAgentData)==null?void 0:r.platform)||window.navigator.platform,T=["Macintosh","MacIntel","MacPPC","Mac68K","macOS"],C=["Win32","Win64","Windows","WinCE"],q=["iPhone","iPad","iPod"];T.includes(E)?(e(this,o,"macOS"),e(this,d,!0)):q.includes(E)?(e(this,o,"iOS"),e(this,d,!0)):C.includes(E)?e(this,o,"Windows"):/Android/.test(v)?e(this,o,"Android"):/Linux/.test(E)?e(this,o,"Linux"):e(this,o,"unknown")}}get OS(){return i(this,o)}get gpu(){return i(this,l)}get gpuTier(){return i(this,g)}get gpuDetection(){return i(this,c)}get isMobile(){return i(this,m)}get isTouch(){return i(this,u)}get isWebgl(){return i(this,p)}get isWebp(){return i(this,x)}get isApple(){return i(this,d)}}o=new WeakMap,l=new WeakMap,g=new WeakMap,c=new WeakMap,m=new WeakMap,u=new WeakMap,p=new WeakMap,x=new WeakMap,d=new WeakMap;const R=new I;var D=(t=>(t.mobile="600px",t.tablet="1024px",t.notebook="1280px",t.desktop="1281px",t))(D||{}),O=(t=>(t["<=mobile"]="(max-width: 600px)",t[">=mobile"]="(min-width: 601px)",t["<=tablet"]="(max-width: 1024px)",t[">=tablet"]="(min-width: 1025px)",t["<=notebook"]="(max-width: 1280px)",t[">=notebook"]="(min-width: 1281px)",t["<=desktop"]="(max-width: 1280px)",t[">=desktop"]="(min-width: 1281px)",t))(O||{}),w,b,f,h;class y{constructor(){s(this,w,0);s(this,b,0);s(this,f,0);s(this,h,new _.Store(void 0));A.isBrowser&&k.resizer.subscribe(()=>{e(this,w,document.documentElement.clientWidth),e(this,b,innerHeight),e(this,f,devicePixelRatio),matchMedia("(max-width: 600px)").matches?i(this,h).current="mobile":matchMedia("(max-width: 1024px)").matches?i(this,h).current="tablet":matchMedia("(max-width: 1280px)").matches?i(this,h).current="notebook":matchMedia("(min-width: 1281px)").matches&&(i(this,h).current="desktop")},W.RESIZE_ORDER.DEVICE)}get width(){return i(this,w)}get height(){return i(this,b)}get store_type(){return i(this,h)}get pixelRatio(){return i(this,f)}}w=new WeakMap,b=new WeakMap,f=new WeakMap,h=new WeakMap;const L=new y;exports.ViewportBreakpoints=D;exports.ViewportMediaRules=O;exports.device=R;exports.viewport=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Viewport-CDqiD8Ao.cjs");exports.ViewportBreakpoints=e.ViewportBreakpoints;exports.ViewportMediaRules=e.ViewportMediaRules;exports.device=e.device;exports.viewport=e.viewport;

package/lib/device/index.js

@@ -1,123 +1,7 @@
-var W = (t, n, o) => {
-  if (!n.has(t))
-    throw TypeError("Cannot " + o);
-};
-var i = (t, n, o) => (W(t, n, "read from private field"), o ? o.call(t) : n.get(t)), s = (t, n, o) => {
-  if (n.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  n instanceof WeakSet ? n.add(t) : n.set(t, o);
-}, e = (t, n, o, v) => (W(t, n, "write to private field"), v ? v.call(t, o) : n.set(t, o), o);
-import { RESIZE_ORDER as k } from "../order/index.js";
-import { resizer as A } from "../resizer/index.js";
-import { i as C } from "../browser-S4eq8AeN.js";
-import { getGPUTier as O } from "detect-gpu";
-import { S as I } from "../Store-qq7IjRLE.js";
-import "../notifier/index.js";
-import "../function-zwSFehNd.js";
-var r, d, l, c, g, m, p, x, u;
-class L {
-  constructor() {
-    s(this, r, "unknown");
-    s(this, d, "unknown");
-    s(this, l, 0);
-    s(this, c, null);
-    s(this, g, !1);
-    s(this, m, !1);
-    s(this, p, !1);
-    s(this, x, !1);
-    s(this, u, !1);
-    var n, o;
-    if (C) {
-      e(this, c, O()), i(this, c).then((a) => {
-        e(this, d, a.gpu || "unknown"), e(this, l, a.tier);
-      }), A.subscribe(() => {
-        e(this, g, /Mobi|Android/i.test(navigator.userAgent)), e(this, m, "ontouchstart" in window || navigator.maxTouchPoints > 0), setTimeout(() => {
-          e(this, m, "ontouchstart" in window || navigator.maxTouchPoints > 0);
-        }, 0);
-      }, k.DEVICE);
-      {
-        const a = document.createElement("canvas"), E = a.getContext("webgl") || a.getContext("experimental-webgl");
-        e(this, p, E && E instanceof WebGLRenderingContext || !1);
-      }
-      {
-        const a = document.createElement("canvas");
-        a.getContext("2d") && e(this, x, a.toDataURL("image/webp").indexOf("data:image/webp") == 0);
-      }
-      const v = window.navigator.userAgent, P = ((o = (n = window.navigator) == null ? void 0 : n.userAgentData) == null ? void 0 : o.platform) || window.navigator.platform, D = ["Macintosh", "MacIntel", "MacPPC", "Mac68K", "macOS"], S = ["Win32", "Win64", "Windows", "WinCE"], T = ["iPhone", "iPad", "iPod"];
-      D.includes(P) ? (e(this, r, "macOS"), e(this, u, !0)) : T.includes(P) ? (e(this, r, "iOS"), e(this, u, !0)) : S.includes(P) ? e(this, r, "Windows") : /Android/.test(v) ? e(this, r, "Android") : /Linux/.test(P) ? e(this, r, "Linux") : e(this, r, "unknown");
-    }
-  }
-  get OS() {
-    return i(this, r);
-  }
-  get gpu() {
-    return i(this, d);
-  }
-  get gpuTier() {
-    return i(this, l);
-  }
-  get gpuDetection() {
-    return i(this, c);
-  }
-  get isMobile() {
-    return i(this, g);
-  }
-  get isTouch() {
-    return i(this, m);
-  }
-  get isWebgl() {
-    return i(this, p);
-  }
-  get isWebp() {
-    return i(this, x);
-  }
-  get isApple() {
-    return i(this, u);
-  }
-}
-r = new WeakMap(), d = new WeakMap(), l = new WeakMap(), c = new WeakMap(), g = new WeakMap(), m = new WeakMap(), p = new WeakMap(), x = new WeakMap(), u = new WeakMap();
-const q = new L();
-var M = /* @__PURE__ */ ((t) => (t.mobile = "600px", t.tablet = "1024px", t.notebook = "1280px", t.desktop = "1281px", t))(M || {}), _ = /* @__PURE__ */ ((t) => (t["<=mobile"] = "(max-width: 600px)", t[">=mobile"] = "(min-width: 601px)", t["<=tablet"] = "(max-width: 1024px)", t[">=tablet"] = "(min-width: 1025px)", t["<=notebook"] = "(max-width: 1280px)", t[">=notebook"] = "(min-width: 1281px)", t["<=desktop"] = "(max-width: 1280px)", t[">=desktop"] = "(min-width: 1281px)", t))(_ || {}), w, f, b, h;
-class y {
-  constructor() {
-    s(this, w, 0);
-    s(this, f, 0);
-    s(this, b, 0);
-    s(this, h, new I(void 0));
-    C && A.subscribe(() => {
-      e(this, w, document.documentElement.clientWidth), e(this, f, innerHeight), e(this, b, devicePixelRatio), matchMedia(
-        "(max-width: 600px)"
-        /* <=mobile */
-      ).matches ? i(this, h).current = "mobile" : matchMedia(
-        "(max-width: 1024px)"
-        /* <=tablet */
-      ).matches ? i(this, h).current = "tablet" : matchMedia(
-        "(max-width: 1280px)"
-        /* <=notebook */
-      ).matches ? i(this, h).current = "notebook" : matchMedia(
-        "(min-width: 1281px)"
-        /* >=desktop */
-      ).matches && (i(this, h).current = "desktop");
-    }, k.DEVICE);
-  }
-  get width() {
-    return i(this, w);
-  }
-  get height() {
-    return i(this, f);
-  }
-  get store_type() {
-    return i(this, h);
-  }
-  get pixelRatio() {
-    return i(this, b);
-  }
-}
-w = new WeakMap(), f = new WeakMap(), b = new WeakMap(), h = new WeakMap();
-const F = new y();
+import { V as i, a as o, d as r, v as s } from "../Viewport-Cj0i-H5d.js";
 export {
-  M as ViewportBreakpoints,
-  _ as ViewportMediaRules,
-  q as device,
-  F as viewport
+  i as ViewportBreakpoints,
+  o as ViewportMediaRules,
+  r as device,
+  s as viewport
 };

package/lib/element-constructor/ElementConstructor.d.ts

@@ -7,7 +7,7 @@ export type ElementConstructorClass = string | Array<string | ElementConstructor
     [key: string]: boolean | Store<boolean>;
 };
 export type ElementConstructorStyleToken = Exclude<Extract<keyof CSSStyleDeclaration, string> | `--${string}`, 'length' | 'parentRule'>;
-export type ElementConstructorStyleValue = string | Store<string | null | undefined> | Store<string>;
+export type ElementConstructorStyleValue = string | Store<any>;
 export type ElementConstructorStyle = Partial<{
     [K in ElementConstructorStyleToken]: ElementConstructorStyleValue;
 }>;
@@ -29,31 +29,28 @@ export type ElementConstructorEvents = Partial<{
 export type ElementConstructorNativeAttribute<TagName extends ElementConstructorTagNames, E = ElementConstructorTagNameMap[TagName]> = {
     [K in keyof E]: E[K] extends string ? K : never;
 }[keyof E];
-type ElementConstructorAttributeValue = string | undefined | null | boolean | number | Store<string> | Store<string | undefined | null> | Store<boolean> | Store<boolean | undefined | null> | Store<number> | Store<number | undefined | null>;
 export type ElementConstructorNativeAttributes<T extends ElementConstructorTagNames> = Partial<{
-    [K in ElementConstructorNativeAttribute<T>]: ElementConstructorAttributeValue;
+    [K in ElementConstructorNativeAttribute<T>]: any;
 }>;
 export type ElementConstructorCustomAttributes = {
-    [key: string]: ElementConstructorAttributeValue;
+    [key: string]: any;
 };
 export type ElementConstructorAttributes<T extends ElementConstructorTagNames> = ElementConstructorNativeAttributes<T> | ElementConstructorCustomAttributes;
-export type ElementConstructorPrimitiveChild = string | number | boolean | null | undefined;
-export type ElementConstructorSimpleChild = ElementConstructorPrimitiveChild | ElementConstructor | Node | Array<ElementConstructorPrimitiveChild> | Array<ElementConstructor> | Array<Node>;
-export type ElementConstructorStoreChild = Store<any>;
-export type ElementConstructorStoreChildren = Store<Array<any>>;
-export type ElementConstructorChildren = Array<ElementConstructorSimpleChild | ElementConstructorStoreChild | ElementConstructorStoreChildren>;
 export type ElementConstructorParent = Node | ElementConstructor;
-export type ElementConstructorCreatedCallback<TagName extends ElementConstructorTagNames> = (element: ElementConstructorTagNameMap[TagName]) => void;
-export type ElementConstructorTagObject<TagName extends ElementConstructorTagNames> = {
+export type ElementConstructorRefCallback<TagName extends ElementConstructorTagNames> = (element: ElementConstructorTagNameMap[TagName]) => void;
+export type ElementConstructorRef<TagName extends ElementConstructorTagNames> = {
+    current: ElementConstructorTagNameMap[TagName];
+};
+export type ElementConstructorTagObject<TagName extends ElementConstructorTagNames = ElementConstructorTagNames> = {
     class?: ElementConstructorClass;
     style?: TagName extends 'style' ? ElementConstructorJSS : ElementConstructorStyle;
     events?: ElementConstructorEvents;
     attributes?: ElementConstructorAttributes<TagName>;
-    children?: ElementConstructorChildren;
-    shadowChildren?: ElementConstructorChildren;
+    children?: any;
+    shadowChildren?: any;
     parent?: ElementConstructorParent;
     svg?: boolean;
-    created?: ElementConstructorCreatedCallback<TagName>;
+    ref?: ElementConstructorRefCallback<TagName> | ElementConstructorRef<TagName>;
 };
 export type ElementConstructorObject = Partial<{
     [T in ElementConstructorTagNames]: ElementConstructorTagObject<T>;
@@ -73,4 +70,3 @@ export declare function element<T extends ElementConstructorTagNames = ElementCo
 export declare function element(element: HTMLElement, object: ElementConstructorTagObject<any>): ElementConstructor;
 export declare function elementFactory(object: ElementConstructorObject): () => ElementConstructor;
 export declare function elementFactory(element: HTMLElement, object: ElementConstructorTagObject<any>): () => ElementConstructor;
-export {};

package/lib/element-constructor/createStylesheet.d.ts

@@ -0,0 +1,2 @@
+import { ElementConstructorJSS } from './ElementConstructor';
+export declare function createStylesheet<T extends ElementConstructorJSS>(object?: T): CSSStyleSheet;

package/lib/element-constructor/createTheme.d.ts

@@ -0,0 +1,12 @@
+import { CamelToKebab } from '../utils';
+export interface CreateThemeOptions<P extends string = ''> {
+    prefix?: P;
+}
+export declare function createTheme<T extends {
+    [key: string]: string;
+}, P extends string = ''>(object: T, options?: CreateThemeOptions<P>): { [K in Extract<keyof T, string>]: {
+    var: `var(--${P}${CamelToKebab<K>})`;
+    value: T[K];
+}; } & {
+    style: { [K_1 in `--${P}${CamelToKebab<Extract<keyof T, string>>}`]: string; };
+};