aptechka 0.16.0 → 0.18.0

package/lib/need_redo_tweaker/theme/index.d.ts

@@ -0,0 +1,35 @@
+export declare const aptechkaTheme: {
+    borderRadius: {
+        var: "var(--aptechka-border-radius)";
+        value: "12px";
+    };
+    colorMain: {
+        var: "var(--aptechka-color-main)";
+        value: "#1c1c1c";
+    };
+    colorMainAux: {
+        var: "var(--aptechka-color-main-aux)";
+        value: "#282828";
+    };
+    colorFont: {
+        var: "var(--aptechka-color-font)";
+        value: "#ffffff";
+    };
+    colorActive: {
+        var: "var(--aptechka-color-active)";
+        value: "#00E5B0";
+    };
+    borderRadiusSmall: {
+        var: "var(--aptechka-border-radius-small)";
+        value: "4px";
+    };
+} & {
+    style: {
+        "--aptechka-border-radius": string;
+        "--aptechka-color-main": string;
+        "--aptechka-color-main-aux": string;
+        "--aptechka-color-font": string;
+        "--aptechka-color-active": string;
+        "--aptechka-border-radius-small": string;
+    };
+};

package/lib/need_redo_tweaker/tweakerManagerConstructors.d.ts

@@ -0,0 +1,14 @@
+import { TweakerBooleanManagerElement } from './TweakerBooleanManagerElement';
+import { TweakerColorManagerElement } from './TweakerColorManagerElement';
+import { TweakerLinkManagerElement } from './TweakerLinkManagerElement';
+import { TweakerNumberManagerElement } from './TweakerNumberManagerElement';
+import { TweakerSelectManagerElement } from './TweakerSelectManagerElement';
+import { TweakerStringManagerElement } from './TweakerStringManagerElement';
+export declare const tweakerManagerConstructors: {
+    boolean: typeof TweakerBooleanManagerElement;
+    color: typeof TweakerColorManagerElement;
+    link: typeof TweakerLinkManagerElement;
+    number: typeof TweakerNumberManagerElement;
+    select: typeof TweakerSelectManagerElement;
+    string: typeof TweakerStringManagerElement;
+};

package/lib/need_redo_tweaker/tweakerStorage.d.ts

@@ -0,0 +1,23 @@
+export type TweakerOpenedPanels = Array<string>;
+export type TweakerChangedSizes = {
+    [key: string]: number;
+};
+export interface TweakerStorageState {
+    openedPanels: TweakerOpenedPanels;
+    changedSizes: TweakerChangedSizes;
+    scrollValue: number;
+}
+declare class TweakerStorage {
+    #private;
+    scrollValue: number;
+    constructor();
+    openPanel(key: string): void;
+    closePanel(key: string): void;
+    isPanelOpened(key: string): boolean;
+    changedSizes(key: string): number;
+    changeSize(key: string, value?: number | undefined | null): void;
+    save(): void;
+    load(): void;
+}
+export declare const tweakerStorage: TweakerStorage;
+export {};

package/lib/notifier/index.d.ts

@@ -0,0 +1,8 @@
+export type NotifierCallback = (...args: any[]) => void;
+export declare class Notifier<Callback extends NotifierCallback = NotifierCallback> {
+    #private;
+    close(): void;
+    subscribe(callback: Callback, order?: number): () => void;
+    unsubscribe(callback: Callback): void;
+    notify(...parameters: Parameters<Callback>): void;
+}

package/lib/object-DOa0yKM9.js

@@ -0,0 +1,114 @@
+function p(e) {
+  e.dispatchEvent(
+    new CustomEvent("sizeChange", {
+      bubbles: !0,
+      composed: !0
+    })
+  );
+}
+function l(e) {
+  e.dispatchEvent(
+    new CustomEvent("beforeSizeChange", {
+      bubbles: !0,
+      composed: !0
+    })
+  );
+}
+function y(e, t) {
+  const n = new Blob([JSON.stringify(t)], { type: "application/json" }), r = document.createElement("a");
+  r.download = e + ".json", r.href = window.URL.createObjectURL(n), r.dataset.downloadurl = ["application/json", r.download, r.href].join(":");
+  const i = new MouseEvent("click", {
+    view: window,
+    bubbles: !0,
+    cancelable: !0
+  });
+  r.dispatchEvent(i), r.remove();
+}
+function o(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function a(e) {
+  if (e === null || typeof e != "object")
+    return e;
+  if (e instanceof Date)
+    return new Date(e.getTime());
+  if (e instanceof Node)
+    return e;
+  const t = Array.isArray(e) ? [] : {};
+  for (const n in e)
+    e.hasOwnProperty(n) && (t[n] = a(e[n]));
+  return t;
+}
+function f(e, t, n = o) {
+  for (const r in t)
+    n(t[r]) ? (e[r] || Object.assign(e, { [r]: {} }), f(e[r], t[r], n)) : Object.assign(e, { [r]: t[r] });
+  return e;
+}
+function u(e) {
+  return e === null || typeof e == "undefined";
+}
+function s(e, t) {
+  if (typeof e != typeof t)
+    return !1;
+  if ([e, t].some((n) => u(n)))
+    return e === t;
+  if (Array.isArray(e)) {
+    const n = e.length > t.length ? e : t, r = e.length > t.length ? t : e;
+    return n.every(
+      (i, c) => s(i, r[c])
+    );
+  }
+  if (typeof e != "object" || e instanceof Node || typeof e == "object" && e.constructor.toString().startsWith("class"))
+    return e === t;
+  for (const n in e) {
+    if (!t.hasOwnProperty(n))
+      return !1;
+    if (typeof e[n] == "object" && typeof t[n] == "object") {
+      if (!s(e[n], t[n]))
+        return !1;
+    } else if (e[n] !== t[n])
+      return !1;
+  }
+  return !0;
+}
+function d(e, t) {
+  const n = {};
+  for (const r in e)
+    t.includes(r) && (n[r] = e[r]);
+  return n;
+}
+function h(e, t) {
+  const n = {};
+  for (const r in e)
+    t.includes(r) || (n[r] = e[r]);
+  return n;
+}
+function w(e) {
+  var t;
+  return typeof e == "function" && ((t = Object.getOwnPropertyDescriptor(e, "prototype")) == null ? void 0 : t.writable) === !1;
+}
+function O(e, ...t) {
+  t.forEach((n) => {
+    Object.getOwnPropertyNames(n.prototype).forEach((r) => {
+      Object.defineProperty(
+        e.prototype,
+        r,
+        Object.getOwnPropertyDescriptor(n.prototype, r) || /* @__PURE__ */ Object.create(null)
+      );
+    });
+  });
+}
+export {
+  l as a,
+  a as b,
+  y as c,
+  p as d,
+  u as e,
+  s as f,
+  w as g,
+  O as h,
+  o as i,
+  f as m,
+  h as o,
+  d as p
+};

package/lib/object-HBC5QlzO.cjs

@@ -0,0 +1 @@
+"use strict";function p(e){e.dispatchEvent(new CustomEvent("sizeChange",{bubbles:!0,composed:!0}))}function l(e){e.dispatchEvent(new CustomEvent("beforeSizeChange",{bubbles:!0,composed:!0}))}function y(e,t){const n=new Blob([JSON.stringify(t)],{type:"application/json"}),r=document.createElement("a");r.download=e+".json",r.href=window.URL.createObjectURL(n),r.dataset.downloadurl=["application/json",r.download,r.href].join(":");const i=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});r.dispatchEvent(i),r.remove()}function s(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function o(e){if(e===null||typeof e!="object")return e;if(e instanceof Date)return new Date(e.getTime());if(e instanceof Node)return e;const t=Array.isArray(e)?[]:{};for(const n in e)e.hasOwnProperty(n)&&(t[n]=o(e[n]));return t}function f(e,t,n=s){for(const r in t)n(t[r])?(e[r]||Object.assign(e,{[r]:{}}),f(e[r],t[r],n)):Object.assign(e,{[r]:t[r]});return e}function a(e){return e===null||typeof e=="undefined"}function c(e,t){if(typeof e!=typeof t)return!1;if([e,t].some(n=>a(n)))return e===t;if(Array.isArray(e)){const n=e.length>t.length?e:t,r=e.length>t.length?t:e;return n.every((i,u)=>c(i,r[u]))}if(typeof e!="object"||e instanceof Node||typeof e=="object"&&e.constructor.toString().startsWith("class"))return e===t;for(const n in e){if(!t.hasOwnProperty(n))return!1;if(typeof e[n]=="object"&&typeof t[n]=="object"){if(!c(e[n],t[n]))return!1}else if(e[n]!==t[n])return!1}return!0}function d(e,t){const n={};for(const r in e)t.includes(r)&&(n[r]=e[r]);return n}function h(e,t){const n={};for(const r in e)t.includes(r)||(n[r]=e[r]);return n}function O(e){var t;return typeof e=="function"&&((t=Object.getOwnPropertyDescriptor(e,"prototype"))==null?void 0:t.writable)===!1}function m(e,...t){t.forEach(n=>{Object.getOwnPropertyNames(n.prototype).forEach(r=>{Object.defineProperty(e.prototype,r,Object.getOwnPropertyDescriptor(n.prototype,r)||Object.create(null))})})}exports.cloneDeep=o;exports.compareObjects=c;exports.createJSONAndSave=y;exports.dispatchBeforeSizeChangeEvent=l;exports.dispatchSizeChangeEvent=p;exports.isESClass=O;exports.isNullish=a;exports.isObject=s;exports.mergeDeep=f;exports.mixin=m;exports.omit=h;exports.pick=d;

package/lib/order/index.d.ts

@@ -0,0 +1,22 @@
+export declare enum RESIZE_ORDER {
+    FIRST = -100000,
+    DEVICE = -99999,
+    CSS_VARIABLE = -99998,
+    MEDIA = -99997,
+    SOURCE_MANAGER = -99996,
+    SCROLL = -99995,
+    SEGMENT = -99994,
+    LAYOUT_BOX = -99993,
+    EN3 = -99992,
+    LAST = 100000
+}
+export declare enum TICK_ORDER {
+    FIRST = -100000,
+    CONNECTOR = -99999,
+    SCROLL = -99998,
+    ANIMATION = -99997,
+    LAYOUT_BOX = -99996,
+    LADDER = -99995,
+    EN3 = 100000,
+    LAST = 100001
+}

package/lib/pointer/Pointer.d.ts

@@ -0,0 +1,22 @@
+import { Damped, DampedOptions } from '../animation';
+import { ElementOrSelector } from '../utils';
+export interface PointerParameters {
+    element: ElementOrSelector<HTMLElement>;
+    damped?: DampedOptions;
+    cartesian?: boolean;
+    normalize?: boolean;
+}
+export declare class Pointer {
+    #private;
+    constructor(parameters: PointerParameters);
+    get element(): HTMLElement;
+    get x(): Damped;
+    get y(): Damped;
+    get z(): Damped;
+    get cartesian(): boolean;
+    set cartesian(value: boolean);
+    get normalize(): boolean;
+    set normalize(value: boolean);
+    connect(): void;
+    disconnect(): void;
+}

package/lib/pointer/PointerElement.d.ts

@@ -0,0 +1,13 @@
+import { Pointer } from './Pointer';
+export declare class PointerElement extends HTMLElement {
+    #private;
+    constructor();
+    get pointer(): Pointer;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-pointer': PointerElement;
+    }
+}

package/lib/pointer/index.d.ts

@@ -0,0 +1,2 @@
+export { Pointer, type PointerParameters } from './Pointer';
+export { PointerElement } from './PointerElement';

package/lib/popover/PopoverButtonElement.d.ts

@@ -0,0 +1,14 @@
+import { PopoverElement } from './PopoverElement';
+export type PopoverButtonType = 'open' | 'close' | 'toggle';
+export declare class PopoverButtonElement extends HTMLElement {
+    #private;
+    constructor();
+    get popoverElement(): PopoverElement | undefined;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-popover-button': PopoverButtonElement;
+    }
+}

package/lib/popover/PopoverElement.d.ts

@@ -0,0 +1,25 @@
+import { Attribute } from '../attribute';
+import { Store } from '../store';
+export declare class PopoverElement extends HTMLElement {
+    #private;
+    private static __opened;
+    constructor();
+    get history(): Attribute<false>;
+    get single(): Attribute<false>;
+    get opened(): Store<boolean>;
+    open: (useTransition?: boolean) => void;
+    close: () => void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-popover': PopoverElement;
+    }
+    interface HTMLElementEventMap {
+        popoverTriggered: CustomEvent;
+        popoverOpened: CustomEvent;
+        popoverClosing: CustomEvent;
+        popoverClosed: CustomEvent;
+    }
+}

package/lib/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { PopoverElement } from './PopoverElement';
+export { PopoverButtonElement } from './PopoverButtonElement';

package/lib/scroll/ScrollBulletButtonsElement.d.ts

@@ -0,0 +1,11 @@
+import { ScrollUserElement } from './ScrollUserElement';
+export declare class ScrollBulletButtonsElement extends ScrollUserElement {
+    #private;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll-bullet-buttons': ScrollBulletButtonsElement;
+    }
+}

package/lib/scroll/ScrollButtonElement.d.ts

@@ -0,0 +1,5 @@
+import { ScrollUserElement } from './ScrollUserElement';
+export declare abstract class ScrollButtonElement extends ScrollUserElement {
+    constructor();
+    protected abstract handleClick(): void;
+}

package/lib/scroll/ScrollElement.d.ts

@@ -0,0 +1,81 @@
+import { Damped } from '../animation';
+import { Store } from '../store';
+import { Axes2D, EasingFunction } from '../utils';
+import { CSSProperty } from '../css-property';
+import { ScrollSection } from './ScrollSection';
+export type ScrollBehaviour = 'smooth' | 'instant';
+export interface ScrollSetOptions {
+    behaviour?: ScrollBehaviour;
+    tween?: {
+        easing?: EasingFunction;
+        duration: number;
+    };
+}
+export declare class ScrollElement extends HTMLElement {
+    #private;
+    constructor();
+    get damped(): Damped;
+    get controlsCSSProperty(): CSSProperty<boolean>;
+    get axisCSSProperty(): CSSProperty<Axes2D>;
+    get directionCSSProperty(): CSSProperty<number>;
+    get pagesCSSProperty(): CSSProperty<number>;
+    get splitCSSProperty(): CSSProperty<boolean>;
+    get sectionalCSSProperty(): CSSProperty<boolean>;
+    get autoSizeCSSProperty(): CSSProperty<boolean>;
+    get wheelMaxDeltaCSSProperty(): CSSProperty<boolean>;
+    get sectionsInViewCSSProperty(): CSSProperty<number>;
+    get loopCSSProperty(): CSSProperty<boolean>;
+    get dampingCSSProperty(): CSSProperty<number>;
+    get massCSSProperty(): CSSProperty<number>;
+    get stiffnessCSSProperty(): CSSProperty<number>;
+    get mouseDragCSSProperty(): CSSProperty<boolean>;
+    get sectionDistanceScaleCSSProperty(): CSSProperty<number>;
+    get autoplayCSSProperty(): CSSProperty<number>;
+    get autoplayPauseDurationCSSProperty(): CSSProperty<number>;
+    get autoplayUserDirectionCSSProperty(): CSSProperty<boolean>;
+    get classesCSSProperty(): CSSProperty<number>;
+    get currentIndexStartOffsetCSSProperty(): CSSProperty<number>;
+    get currentIndexEndOffsetCSSProperty(): CSSProperty<number>;
+    get focusDelayCSSProperty(): CSSProperty<number>;
+    get focusDurationCSSProperty(): CSSProperty<number>;
+    get disabledCSSProperty(): CSSProperty<boolean>;
+    get hibernatedCSSProperty(): CSSProperty<boolean>;
+    get currentScrollValue(): number;
+    get targetScrollValue(): number;
+    get contentElement(): HTMLElement;
+    get sections(): ScrollSection[];
+    get position(): number;
+    get contentPosition(): number;
+    get viewportSize(): number;
+    get scrollSize(): number;
+    get gap(): number;
+    get counter(): Store<number>;
+    get limit(): number;
+    get distance(): number;
+    get loopDistance(): number;
+    get overscroll(): number;
+    get vertical(): boolean;
+    get currentProgress(): number;
+    get targetProgress(): number;
+    get scrollWidth(): number;
+    get scrollHeight(): number;
+    onScroll(...parameters: Parameters<Damped['subscribe']>): () => void;
+    offScroll(...parameters: Parameters<Damped['unsubscribe']>): void;
+    range(from: number, distance: number, margin?: number): number;
+    curve(from: number, distance: number, margin?: number): number;
+    visible(from: number, distance: number, margin?: number): boolean;
+    scrollToSection(sectionIndex: number, options?: ScrollSetOptions): void;
+    shiftSections(step: number, options?: ScrollSetOptions): void;
+    setPosition(value: number, options?: ScrollSetOptions): void;
+    shiftPosition(value: number, options?: ScrollSetOptions): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll': ScrollElement;
+    }
+    interface HTMLElementEventMap {
+        sectionsChange: CustomEvent;
+    }
+}

package/lib/scroll/ScrollSection.d.ts

