@easemate/web-kit 0.3.2 → 0.3.4

package/build/elements.d.cts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit-html';
 export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.cjs';
-export { P as Panel, T as TabChangeEventDetail } from './index-NzGpn7ai.cjs';
+export { P as Panel, T as TabChangeEventDetail } from './index-BKwMPyPy.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';
 
@@ -182,10 +182,59 @@ declare class Field extends HTMLElement {
     accessor fullWidth: boolean;
 }
 
+/**
+ * Event detail for folder toggle events
+ */
+interface FolderToggleEventDetail {
+    /** Whether the folder is open */
+    open: boolean;
+    /** The original event */
+    event: Event;
+}
+/**
+ * Folder component - collapsible container for grouping controls.
+ *
+ * Click on the header to toggle open/closed state.
+ * Supports optional max-height with scroll fade masks.
+ *
+ * @tag ease-folder
+ *
+ * @slot headline - Folder title text
+ * @slot actions - Header action buttons (displayed on the right)
+ * @slot - Default slot for folder content
+ *
+ * @csspart section - Outer container
+ * @csspart header - Clickable header row
+ * @csspart headline - Title element
+ * @csspart icon - Folder icon
+ * @csspart chevron - Chevron icon
+ * @csspart actions - Actions container
+ * @csspart content - Content wrapper (handles height animations)
+ * @csspart body - Inner body container (scrollable when max-height is set)
+ * @csspart items - Grid container for slotted content
+ *
+ * @fires folder-toggle - Fired when the folder is opened or closed
+ */
+declare class Folder extends HTMLElement {
+    #private;
+    accessor open: boolean;
+    accessor headline: string | null;
+    accessor maxHeight: string | null;
+    render(): TemplateResult;
+    toggle(): void;
+}
+
 declare class IconClear extends HTMLElement {
     requestRender: () => void;
 }
 
+type FolderState = 'open' | 'close';
+declare class IconFolder extends HTMLElement {
+    requestRender: () => void;
+    accessor state: FolderState;
+    render(): TemplateResult;
+}
+
 type GridState = 'show' | 'hide';
 declare class IconGrid extends HTMLElement {
     requestRender: () => void;
@@ -370,4 +419,4 @@ declare class Toggle extends HTMLElement {
     handleClick(event: MouseEvent): void;
 }
 
-export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };
+export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, Folder, type FolderToggleEventDetail, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconFolder, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };

package/build/elements.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit-html';
 export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.js';
-export { P as Panel, T as TabChangeEventDetail } from './index-NzGpn7ai.js';
+export { P as Panel, T as TabChangeEventDetail } from './index-BKwMPyPy.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';
 
@@ -182,10 +182,59 @@ declare class Field extends HTMLElement {
     accessor fullWidth: boolean;
 }
 
+/**
+ * Event detail for folder toggle events
+ */
+interface FolderToggleEventDetail {
+    /** Whether the folder is open */
+    open: boolean;
+    /** The original event */
+    event: Event;
+}
+/**
+ * Folder component - collapsible container for grouping controls.
+ *
+ * Click on the header to toggle open/closed state.
+ * Supports optional max-height with scroll fade masks.
+ *
+ * @tag ease-folder
+ *
+ * @slot headline - Folder title text
+ * @slot actions - Header action buttons (displayed on the right)
+ * @slot - Default slot for folder content
+ *
+ * @csspart section - Outer container
+ * @csspart header - Clickable header row
+ * @csspart headline - Title element
+ * @csspart icon - Folder icon
+ * @csspart chevron - Chevron icon
+ * @csspart actions - Actions container
+ * @csspart content - Content wrapper (handles height animations)
+ * @csspart body - Inner body container (scrollable when max-height is set)
+ * @csspart items - Grid container for slotted content
+ *
+ * @fires folder-toggle - Fired when the folder is opened or closed
+ */
+declare class Folder extends HTMLElement {
+    #private;
+    accessor open: boolean;
+    accessor headline: string | null;
+    accessor maxHeight: string | null;
+    render(): TemplateResult;
+    toggle(): void;
+}
+
 declare class IconClear extends HTMLElement {
     requestRender: () => void;
 }
 
+type FolderState = 'open' | 'close';
+declare class IconFolder extends HTMLElement {
+    requestRender: () => void;
+    accessor state: FolderState;
+    render(): TemplateResult;
+}
+
 type GridState = 'show' | 'hide';
 declare class IconGrid extends HTMLElement {
     requestRender: () => void;
@@ -370,4 +419,4 @@ declare class Toggle extends HTMLElement {
     handleClick(event: MouseEvent): void;
 }
 
-export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };
+export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, Folder, type FolderToggleEventDetail, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconFolder, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };