@iyulab/components 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -1,215 +1,201 @@
 # Changelog
 
-## 1.0.1 (2026-04-01)
+## [1.0.2] - 2026-04-07
+
+### Fixed
+- `Toast`: Fixed toast not being removed from DOM after hide — changed event listener from `'u-hide'` to `'hide'` to match actual event dispatched by `UAlert`
+- `Dialog`: Fixed dialog promise never resolving after close — changed event listener from `'u-hide'` to `'hide'` to match actual event dispatched by `UOverlayElement`
+
+## [1.0.1] - 2026-04-01
+
+### Changed
+- `@lit/react` moved from `dependencies` to optional `peerDependencies`
+
+### Fixed
+- `UIcon`: Auto-apply `fill="currentColor"` only for fill-based icons; skip when `stroke="currentColor"` is present. Removed global `fill: currentColor` CSS rule
+- `URadio` / `USelect`: `options` field is now a `@state()` so the UI re-renders when options change; `onChangeValue()` now triggers on both `value` and `options` changes
+- `UTextarea`: Replaced `all: unset` with explicit CSS reset for better cross-browser compatibility; height recalculation moved inside `requestAnimationFrame` to stabilize auto-resize
+- `Dialog`: Fixed `prompt()` input not capturing user text — switched to property binding (`.value`) and native `@input` event
+
+## [1.0.0] - 2026-04-01
+
+### Added
+- New components: `u-avatar`, `u-badge`, `u-breadcrumb` / `u-breadcrumb-item`, `u-chip`, `u-field`, `u-icon-button`, `u-option`, `u-panel`, `u-radio`, `u-rating`, `u-select`, `u-slider`, `u-switch`, `u-tab` / `u-tab-panel`
+- `Toast` utility: semantic API replacing `Notifier.toast()` — `Toast.show()`, `Toast.success()`, `Toast.error()`, etc.
+- `Dialog` utility: imperative API — `Dialog.confirm()`, `Dialog.prompt()`, etc.
+- `OverlayManager`: built-in overlay stack management and ESC key handling
+- `icons.ts`: full rewrite of `IconRegistry` with bundled SVG support via Vite `import.meta.glob` and built-in CDN resolvers for Tabler, Heroicons, Lucide, and Bootstrap Icons
+- Vite plugins: `vite-plugin-glob-resolve` and `vite-plugin-react-wrapper` for automatic React wrapper generation
+- `skills/iyulab-components/` agent skill with 39 component references, 9 utility references, and 5 extension references
+- `docs/` developer documentation (architecture, guidelines, events, theming, form-controls, icons)
+
+### Changed
+- **Breaking:** Removed `U`-prefixed event types (`UChangeEvent`, `UInputEvent`, `UShowEvent`, `UHideEvent`, `USelectEvent`, `UResizeEvent`) — replaced with `ShowEvent`, `HideEvent`, `PickEvent`, `CheckEvent`, `ExpandEvent`, `CollapseEvent`, `NavigateEvent`, `RemoveEvent`, `ShiftEvent`
+- **Breaking:** `Notifier` replaced by `Toast`; `IconRegistry` rewritten as `icons.ts` — existing API is not compatible, migration required
+- **Breaking:** `UModalElement` removed — merged into `UOverlayElement`; extend `UOverlayElement` instead
+- Heavy components extract render logic into a separate `U<Name>.component.ts` file
+- `converters.ts` extended with additional type conversion utilities
+- `README.md` overhauled with Agent Skills installation guide
 
-### Bug Fixes
+## [0.4.0] - 2026-03-02
 
-- **`UIcon`**: Auto-apply `fill="currentColor"` only for fill-based icons; skip when `stroke="currentColor"` is set. Removed global `fill: currentColor` CSS rule.
-- **`URadio`** / **`USelect`**: `options` field is now a `@state()` so UI re-renders when options change. `onChangeValue()` is now triggered on both `value` and `options` changes.
-- **`UTextarea`**: Replaced `all: unset` with explicit CSS reset for better cross-browser compatibility. Height recalculation moved inside `requestAnimationFrame` to stabilize auto-resize.
-- **`Dialog`**: Fixed `prompt()` input not capturing user text — switched to property binding (`.value`) and native `@input` event.
+### Added
+- `UJsonElement`: new base class that reads JSON from a `<script type="application/json">` tag in light DOM and maps properties to the component automatically; includes built-in error UI (`error()` method) and `buildHTML()` static helper
+- `sanitizers.ts` utility: `stripZeroWidth()`, `escapeHtmlText()`, `escapeHtmlAttr()`, `escapeHtmlHref()` for HTML/XSS protection
+- New icon assets: `arrow-down-up`, `code-slash`, `download`, `sort-alpha-down`, `sort-alpha-up`
 
-### Dependencies
+### Changed
+- **Breaking:** `BaseElement`, `FloatingElement`, `ModalElement` renamed to `UElement`, `UFloatingElement`, `UModalElement` — all components updated accordingly
 
-- **`@lit/react`**: Moved from `dependencies` to optional `peerDependencies`.
+### Fixed
+- `UCarousel`: Fixed tap vs drag detection — pointer target is tracked to dispatch a `click` event on tap when drag distance is below threshold
 
----
+## [0.3.0] - 2026-02-26
 
-## 1.0.0 (2026-04-01)
+### Added
+- `UCard`: card layout component with `header`, `footer`, `media` slots
+- `UCarousel`: carousel component with autoplay, drag, navigation, and multi-slide view
 
-### Breaking Changes
+### Changed
+- Moved `@lit/react` and `react` to optional `peerDependencies`
+- Updated devDependencies
 
-- **Event type renames**: Removed `U`-prefixed event types (`UChangeEvent`, `UInputEvent`, `UShowEvent`, `UHideEvent`, `USelectEvent`, `UResizeEvent`) in favour of action-based names
-  - `ShowEvent` / `HideEvent` / `PickEvent` / `CheckEvent` / `ExpandEvent` / `CollapseEvent` / `NavigateEvent` / `RemoveEvent` / `ShiftEvent`
-- **Utility API overhaul**: `Notifier` replaced by `Toast`; `IconRegistry` rewritten as `icons.ts` — existing API is not compatible, migration required
-- **`UModalElement` removed**: Merged into `UOverlayElement`. Components that extended `UModalElement` must now extend `UOverlayElement`
+## [0.2.3] - 2026-02-09
 
-### New Components
+### Added
+- `UInput`: `inputmode`, `enterkeyhint`, `size`, `multiple` properties for improved mobile UX and HTML standard compliance (#4)
 
-- `u-avatar` — user avatar with image or initials fallback
-- `u-badge` — numeric or status badge
-- `u-breadcrumb` / `u-breadcrumb-item` — navigation breadcrumb trail
-- `u-chip` — selectable chip with `pick` and `remove` events
-- `u-field` — form field layout wrapper (label, description, validation message)
-- `u-icon-button` — icon-only button
-- `u-option` — option item for `u-select` and combobox inputs
-- `u-panel` — general-purpose container panel
-- `u-radio` — single-choice radio button
-- `u-rating` — star/score input
-- `u-select` — dropdown select control
-- `u-slider` — range slider
-- `u-switch` — toggle switch
-- `u-tab` / `u-tab-panel` — tab navigation
+## [0.2.2] - 2026-02-09
 
-### Improvements
+### Added
+- `UInput`: `min`, `max`, `step` properties for number/date/time input types (#1)
 
-- **Component file split**: Heavy components extract render logic into a separate `U<Name>.component.ts`, keeping the class declaration lean
-- **`Toast` utility**: Replaces `Notifier.toast()` with a semantic API — `Toast.show()`, `Toast.success()`, `Toast.error()`, etc.
-- **`Dialog` utility**: Imperative dialog API added — `Dialog.confirm()`, `Dialog.prompt()`, etc.
-- **`OverlayManager`**: Built-in overlay stack management and ESC key handling
-- **`icons.ts`**: Full rewrite of `IconRegistry` with bundled SVG support via Vite `import.meta.glob` and built-in CDN resolvers for Tabler, Heroicons, Lucide, and Bootstrap Icons
-- **`converters.ts`**: Extended type conversion utilities
-- **Vite plugins**: Added `vite-plugin-glob-resolve` and `vite-plugin-react-wrapper` for automatic React wrapper generation
+## [0.2.1] - 2026-02-09
 
-### Documentation
+### Added
+- Events documentation: complete event API reference with all `u-*` events, detail types, and usage examples (#3)
+- CSS Custom Properties reference: full `--u-*` variable list with light/dark values (#2)
+- Theming guide: setup, switching, and external design system integration
+- Component list with tags and descriptions
 
-- `skills/iyulab-components/` — full agent skill added with 39 component references, 9 utility references, and 5 extension references
-- `docs/` — developer documentation added (architecture, guidelines, events, theming, form-controls, icons)
-- `README.md` overhauled with Agent Skills installation guide
+## [0.2.0] - 2026-01-16
 
----
+### Added
+- `UTag`: tag component for labels, categories, and status; variants: `default`, `info`, `success`, `warning`, `danger`; removable with animation; prefix/suffix slots
+- `UButton`: `variant` property with `default`, `borderless`, and `link` styles
+- `UTooltip`: `interactive` property for keeping tooltip open on hover
+- New icon assets: `arrow-repeat`, `box-arrow-up-right`, `file-earmark`, `flag`, `globe`, `hand-thumbs-up`, `hand-thumbs-up-fill`, `hand-thumbs-down`, `hand-thumbs-down-fill`, `share`, `stop-circle`, `tools`
+- `converters.ts`: `arrayAttrConverter()` for array attribute conversion
+- `elements.ts`: DOM helpers — `getParentElement`, `querySelectorWithin`, `querySelectorAllWithin`
 
-## 0.4.0 (2026-03-02)
+### Changed
+- **Breaking:** `IconRegistry` changed from singleton instance to static class (use `IconRegistry.register()` instead of `icons.register()`)
+- **Breaking:** `Notifier` changed from singleton instance to static class (use `Notifier.toast()` instead of `notifier.toast()`)
+- **Breaking:** `Theme` changed from singleton instance to static class (use `Theme.init()` instead of `theme.init()`)
+- **Breaking:** `UIconButton` removed — use `UButton` with icon slot instead
+- `FloatingElement`: enhanced positioning and anchor management logic
+- `UButton`: improved click event handling for disabled and loading states
+- `UDialog` / `UDrawer`: updated to use improved modal element patterns
+- `UMenu`: refactored submenu handling and dropdown logic
+- `IconRegistry`: reorganized and improved icon loading architecture
+- Internal utilities moved to public: `internals/attribute-converters.ts` → `utilities/converters.ts`, `internals/node-helpers.ts` → `utilities/elements.ts`, `utilities/icons.ts` → `utilities/IconRegistry.ts`
 
-### Breaking Changes
-- **BaseElement / FloatingElement / ModalElement**: Renamed to `UElement`, `UFloatingElement`, `UModalElement` to align with the `U` prefix naming convention
-  - All components updated to use the renamed base classes
+## [0.1.11] - 2026-01-06
 
-### Features
-- **UJsonElement**: Added new base class that reads JSON from a `<script type="application/json">` tag in light DOM and maps properties to the component automatically
-  - Includes built-in error UI rendering via `error()` method
-  - Provides static `buildHTML()` helper to generate safe component HTML from JSON data
-- **Icons**: Added new icon assets
-  - `arrow-down-up`, `code-slash`, `download`, `sort-alpha-down`, `sort-alpha-up`
+### Added
+- `UTreeItem`: `loading` property with spinner indicator and `MutationObserver` for dynamic child loading
+- `UMenuItem`: `loading` property with spinner indicator
 
-### New Utilities
-- **sanitizers.ts**: Added HTML/XSS protection utilities
-  - `stripZeroWidth()`: Removes zero-width characters (ZWSP, BOM, etc.)
-  - `escapeHtmlText()`: Escapes special characters for HTML text context
-  - `escapeHtmlAttr()`: Escapes special characters for HTML attribute context
-  - `escapeHtmlHref()`: Sanitizes and validates `href`/`src` values (blocks `javascript:`, `data:`, `vbscript:` protocols)
+### Changed
+- `UDivider`: simplified component (removed movable functionality)
+- `USplitPanel`: completely rewritten with native splitter implementation
+- `UMenu` / `UMenuItem`: refactored submenu handling logic
+- `UTreeItem`: improved children slot handling with `processChildren` method; indent styling now uses CSS custom property (`--indent-level`)
 
-### Bug Fixes
-- **UCarousel**: Fixed tap vs drag detection — pointer target is now tracked to dispatch a `click` event on tap when drag distance is below threshold
+### Fixed
+- Fixed d.ts generation error for `Theme` class by exporting the class
 
-## 0.3.0 (2026-02-26)
+## [0.1.10] - 2025-12-19
 
-### Features
-- **UCard**: Added card layout component with `header`, `footer`, `media` slots
-- **UCarousel**: Added carousel component with autoplay, drag, navigation, multi-slide view
+### Fixed
+- Fixed circular dependency issue between `UMenu` and `UMenuItem`
+- `UMenuItem` now uses tag name check instead of `instanceof` for submenu detection
 
-### Improvements
-- Moved `@lit/react`, `react` to optional peerDependencies
-- Updated devDependencies
+## [0.1.9] - 2025-12-19
 
-## 0.2.3 (2026-02-09)
-
-### Features
-- **UInput**: Added `inputmode`, `enterkeyhint`, `size`, `multiple` properties for improved mobile UX and HTML standard compliance (closes #4)
-
-## 0.2.2 (2026-02-09)
-
-### Features
-- **UInput**: Added `min`, `max`, `step` properties for number/date/time input types (closes #1)
-
-## 0.2.1 (2026-02-09)
-
-### Documentation
-- **Events**: Added complete event API reference with all `u-*` events, detail types, and usage examples (closes #3)
-- **CSS Custom Properties**: Added full `--u-*` variable reference with light/dark values (closes #2)
-- **Theming**: Added theme setup, switching, and external design system integration guide
-- **Components**: Added component list with tags and descriptions
-
-## 0.2.0 (2026-01-16)
-
-### Breaking Changes
-- **Utilities**: Refactored utility class architecture to static-only pattern
-  - `IconRegistry`: Changed from singleton instance to static class (use `IconRegistry.register()` instead of `icons.register()`)
-  - `Notifier`: Changed from singleton instance to static class (use `Notifier.toast()` instead of `notifier.toast()`)
-  - `Theme`: Changed from singleton instance to static class (use `Theme.init()` instead of `theme.init()`)
-- **IconButton**: Removed `UIconButton` component (use `UButton` with icon slot instead)
-
-### Features
-- **UTag**: Added new Tag component for displaying labels, categories, and status
-  - Supports variants: `default`, `info`, `success`, `warning`, `danger`
-  - Removable tag functionality with smooth animation
-  - Prefix/suffix slots for custom content
-- **UButton**: Added `variant` property with support for `default`, `borderless`, and `link` styles
-- **UTooltip**: Added `interactive` property for keeping tooltip open when hovering over it
-- **Icons**: Added new icon assets
-  - `arrow-repeat`, `box-arrow-up-right`, `file-earmark`, `flag`, `globe`
-  - `hand-thumbs-up`, `hand-thumbs-up-fill`, `hand-thumbs-down`, `hand-thumbs-down-fill`
-  - `share`, `stop-circle`, `tools`
-- **Utilities**: Added new utility functions
-  - `converters.ts`: `arrayAttrConverter()` for array attribute conversion
-  - `elements.ts`: DOM helper functions (`getParentElement`, `querySelectorWithin`, `querySelectorAllWithin`)
-
-### Improvements
-- **FloatingElement**: Enhanced positioning and anchor management logic
-- **UButton**: Improved click event handling for disabled and loading states
-- **UDialog/UDrawer**: Updated to use improved modal element patterns
-- **UMenu**: Refactored submenu handling and dropdown logic
-- **IconRegistry**: Reorganized and improved icon loading architecture
-- **Utilities**: Moved internal utilities to public utilities directory
-  - `internals/attribute-converters.ts` → `utilities/converters.ts`
-  - `internals/node-helpers.ts` → `utilities/elements.ts`
-  - `utilities/icons.ts` → `utilities/IconRegistry.ts`
-
-## 0.1.11 (2026-01-06)
-
-### Fixes
-- Fixed d.ts generation error for `Theme` class by exporting the class
+### Added
+- `Tree` and `TreeItem` components for hierarchical data display
+- Updated React wrapper plugin to support new file structure
 
-### Features
-- **UTreeItem**: Added `loading` property with spinner indicator
-- **UTreeItem**: Added MutationObserver for dynamic child loading support
-- **UMenuItem**: Added `loading` property with spinner indicator
+### Removed
+- Removed `CopyButton` component
 
-### Improvements
-- **UDivider**: Simplified component (removed movable functionality)
-- **USplitPanel**: Completely rewritten with native splitter implementation
-- **UMenu/UMenuItem**: Refactored submenu handling logic
-- **UTreeItem**: Improved children slot handling with `processChildren` method
-- **UTreeItem**: Changed indent styling to use CSS custom property (`--indent-level`)
+### Changed
+- React wrapper output directory changed to `react-components`
 
-## 0.1.10 (2025-12-19)
-- Fixed circular dependency issue between `UMenu` and `UMenuItem`
-- Changed `UMenuItem` to use tagName check instead of `instanceof` for submenu detection
+## [0.1.8] - 2025-12-18
 
-## 0.1.9 (2025-12-19)
-- Added `Tree`, `TreeItem` components for hierarchical data display
-- Updated React wrapper plugin to support new file structure
-- Removed `CopyButton` component
-- Changed React wrapper output directory to `react-components`
-
-## 0.1.8 (2025-12-18)
-- **Breaking Change**: Added `U` prefix to all component class names (e.g., `Alert` → `UAlert`)
-- **Breaking Change**: Changed file naming convention
-  - `{Name}.ts` → `U{Name}.component.ts` (class implementation)
-  - `{Name}.styles.ts` → `U{Name}.styles.ts` (styles)
-  - `index.ts` → `U{Name}.ts` (element definition)
-
-## 0.1.7 (2025-12-13)
-- Added `FloatingElement` base class for popover, tooltip common logic
-- Added `ModalElement` base class for dialog, drawer common logic
-- Added `Drawer` component
-- Added `Skeleton` component
-- Improved `Menu` component with dropdown, contextmenu, submenu support
-- Refactored `Dialog` component based on `ModalElement`
-- Removed `ContextMenu`, `DropdownMenu` (merged into `Menu`)
-
-## 0.1.5 (2025-12-10)
+### Changed
+- **Breaking:** Added `U` prefix to all component class names (e.g., `Alert` → `UAlert`)
+- **Breaking:** File naming convention changed: `{Name}.ts` → `U{Name}.component.ts`, `{Name}.styles.ts` → `U{Name}.styles.ts`, `index.ts` → `U{Name}.ts`
+
+## [0.1.7] - 2025-12-12
+
+### Added
+- `FloatingElement` base class for shared popover and tooltip logic
+- `ModalElement` base class for shared dialog and drawer logic
+- `Drawer` component
+- `Skeleton` component
+
+### Changed
+- `Menu`: improved with dropdown, context menu, and submenu support
+- `Dialog`: refactored to extend `ModalElement`
+
+### Removed
+- Removed `ContextMenu` and `DropdownMenu` — functionality merged into `Menu`
+
+## [0.1.5] - 2025-12-10
+
+### Changed
 - Improved `Icon` component and refactored icon utilities
 - Improved `Input` component styles and validation
 - Improved `Tooltip`, `Divider`, `SplitPanel` components
 - Improved `notifier` utility
-- Removed `Panel` component
 - Updated theme styles (light/dark)
 
-## 0.1.4 (2025-12-05)
-- Fixes some issues
+### Removed
+- Removed `Panel` component
+
+## [0.1.4] - 2025-12-05
+
+### Fixed
+- Fixed miscellaneous issues
+
+## [0.1.3] - 2025-11-17
+
+### Added
+- `ProgressBar` component for displaying top-of-page loading progress
+
+### Fixed
+- Fixed theme `useBuiltIn` option not working as expected
+
+## [0.1.2] - 2025-11-13
+
+### Fixed
+- Fixed a type issue in `theme` utility
+
+## [0.1.1] - 2025-11-13
+
+### Added
+- `BrowserStorage` utility supporting `localStorage` and `cookie` with async get/set/remove methods
 
-## 0.1.3 (2025-11-17)
-- fixed a theme `useBuiltIn` Option, now it works as expected.
-- added `ProgressBar` component to show loading progress at the top of the page.
+### Changed
+- Theme `persist` option renamed to `store`
 
-## 0.1.2 (2025-11-13)
-- fixed a type issue in `theme` utility.
+### Removed
+- Removed `toggle` method from theme utility
 
-## 0.1.1 (2025-11-13)
-- added `BrowserStorage` which supports `localStorage` and `cookie` with async methods for getting, setting, and removing items.
-- changed theme `persist` option to `store` option, and fixed some issues.
-- removed `toggle` method from theme utility.
+## [0.1.0] - 2025-11-12
 
-## 0.1.0 (2025-11-12)
-- Initial library version release
+### Added
+- Initial release

package/dist/utilities/Dialog.js

@@ -108,7 +108,7 @@ var Dialog = class {
 			(options.target || document.body).appendChild(dialog);
 			await dialog.updateComplete;
 			dialog.show();
-			dialog.addEventListener("u-hide", (e) => {
+			dialog.addEventListener("hide", (e) => {
 				if (e.target !== dialog) return;
 				setTimeout(() => dialog.remove(), 300);
 				resolve(closeValue);

package/dist/utilities/Toast.js

@@ -52,7 +52,7 @@ var Toast = class {
 		container.appendChild(el);
 		await el.updateComplete;
 		el.show();
-		el.addEventListener("u-hide", async () => {
+		el.addEventListener("hide", async () => {
 			await new Promise((resolve) => setTimeout(resolve, 200));
 			el.remove();
 			this.elements.delete(el);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "keywords": [
     "iyulab",
     "components",
@@ -17,13 +17,13 @@
   },
   "files": [
     "dist",
+    "skills",
     "plugins/**/*.js",
     "plugins/**/*.d.ts",
-    "skills",
-    "LICENSE",
+    "package.json",
     "README.md",
     "CHANGELOG.md",
-    "package.json"
+    "LICENSE"
   ],
   "type": "module",
   "types": "./dist/index.d.ts",