@easemate/web-kit 0.2.0 → 0.3.0

package/build/index.d.cts

@@ -1,6 +1,85 @@
-export * from "./components/index.cjs";
-export * from "./decorators/index.cjs";
-export * from "./elements/index.cjs";
-export { type FontConfig, type FontSource, type InitWebKitOptions, initWebKit, type LazyLoadConfig, type LazyLoader, type ReplaceConfig, type StylePreset, type StylesConfig, type ThemeModeConfig, type WebKitComponentTag, type WebKitController, type WebKitElementTag, type WebKitTag } from "./init.cjs";
-export * from "./theme/index.cjs";
-export { classMap, ifDefined, optionalAttribute, renderIf, renderList, repeat, styleMap, styleObject, unsafeHTML, when } from "./utils/template-helpers.cjs";
+export { EaseElements as WebKitJSXElements } from './jsx.cjs';
+import { C as ControlEventDetail } from './index-qZoNKsHn.cjs';
+export { a as CONTROL_CHANGE_EVENT, b as State, S as StateChangeEventDetail, c as coerceNumber, d as dispatchControlEvent, r as readControlValue, s as setBooleanAttribute } from './index-qZoNKsHn.cjs';
+export { Component, Listen, OutsideClick, Prop, Query, RenderContext, Watch } from './decorators.cjs';
+export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, Dropdown, Field, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, LogoIntroVariant, LogoLoader, NumberInput, Origin, Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip } from './elements.cjs';
+export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.cjs';
+export { P as Panel, T as TabChangeEventDetail } from './index-NzGpn7ai.cjs';
+export { F as FontConfig, a as FontSource, I as InitWebKitOptions, L as LazyLoadConfig, b as LazyLoader, R as ReplaceConfig, S as StylePreset, c as StylesConfig, T as ThemeModeConfig, W as WebKitComponentTag, d as WebKitController, e as WebKitElementTag, f as WebKitTag, i as initWebKit } from './init-DwVGVxkx.cjs';
+export { ApplyThemeOptions, DARK_THEME_ALIAS, DEFAULT_THEME_NAME, EASE_THEME_ATTRIBUTE, FollowSystemThemeOptions, SetThemeNameOptions, SystemThemeMode, applyTheme, createDarkTheme, createTheme, defaultEaseVars, defaultThemeConfig, defineTheme, followSystemTheme, getSystemThemeMode, getThemeName, getThemeValue, mergeTheme, removeTheme, setThemeName, setThemeValue } from './theme.cjs';
+export { o as optionalAttribute, r as renderIf, a as renderList, s as styleObject } from './template-helpers-CguLXtLD.cjs';
+export { classMap } from 'lit-html/directives/class-map.js';
+export { ifDefined } from 'lit-html/directives/if-defined.js';
+export { repeat } from 'lit-html/directives/repeat.js';
+export { styleMap } from 'lit-html/directives/style-map.js';
+export { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+export { when } from 'lit-html/directives/when.js';
+export { A as AlphaColors, j as ColorPalette, C as ColorScale, G as GrayScale, k as RadiiConfig, R as RegisterThemeOptions, S as SpacingConfig, a as ThemeConfig, d as ThemeInput, T as ThemeVars, l as TypographyConfig, b as WebKitThemeName, c as WebKitThemeRef, W as WebKitThemeRegistry, m as defaultColors, n as defaultRadii, o as defaultSpacing, p as defaultTypography, g as getTheme, f as getThemeNames, h as hasTheme, e as isThemeConfig, i as isThemeRef, r as registerTheme, t as themeRef } from './registry-9GX9KTG1.cjs';
+import 'lit-html';
+import './outside-click-rZ3Di_WX.cjs';
+
+declare class Code extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor language: string | null;
+    accessor codeElement: HTMLElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get currentLanguage(): string;
+    afterRender(): void;
+}
+
+declare enum EasingType {
+    CUBIC_BEZIER = "cubic-bezier",
+    LINEAR = "linear"
+}
+interface Point {
+    x: number;
+    y: number;
+}
+interface LinearPoint extends Point {
+    cpInX?: number;
+    cpInY?: number;
+    cpOutX?: number;
+    cpOutY?: number;
+    isLinked?: boolean;
+    mirrorLength?: boolean;
+    id?: string;
+}
+interface CubicBezierPoints {
+    p1: Point;
+    p2: Point;
+}
+type LinearPoints = LinearPoint[];
+interface EasingData {
+    type: EasingType;
+    points: CubicBezierPoints | LinearPoints;
+    name: string;
+}
+
+declare class Curve extends HTMLElement {
+    requestRender: () => void;
+    accessor name: string;
+    accessor easingType: EasingType;
+    accessor points: CubicBezierPoints | LinearPoints;
+    accessor showGrid: boolean;
+    accessor snapToGrid: boolean;
+    accessor gridSize: number;
+    accessor simplify: number;
+    accessor round: number;
+    accessor focusedLinearIndex: number | null;
+    private getDefaultPointsForType;
+    handleEasingTypeChange(event: CustomEvent<ControlEventDetail<EasingType>>): void;
+    handleGridToggle(event: CustomEvent<ControlEventDetail<boolean>>): void;
+    handleSnapToggle(event: CustomEvent<ControlEventDetail<boolean>>): void;
+    handleGridSizeChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handleSimplifyChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handleRoundChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handlePointsChange(event: CustomEvent<ControlEventDetail<CubicBezierPoints | LinearPoints>>): void;
+    handleKeyboardShortcuts(event: KeyboardEvent): void;
+    handleLinearPointFocus(event: CustomEvent<ControlEventDetail<number | null>>): void;
+    private emitPointsChange;
+}
+
+export { Code, ControlEventDetail, type CubicBezierPoints, Curve, type EasingData, EasingType, type LinearPoints, type Point };