@@ -0,0 +1,22 @@
+import { ScrollElement } from './ScrollElement';
+export type ScrollSectionMark = 'current' | 'previous' | 'next' | null;
+export type ScrollSectionMarkChangeEvent = CustomEvent<{
+    mark: ScrollSectionMark;
+}>;
+export declare class ScrollSection {
+    #private;
+    constructor(element: HTMLElement, index: number, scrollElement: ScrollElement);
+    get index(): number;
+    get size(): number;
+    get position(): number;
+    destroy(): void;
+    setSize(value?: number): void;
+    resize(): void;
+    transform(): void;
+    mark(mark: ScrollSectionMark): void;
+}
+declare global {
+    interface HTMLElementEventMap {
+        sectionMarkChange: ScrollSectionMarkChangeEvent;
+    }
+}

package/lib/scroll/ScrollSegmentElement.d.ts

@@ -0,0 +1,62 @@
+import { CSSProperty } from '../css-property';
+import { Store } from '../store';
+import { Damped } from '../animation';
+import { ScrollUserElement } from './ScrollUserElement';
+export interface ScrollSegmentResizeDetail {
+    start: number;
+    distance: number;
+    finish: number;
+}
+export declare class ScrollSegmentElement extends ScrollUserElement {
+    #private;
+    constructor();
+    get distanceOffsetCSSProperty(): CSSProperty<number>;
+    get startOffsetCSSProperty(): CSSProperty<number>;
+    get captureOnceCSSProperty(): CSSProperty<boolean>;
+    get capturedCSSProperty(): CSSProperty<string>;
+    get releasedCSSProperty(): CSSProperty<string>;
+    get capturedFromStartCSSProperty(): CSSProperty<string>;
+    get capturedFromFinishCSSProperty(): CSSProperty<string>;
+    get releasedFromStartCSSProperty(): CSSProperty<string>;
+    get releasedFromFinishCSSProperty(): CSSProperty<string>;
+    get passedVarCSSProperty(): CSSProperty<string>;
+    get progressVarCSSProperty(): CSSProperty<string>;
+    get distanceVarCSSProperty(): CSSProperty<string>;
+    get startVarCSSProperty(): CSSProperty<string>;
+    get finishVarCSSProperty(): CSSProperty<string>;
+    get disabledCSSProperty(): CSSProperty<boolean>;
+    get dampingCSSProperty(): CSSProperty<number>;
+    get massCSSProperty(): CSSProperty<number>;
+    get stiffnessCSSProperty(): CSSProperty<number>;
+    get targetCSSProperty(): CSSProperty<string>;
+    get isCaptured(): Store<boolean>;
+    get isReleased(): Store<boolean>;
+    get isCapturedFromStart(): Store<boolean>;
+    get isReleasedFromStart(): Store<boolean>;
+    get isCapturedFromFinish(): Store<boolean>;
+    get isReleasedFromFinish(): Store<boolean>;
+    get directionPosition(): number;
+    get directionSize(): number;
+    get passed(): Damped;
+    get progress(): number;
+    get start(): number;
+    get finish(): number;
+    get distance(): number;
+    get isCapturedOnce(): boolean;
+    get isDisabled(): boolean;
+    resize(): void;
+    tick(): void;
+    disable(): void;
+    enable(): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    protected removeVar(name: string | undefined): void;
+    protected setVar(name: string | undefined, value: string | number): void;
+    protected getDistance(): number;
+    protected getStart(): number;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll-segment': ScrollSegmentElement;
+    }
+}

package/lib/scroll/ScrollSetButtonElement.d.ts

@@ -0,0 +1,9 @@
+import { ScrollButtonElement } from './ScrollButtonElement';
+export declare class ScrollSetButtonElement extends ScrollButtonElement {
+    protected handleClick(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll-set-button': ScrollSetButtonElement;
+    }
+}

package/lib/scroll/ScrollStepButtonElement.d.ts

@@ -0,0 +1,9 @@
+import { ScrollButtonElement } from './ScrollButtonElement';
+export declare class ScrollStepButtonElement extends ScrollButtonElement {
+    protected handleClick(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll-step-button': ScrollStepButtonElement;
+    }
+}

package/lib/scroll/ScrollUserElement.d.ts

@@ -0,0 +1,6 @@
+import { ScrollElement } from './ScrollElement';
+export declare class ScrollUserElement extends HTMLElement {
+    #private;
+    get scrollElement(): ScrollElement;
+    protected connectedCallback(): void;
+}