package/build/index.d.ts

@@ -1,6 +1,85 @@
-export * from "./components/index.js";
-export * from "./decorators/index.js";
-export * from "./elements/index.js";
-export { type FontConfig, type FontSource, type InitWebKitOptions, initWebKit, type LazyLoadConfig, type LazyLoader, type ReplaceConfig, type StylePreset, type StylesConfig, type ThemeModeConfig, type WebKitComponentTag, type WebKitController, type WebKitElementTag, type WebKitTag } from "./init.js";
-export * from "./theme/index.js";
-export { classMap, ifDefined, optionalAttribute, renderIf, renderList, repeat, styleMap, styleObject, unsafeHTML, when } from "./utils/template-helpers.js";
+export { EaseElements as WebKitJSXElements } from './jsx.js';
+import { C as ControlEventDetail } from './index-qZoNKsHn.js';
+export { a as CONTROL_CHANGE_EVENT, b as State, S as StateChangeEventDetail, c as coerceNumber, d as dispatchControlEvent, r as readControlValue, s as setBooleanAttribute } from './index-qZoNKsHn.js';
+export { Component, Listen, OutsideClick, Prop, Query, RenderContext, Watch } from './decorators.js';
+export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, Dropdown, Field, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, LogoIntroVariant, LogoLoader, NumberInput, Origin, Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip } from './elements.js';
+export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.js';
+export { P as Panel, T as TabChangeEventDetail } from './index-NzGpn7ai.js';
+export { F as FontConfig, a as FontSource, I as InitWebKitOptions, L as LazyLoadConfig, b as LazyLoader, R as ReplaceConfig, S as StylePreset, c as StylesConfig, T as ThemeModeConfig, W as WebKitComponentTag, d as WebKitController, e as WebKitElementTag, f as WebKitTag, i as initWebKit } from './init-B7gNNyTd.js';
+export { ApplyThemeOptions, DARK_THEME_ALIAS, DEFAULT_THEME_NAME, EASE_THEME_ATTRIBUTE, FollowSystemThemeOptions, SetThemeNameOptions, SystemThemeMode, applyTheme, createDarkTheme, createTheme, defaultEaseVars, defaultThemeConfig, defineTheme, followSystemTheme, getSystemThemeMode, getThemeName, getThemeValue, mergeTheme, removeTheme, setThemeName, setThemeValue } from './theme.js';
+export { o as optionalAttribute, r as renderIf, a as renderList, s as styleObject } from './template-helpers-CguLXtLD.js';
+export { classMap } from 'lit-html/directives/class-map.js';
+export { ifDefined } from 'lit-html/directives/if-defined.js';
+export { repeat } from 'lit-html/directives/repeat.js';
+export { styleMap } from 'lit-html/directives/style-map.js';
+export { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+export { when } from 'lit-html/directives/when.js';
+export { A as AlphaColors, j as ColorPalette, C as ColorScale, G as GrayScale, k as RadiiConfig, R as RegisterThemeOptions, S as SpacingConfig, a as ThemeConfig, d as ThemeInput, T as ThemeVars, l as TypographyConfig, b as WebKitThemeName, c as WebKitThemeRef, W as WebKitThemeRegistry, m as defaultColors, n as defaultRadii, o as defaultSpacing, p as defaultTypography, g as getTheme, f as getThemeNames, h as hasTheme, e as isThemeConfig, i as isThemeRef, r as registerTheme, t as themeRef } from './registry-9GX9KTG1.js';
+import 'lit-html';
+import './outside-click-rZ3Di_WX.js';
+
+declare class Code extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor language: string | null;
+    accessor codeElement: HTMLElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get currentLanguage(): string;
+    afterRender(): void;
+}
+
+declare enum EasingType {
+    CUBIC_BEZIER = "cubic-bezier",
+    LINEAR = "linear"
+}
+interface Point {
+    x: number;
+    y: number;
+}
+interface LinearPoint extends Point {
+    cpInX?: number;
+    cpInY?: number;
+    cpOutX?: number;
+    cpOutY?: number;
+    isLinked?: boolean;
+    mirrorLength?: boolean;
+    id?: string;
+}
+interface CubicBezierPoints {
+    p1: Point;
+    p2: Point;
+}
+type LinearPoints = LinearPoint[];
+interface EasingData {
+    type: EasingType;
+    points: CubicBezierPoints | LinearPoints;
+    name: string;
+}
+
+declare class Curve extends HTMLElement {
+    requestRender: () => void;
+    accessor name: string;
+    accessor easingType: EasingType;
+    accessor points: CubicBezierPoints | LinearPoints;
+    accessor showGrid: boolean;
+    accessor snapToGrid: boolean;
+    accessor gridSize: number;
+    accessor simplify: number;
+    accessor round: number;
+    accessor focusedLinearIndex: number | null;
+    private getDefaultPointsForType;
+    handleEasingTypeChange(event: CustomEvent<ControlEventDetail<EasingType>>): void;
+    handleGridToggle(event: CustomEvent<ControlEventDetail<boolean>>): void;
+    handleSnapToggle(event: CustomEvent<ControlEventDetail<boolean>>): void;
+    handleGridSizeChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handleSimplifyChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handleRoundChange(event: CustomEvent<ControlEventDetail<number>>): void;
+    handlePointsChange(event: CustomEvent<ControlEventDetail<CubicBezierPoints | LinearPoints>>): void;
+    handleKeyboardShortcuts(event: KeyboardEvent): void;
+    handleLinearPointFocus(event: CustomEvent<ControlEventDetail<number | null>>): void;
+    private emitPointsChange;
+}
+
+export { Code, ControlEventDetail, type CubicBezierPoints, Curve, type EasingData, EasingType, type LinearPoints, type Point };