package/lib/scroll/ScrollbarElement.d.ts

@@ -0,0 +1,13 @@
+import { ScrollUserElement } from './ScrollUserElement';
+export declare class ScrollbarElement extends ScrollUserElement {
+    #private;
+    constructor();
+    get thumbElement(): HTMLElement;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scrollbar': ScrollbarElement;
+    }
+}

package/lib/scroll/index.d.ts

@@ -0,0 +1,6 @@
+export { ScrollElement, type ScrollBehaviour } from './ScrollElement';
+export { ScrollbarElement } from './ScrollbarElement';
+export { ScrollSetButtonElement } from './ScrollSetButtonElement';
+export { ScrollStepButtonElement } from './ScrollStepButtonElement';
+export { ScrollBulletButtonsElement } from './ScrollBulletButtonsElement';
+export { ScrollSegmentElement } from './ScrollSegmentElement';

package/lib/scroll-entries/index.d.ts

@@ -0,0 +1,20 @@
+import { Notifier } from '../notifier';
+import { Axes2D } from '../utils';
+export interface ScrollEntry {
+    axis: Axes2D;
+    value: number;
+    element: HTMLElement;
+}
+export type ScrollEntriesRegisterCallback = () => void;
+declare class ScrollEntries {
+    #private;
+    get notifier(): Notifier<ScrollEntriesRegisterCallback>;
+    register(element: HTMLElement): void;
+    unregister(element: HTMLElement): void;
+    update(element: HTMLElement, axis: Axes2D, value: number): void;
+    hasEntry(element: HTMLElement): boolean;
+    getEntry(element: HTMLElement): ScrollEntry;
+    getAll(element: HTMLElement): ScrollEntry[];
+}
+export declare const scrollEntries: ScrollEntries;
+export {};

package/lib/sequence/index.d.ts

@@ -0,0 +1,20 @@
+import { CanvasElement } from '../canvas';
+import { SourceElement, SourceManagerSourceSet } from '../source';
+export interface SequenceElementParameters {
+    srcset: SourceManagerSourceSet;
+    pad?: number;
+}
+export declare class SequenceElement extends SourceElement<CanvasElement> {
+    #private;
+    constructor(parameters?: SequenceElementParameters);
+    setProgress(value: number): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    protected createConsumer(): CanvasElement;
+    protected consumeSource(url: string | null): Promise<void>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-sequence': SequenceElement;
+    }
+}

package/lib/slicer/Letter.d.ts

@@ -0,0 +1,11 @@
+export interface LetterParameters {
+    index: number;
+    text: string;
+    clone?: boolean;
+}
+export declare class Letter {
+    #private;
+    constructor(parameters: LetterParameters);
+    get index(): number;
+    get element(): HTMLSpanElement;
+}

package/lib/slicer/SlicerElement.d.ts

@@ -0,0 +1,20 @@
+import { Word } from './Word.js';
+import { Letter } from './Letter.js';
+export interface SlicerParameters {
+    wordConstructor?: typeof Word;
+    letterConstructor?: typeof Letter;
+}
+export declare class SlicerElement extends HTMLElement {
+    #private;
+    constructor(parameters?: SlicerParameters);
+    get wordsArray(): Word[];
+    get lettersArray(): Letter[];
+    get originalText(): string;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-slicer': SlicerElement;
+    }
+}

package/lib/slicer/Word.d.ts

@@ -0,0 +1,16 @@
+import { Letter } from './Letter';
+export interface WordParameters {
+    index: number;
+    text: string;
+    letters?: boolean;
+    lettersAcc?: number;
+    letterConstructor?: typeof Letter;
+    clone?: boolean;
+}
+export declare class Word {
+    #private;
+    constructor(parameters: WordParameters);
+    get index(): number;
+    get element(): HTMLSpanElement;
+    get letters(): Letter[];
+}

package/lib/slicer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Word';
+export * from './Letter';
+export * from './SlicerElement';

package/lib/source/SourceClass.d.ts

@@ -0,0 +1,11 @@
+export declare class Source {
+    #private;
+    constructor(url: string);
+    get url(): string;
+    get name(): string;
+    get density(): number;
+    get query(): string;
+    get extension(): string;
+    get queryType(): "min" | "max" | "max-ratio" | "min-ratio";
+    get queryValue(): number;
+}