@editora/ui-core 0.1.8 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -0
- package/dist/ElementBase-1b301e7f.js +1 -0
- package/dist/ElementBase-909688f3.mjs +79 -0
- package/dist/ElementBase.d.ts.map +1 -1
- package/dist/__tests__/setup.d.ts +2 -0
- package/dist/__tests__/setup.d.ts.map +1 -1
- package/dist/accordion.cjs.js +360 -0
- package/dist/accordion.esm.js +647 -0
- package/dist/alert-dialog.cjs.js +567 -0
- package/dist/alert-dialog.esm.js +1043 -0
- package/dist/alert.cjs.js +351 -0
- package/dist/alert.esm.js +450 -0
- package/dist/anchor.cjs.js +30 -0
- package/dist/anchor.esm.js +62 -0
- package/dist/animated-beam.cjs.js +720 -0
- package/dist/animated-beam.esm.js +1540 -0
- package/dist/animated-list.cjs.js +672 -0
- package/dist/animated-list.esm.js +1137 -0
- package/dist/animated-text.cjs.js +683 -0
- package/dist/animated-text.esm.js +1020 -0
- package/dist/app-header.cjs.js +345 -0
- package/dist/app-header.esm.js +398 -0
- package/dist/aspect-ratio.cjs.js +294 -0
- package/dist/aspect-ratio.esm.js +416 -0
- package/dist/avatar.cjs.js +365 -0
- package/dist/avatar.esm.js +513 -0
- package/dist/badge.cjs.js +432 -0
- package/dist/badge.esm.js +554 -0
- package/dist/block-controls.cjs.js +347 -0
- package/dist/block-controls.esm.js +556 -0
- package/dist/box.cjs.js +226 -0
- package/dist/box.esm.js +556 -0
- package/dist/breadcrumb.cjs.js +288 -0
- package/dist/breadcrumb.esm.js +523 -0
- package/dist/button.cjs.js +521 -0
- package/dist/button.esm.js +671 -0
- package/dist/calendar-2c11b824.mjs +1685 -0
- package/dist/calendar-a8735e40.js +741 -0
- package/dist/calendar.cjs.js +1 -0
- package/dist/calendar.esm.js +11 -0
- package/dist/card.cjs.js +306 -0
- package/dist/card.esm.js +378 -0
- package/dist/chart.cjs.js +783 -0
- package/dist/chart.esm.js +1369 -0
- package/dist/checkbox.cjs.js +338 -0
- package/dist/checkbox.esm.js +455 -0
- package/dist/collapsible.cjs.js +381 -0
- package/dist/collapsible.esm.js +548 -0
- package/dist/collection-a1aac0c6.mjs +56 -0
- package/dist/collection-a2969ad2.js +1 -0
- package/dist/collection.cjs.js +1 -0
- package/dist/collection.esm.js +136 -0
- package/dist/color-picker.cjs.js +803 -0
- package/dist/color-picker.esm.js +1809 -0
- package/dist/combobox.cjs.js +525 -0
- package/dist/combobox.esm.js +1023 -0
- package/dist/command-palette.cjs.js +67 -0
- package/dist/command-palette.esm.js +181 -0
- package/dist/command.cjs.js +130 -0
- package/dist/command.esm.js +307 -0
- package/dist/components/date-time-utils.d.ts.map +1 -1
- package/dist/components/ui-anchor.d.ts +7 -0
- package/dist/components/ui-anchor.d.ts.map +1 -1
- package/dist/components/ui-data-table.d.ts.map +1 -1
- package/dist/components/ui-date-picker.d.ts.map +1 -1
- package/dist/components/ui-date-range-picker.d.ts.map +1 -1
- package/dist/components/ui-date-time-picker.d.ts.map +1 -1
- package/dist/components/ui-drawer.d.ts.map +1 -1
- package/dist/components/ui-form.d.ts +0 -1
- package/dist/components/ui-form.d.ts.map +1 -1
- package/dist/components/ui-listbox.d.ts +3 -0
- package/dist/components/ui-listbox.d.ts.map +1 -1
- package/dist/components/ui-number-ticker.d.ts.map +1 -1
- package/dist/components/ui-portal.d.ts +1 -0
- package/dist/components/ui-portal.d.ts.map +1 -1
- package/dist/components/ui-sidebar.d.ts.map +1 -1
- package/dist/components/ui-sortable.d.ts +192 -0
- package/dist/components/ui-sortable.d.ts.map +1 -0
- package/dist/components/ui-tooltip.d.ts.map +1 -1
- package/dist/components/ui-transfer-list.d.ts +5 -0
- package/dist/components/ui-transfer-list.d.ts.map +1 -1
- package/dist/container.cjs.js +115 -0
- package/dist/container.esm.js +156 -0
- package/dist/context-menu.cjs.js +357 -0
- package/dist/context-menu.esm.js +1204 -0
- package/dist/control-group.cjs.js +80 -0
- package/dist/control-group.esm.js +110 -0
- package/dist/data-table.cjs.js +682 -0
- package/dist/data-table.esm.js +1660 -0
- package/dist/date-field.cjs.js +142 -0
- package/dist/date-field.esm.js +384 -0
- package/dist/date-picker.cjs.js +570 -0
- package/dist/date-picker.esm.js +1067 -0
- package/dist/date-range-picker.cjs.js +455 -0
- package/dist/date-range-picker.esm.js +973 -0
- package/dist/date-range-time-picker.cjs.js +573 -0
- package/dist/date-range-time-picker.esm.js +1137 -0
- package/dist/date-time-picker.cjs.js +495 -0
- package/dist/date-time-picker.esm.js +1062 -0
- package/dist/date-time-utils-5cf58cd0.js +1 -0
- package/dist/date-time-utils-bdceb7af.mjs +273 -0
- package/dist/description.cjs.js +85 -0
- package/dist/description.esm.js +136 -0
- package/dist/dialog.cjs.js +406 -0
- package/dist/dialog.esm.js +822 -0
- package/dist/direction-provider.cjs.js +30 -0
- package/dist/direction-provider.esm.js +74 -0
- package/dist/dismissable-layer-193e3bed.js +1 -0
- package/dist/dismissable-layer-9c7e6b58.mjs +112 -0
- package/dist/dismissable-layer.cjs.js +6 -0
- package/dist/dismissable-layer.esm.js +115 -0
- package/dist/dock.cjs.js +347 -0
- package/dist/dock.esm.js +826 -0
- package/dist/drawer.cjs.js +538 -0
- package/dist/drawer.esm.js +872 -0
- package/dist/dropdown.cjs.js +511 -0
- package/dist/dropdown.esm.js +1084 -0
- package/dist/dropzone.cjs.js +1 -0
- package/dist/dropzone.esm.js +11 -0
- package/dist/empty-state.cjs.js +169 -0
- package/dist/empty-state.esm.js +199 -0
- package/dist/field-error.cjs.js +74 -0
- package/dist/field-error.esm.js +125 -0
- package/dist/field.cjs.js +398 -0
- package/dist/field.esm.js +542 -0
- package/dist/fieldset.cjs.js +214 -0
- package/dist/fieldset.esm.js +298 -0
- package/dist/file-upload.cjs.js +353 -0
- package/dist/file-upload.esm.js +740 -0
- package/dist/flex.cjs.js +54 -0
- package/dist/flex.esm.js +168 -0
- package/dist/floating-toolbar.cjs.js +223 -0
- package/dist/floating-toolbar.esm.js +513 -0
- package/dist/focus-scope-103833ee.mjs +147 -0
- package/dist/focus-scope-2b12b4e7.js +1 -0
- package/dist/focus-scope.cjs.js +6 -0
- package/dist/focus-scope.esm.js +97 -0
- package/dist/form.cjs.js +377 -0
- package/dist/form.esm.js +862 -0
- package/dist/gantt.cjs.js +157 -0
- package/dist/gantt.esm.js +214 -0
- package/dist/grid.cjs.js +67 -0
- package/dist/grid.esm.js +211 -0
- package/dist/hover-card.cjs.js +284 -0
- package/dist/hover-card.esm.js +470 -0
- package/dist/icon-9ed13093.mjs +364 -0
- package/dist/icon-cloud.cjs.js +495 -0
- package/dist/icon-cloud.esm.js +828 -0
- package/dist/icon-eaa486b3.js +207 -0
- package/dist/icon.cjs.js +1 -0
- package/dist/icon.esm.js +6 -0
- package/dist/index.cjs.js +1 -35924
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +440 -68558
- package/dist/inline-edit.cjs.js +118 -0
- package/dist/inline-edit.esm.js +206 -0
- package/dist/input.cjs.js +535 -0
- package/dist/input.esm.js +790 -0
- package/dist/label.cjs.js +195 -0
- package/dist/label.esm.js +301 -0
- package/dist/layout.cjs.js +266 -0
- package/dist/layout.esm.js +408 -0
- package/dist/listbox-308789a0.mjs +210 -0
- package/dist/listbox-ef2f708e.js +46 -0
- package/dist/listbox.cjs.js +1 -0
- package/dist/listbox.esm.js +6 -0
- package/dist/marquee.cjs.js +513 -0
- package/dist/marquee.esm.js +767 -0
- package/dist/masonry-grid.cjs.js +65 -0
- package/dist/masonry-grid.esm.js +180 -0
- package/dist/menu-item-styles-27fdbac4.mjs +181 -0
- package/dist/menu-item-styles-83ad1e22.js +152 -0
- package/dist/menu.cjs.js +275 -0
- package/dist/menu.esm.js +743 -0
- package/dist/menubar.cjs.js +455 -0
- package/dist/menubar.esm.js +1195 -0
- package/dist/meter.cjs.js +241 -0
- package/dist/meter.esm.js +334 -0
- package/dist/multi-select.cjs.js +549 -0
- package/dist/multi-select.esm.js +914 -0
- package/dist/navigation-menu.cjs.js +382 -0
- package/dist/navigation-menu.esm.js +614 -0
- package/dist/number-field.cjs.js +351 -0
- package/dist/number-field.esm.js +771 -0
- package/dist/number-ticker.cjs.js +209 -0
- package/dist/number-ticker.esm.js +749 -0
- package/dist/odometer.cjs.js +313 -0
- package/dist/odometer.esm.js +565 -0
- package/dist/orbiter.cjs.js +495 -0
- package/dist/orbiter.esm.js +831 -0
- package/dist/overlayManager-86454af7.mjs +58 -0
- package/dist/overlayManager-ece06517.js +1 -0
- package/dist/pagination.cjs.js +201 -0
- package/dist/pagination.esm.js +297 -0
- package/dist/panel-group-40254cdd.js +36 -0
- package/dist/panel-group-a376cc5e.mjs +326 -0
- package/dist/panel-group.cjs.js +1 -0
- package/dist/panel-group.esm.js +7 -0
- package/dist/panel.cjs.js +22 -0
- package/dist/panel.esm.js +46 -0
- package/dist/password-field.cjs.js +626 -0
- package/dist/password-field.esm.js +925 -0
- package/dist/pin-input.cjs.js +185 -0
- package/dist/pin-input.esm.js +412 -0
- package/dist/placement-grid.cjs.js +99 -0
- package/dist/placement-grid.esm.js +486 -0
- package/dist/plugin-panel.cjs.js +131 -0
- package/dist/plugin-panel.esm.js +173 -0
- package/dist/popover.cjs.js +286 -0
- package/dist/popover.esm.js +483 -0
- package/dist/portal-1cf392ca.mjs +114 -0
- package/dist/portal-d8d7fbca.js +1 -0
- package/dist/portal.cjs.js +39 -0
- package/dist/portal.d.ts.map +1 -1
- package/dist/portal.esm.js +187 -0
- package/dist/positioner-accc6e5f.js +1 -0
- package/dist/positioner-fbd61bf1.mjs +132 -0
- package/dist/positioner.cjs.js +6 -0
- package/dist/positioner.esm.js +137 -0
- package/dist/presence.cjs.js +164 -0
- package/dist/presence.esm.js +301 -0
- package/dist/progress.cjs.js +329 -0
- package/dist/progress.esm.js +453 -0
- package/dist/quick-actions.cjs.js +202 -0
- package/dist/quick-actions.esm.js +357 -0
- package/dist/radio-group.cjs.js +257 -0
- package/dist/radio-group.esm.js +477 -0
- package/dist/rating.cjs.js +355 -0
- package/dist/rating.esm.js +637 -0
- package/dist/roving-focus-group-4350c9a7.mjs +50 -0
- package/dist/roving-focus-group-5c059bf9.js +1 -0
- package/dist/roving-focus-group.cjs.js +1 -0
- package/dist/roving-focus-group.esm.js +72 -0
- package/dist/runtime-4ac0107b.mjs +1954 -0
- package/dist/runtime-5f282bc8.js +1 -0
- package/dist/runtime.cjs.js +1 -0
- package/dist/runtime.d.ts +9 -0
- package/dist/runtime.d.ts.map +1 -0
- package/dist/runtime.esm.js +26 -0
- package/dist/scroll-area.cjs.js +294 -0
- package/dist/scroll-area.esm.js +478 -0
- package/dist/scroll-lock-48793569.js +1 -0
- package/dist/scroll-lock-9de6d328.mjs +53 -0
- package/dist/section.cjs.js +167 -0
- package/dist/section.esm.js +202 -0
- package/dist/select.cjs.js +799 -0
- package/dist/select.esm.js +1266 -0
- package/dist/selection-popup.cjs.js +203 -0
- package/dist/selection-popup.esm.js +392 -0
- package/dist/separator.cjs.js +221 -0
- package/dist/separator.esm.js +241 -0
- package/dist/sidebar.cjs.js +769 -0
- package/dist/sidebar.esm.js +1219 -0
- package/dist/skeleton.cjs.js +205 -0
- package/dist/skeleton.esm.js +249 -0
- package/dist/slider.cjs.js +493 -0
- package/dist/slider.esm.js +694 -0
- package/dist/slot.cjs.js +159 -0
- package/dist/slot.esm.js +227 -0
- package/dist/sortable.cjs.js +855 -0
- package/dist/sortable.d.ts +4 -0
- package/dist/sortable.d.ts.map +1 -0
- package/dist/sortable.esm.js +2178 -0
- package/dist/spinning-text.cjs.js +395 -0
- package/dist/spinning-text.esm.js +635 -0
- package/dist/split-button.cjs.js +410 -0
- package/dist/split-button.esm.js +619 -0
- package/dist/splitter.cjs.js +70 -0
- package/dist/splitter.esm.js +105 -0
- package/dist/standalone/accordion.d.ts +2 -0
- package/dist/standalone/accordion.d.ts.map +1 -0
- package/dist/standalone/alert-dialog.d.ts +2 -0
- package/dist/standalone/alert-dialog.d.ts.map +1 -0
- package/dist/standalone/alert.d.ts +2 -0
- package/dist/standalone/alert.d.ts.map +1 -0
- package/dist/standalone/anchor.d.ts +2 -0
- package/dist/standalone/anchor.d.ts.map +1 -0
- package/dist/standalone/animated-beam.d.ts +2 -0
- package/dist/standalone/animated-beam.d.ts.map +1 -0
- package/dist/standalone/animated-list.d.ts +2 -0
- package/dist/standalone/animated-list.d.ts.map +1 -0
- package/dist/standalone/animated-text.d.ts +2 -0
- package/dist/standalone/animated-text.d.ts.map +1 -0
- package/dist/standalone/app-header.d.ts +2 -0
- package/dist/standalone/app-header.d.ts.map +1 -0
- package/dist/standalone/aspect-ratio.d.ts +2 -0
- package/dist/standalone/aspect-ratio.d.ts.map +1 -0
- package/dist/standalone/avatar.d.ts +2 -0
- package/dist/standalone/avatar.d.ts.map +1 -0
- package/dist/standalone/badge.d.ts +2 -0
- package/dist/standalone/badge.d.ts.map +1 -0
- package/dist/standalone/block-controls.d.ts +2 -0
- package/dist/standalone/block-controls.d.ts.map +1 -0
- package/dist/standalone/box.d.ts +2 -0
- package/dist/standalone/box.d.ts.map +1 -0
- package/dist/standalone/breadcrumb.d.ts +2 -0
- package/dist/standalone/breadcrumb.d.ts.map +1 -0
- package/dist/standalone/button.d.ts +2 -0
- package/dist/standalone/button.d.ts.map +1 -0
- package/dist/standalone/calendar.d.ts +2 -0
- package/dist/standalone/calendar.d.ts.map +1 -0
- package/dist/standalone/card.d.ts +2 -0
- package/dist/standalone/card.d.ts.map +1 -0
- package/dist/standalone/chart.d.ts +2 -0
- package/dist/standalone/chart.d.ts.map +1 -0
- package/dist/standalone/checkbox.d.ts +2 -0
- package/dist/standalone/checkbox.d.ts.map +1 -0
- package/dist/standalone/collapsible.d.ts +2 -0
- package/dist/standalone/collapsible.d.ts.map +1 -0
- package/dist/standalone/collection.d.ts +2 -0
- package/dist/standalone/collection.d.ts.map +1 -0
- package/dist/standalone/color-picker.d.ts +2 -0
- package/dist/standalone/color-picker.d.ts.map +1 -0
- package/dist/standalone/combobox.d.ts +2 -0
- package/dist/standalone/combobox.d.ts.map +1 -0
- package/dist/standalone/command-palette.d.ts +2 -0
- package/dist/standalone/command-palette.d.ts.map +1 -0
- package/dist/standalone/command.d.ts +2 -0
- package/dist/standalone/command.d.ts.map +1 -0
- package/dist/standalone/container.d.ts +2 -0
- package/dist/standalone/container.d.ts.map +1 -0
- package/dist/standalone/context-menu.d.ts +2 -0
- package/dist/standalone/context-menu.d.ts.map +1 -0
- package/dist/standalone/control-group.d.ts +2 -0
- package/dist/standalone/control-group.d.ts.map +1 -0
- package/dist/standalone/data-table.d.ts +2 -0
- package/dist/standalone/data-table.d.ts.map +1 -0
- package/dist/standalone/date-field.d.ts +2 -0
- package/dist/standalone/date-field.d.ts.map +1 -0
- package/dist/standalone/date-picker.d.ts +2 -0
- package/dist/standalone/date-picker.d.ts.map +1 -0
- package/dist/standalone/date-range-picker.d.ts +2 -0
- package/dist/standalone/date-range-picker.d.ts.map +1 -0
- package/dist/standalone/date-range-time-picker.d.ts +2 -0
- package/dist/standalone/date-range-time-picker.d.ts.map +1 -0
- package/dist/standalone/date-time-picker.d.ts +2 -0
- package/dist/standalone/date-time-picker.d.ts.map +1 -0
- package/dist/standalone/description.d.ts +2 -0
- package/dist/standalone/description.d.ts.map +1 -0
- package/dist/standalone/dialog.d.ts +2 -0
- package/dist/standalone/dialog.d.ts.map +1 -0
- package/dist/standalone/direction-provider.d.ts +2 -0
- package/dist/standalone/direction-provider.d.ts.map +1 -0
- package/dist/standalone/dismissable-layer.d.ts +2 -0
- package/dist/standalone/dismissable-layer.d.ts.map +1 -0
- package/dist/standalone/dock.d.ts +2 -0
- package/dist/standalone/dock.d.ts.map +1 -0
- package/dist/standalone/drawer.d.ts +2 -0
- package/dist/standalone/drawer.d.ts.map +1 -0
- package/dist/standalone/dropdown.d.ts +2 -0
- package/dist/standalone/dropdown.d.ts.map +1 -0
- package/dist/standalone/dropzone.d.ts +2 -0
- package/dist/standalone/dropzone.d.ts.map +1 -0
- package/dist/standalone/empty-state.d.ts +2 -0
- package/dist/standalone/empty-state.d.ts.map +1 -0
- package/dist/standalone/field-error.d.ts +2 -0
- package/dist/standalone/field-error.d.ts.map +1 -0
- package/dist/standalone/field.d.ts +2 -0
- package/dist/standalone/field.d.ts.map +1 -0
- package/dist/standalone/fieldset.d.ts +2 -0
- package/dist/standalone/fieldset.d.ts.map +1 -0
- package/dist/standalone/file-upload.d.ts +2 -0
- package/dist/standalone/file-upload.d.ts.map +1 -0
- package/dist/standalone/flex.d.ts +2 -0
- package/dist/standalone/flex.d.ts.map +1 -0
- package/dist/standalone/floating-toolbar.d.ts +2 -0
- package/dist/standalone/floating-toolbar.d.ts.map +1 -0
- package/dist/standalone/focus-scope.d.ts +2 -0
- package/dist/standalone/focus-scope.d.ts.map +1 -0
- package/dist/standalone/form.d.ts +2 -0
- package/dist/standalone/form.d.ts.map +1 -0
- package/dist/standalone/gantt.d.ts +2 -0
- package/dist/standalone/gantt.d.ts.map +1 -0
- package/dist/standalone/grid.d.ts +2 -0
- package/dist/standalone/grid.d.ts.map +1 -0
- package/dist/standalone/hover-card.d.ts +2 -0
- package/dist/standalone/hover-card.d.ts.map +1 -0
- package/dist/standalone/icon-cloud.d.ts +2 -0
- package/dist/standalone/icon-cloud.d.ts.map +1 -0
- package/dist/standalone/icon.d.ts +2 -0
- package/dist/standalone/icon.d.ts.map +1 -0
- package/dist/standalone/inline-edit.d.ts +2 -0
- package/dist/standalone/inline-edit.d.ts.map +1 -0
- package/dist/standalone/input.d.ts +2 -0
- package/dist/standalone/input.d.ts.map +1 -0
- package/dist/standalone/label.d.ts +2 -0
- package/dist/standalone/label.d.ts.map +1 -0
- package/dist/standalone/layout.d.ts +2 -0
- package/dist/standalone/layout.d.ts.map +1 -0
- package/dist/standalone/listbox.d.ts +2 -0
- package/dist/standalone/listbox.d.ts.map +1 -0
- package/dist/standalone/marquee.d.ts +2 -0
- package/dist/standalone/marquee.d.ts.map +1 -0
- package/dist/standalone/masonry-grid.d.ts +2 -0
- package/dist/standalone/masonry-grid.d.ts.map +1 -0
- package/dist/standalone/menu.d.ts +2 -0
- package/dist/standalone/menu.d.ts.map +1 -0
- package/dist/standalone/menubar.d.ts +2 -0
- package/dist/standalone/menubar.d.ts.map +1 -0
- package/dist/standalone/meter.d.ts +2 -0
- package/dist/standalone/meter.d.ts.map +1 -0
- package/dist/standalone/multi-select.d.ts +2 -0
- package/dist/standalone/multi-select.d.ts.map +1 -0
- package/dist/standalone/navigation-menu.d.ts +2 -0
- package/dist/standalone/navigation-menu.d.ts.map +1 -0
- package/dist/standalone/number-field.d.ts +2 -0
- package/dist/standalone/number-field.d.ts.map +1 -0
- package/dist/standalone/number-ticker.d.ts +2 -0
- package/dist/standalone/number-ticker.d.ts.map +1 -0
- package/dist/standalone/odometer.d.ts +2 -0
- package/dist/standalone/odometer.d.ts.map +1 -0
- package/dist/standalone/orbiter.d.ts +2 -0
- package/dist/standalone/orbiter.d.ts.map +1 -0
- package/dist/standalone/pagination.d.ts +2 -0
- package/dist/standalone/pagination.d.ts.map +1 -0
- package/dist/standalone/panel-group.d.ts +2 -0
- package/dist/standalone/panel-group.d.ts.map +1 -0
- package/dist/standalone/panel.d.ts +2 -0
- package/dist/standalone/panel.d.ts.map +1 -0
- package/dist/standalone/password-field.d.ts +2 -0
- package/dist/standalone/password-field.d.ts.map +1 -0
- package/dist/standalone/pin-input.d.ts +2 -0
- package/dist/standalone/pin-input.d.ts.map +1 -0
- package/dist/standalone/placement-grid.d.ts +2 -0
- package/dist/standalone/placement-grid.d.ts.map +1 -0
- package/dist/standalone/plugin-panel.d.ts +2 -0
- package/dist/standalone/plugin-panel.d.ts.map +1 -0
- package/dist/standalone/popover.d.ts +2 -0
- package/dist/standalone/popover.d.ts.map +1 -0
- package/dist/standalone/portal.d.ts +2 -0
- package/dist/standalone/portal.d.ts.map +1 -0
- package/dist/standalone/positioner.d.ts +2 -0
- package/dist/standalone/positioner.d.ts.map +1 -0
- package/dist/standalone/presence.d.ts +2 -0
- package/dist/standalone/presence.d.ts.map +1 -0
- package/dist/standalone/progress.d.ts +2 -0
- package/dist/standalone/progress.d.ts.map +1 -0
- package/dist/standalone/quick-actions.d.ts +2 -0
- package/dist/standalone/quick-actions.d.ts.map +1 -0
- package/dist/standalone/radio-group.d.ts +2 -0
- package/dist/standalone/radio-group.d.ts.map +1 -0
- package/dist/standalone/rating.d.ts +2 -0
- package/dist/standalone/rating.d.ts.map +1 -0
- package/dist/standalone/roving-focus-group.d.ts +2 -0
- package/dist/standalone/roving-focus-group.d.ts.map +1 -0
- package/dist/standalone/scroll-area.d.ts +2 -0
- package/dist/standalone/scroll-area.d.ts.map +1 -0
- package/dist/standalone/section.d.ts +2 -0
- package/dist/standalone/section.d.ts.map +1 -0
- package/dist/standalone/select.d.ts +2 -0
- package/dist/standalone/select.d.ts.map +1 -0
- package/dist/standalone/selection-popup.d.ts +2 -0
- package/dist/standalone/selection-popup.d.ts.map +1 -0
- package/dist/standalone/separator.d.ts +2 -0
- package/dist/standalone/separator.d.ts.map +1 -0
- package/dist/standalone/sidebar.d.ts +2 -0
- package/dist/standalone/sidebar.d.ts.map +1 -0
- package/dist/standalone/skeleton.d.ts +2 -0
- package/dist/standalone/skeleton.d.ts.map +1 -0
- package/dist/standalone/slider.d.ts +2 -0
- package/dist/standalone/slider.d.ts.map +1 -0
- package/dist/standalone/slot.d.ts +2 -0
- package/dist/standalone/slot.d.ts.map +1 -0
- package/dist/standalone/spinning-text.d.ts +2 -0
- package/dist/standalone/spinning-text.d.ts.map +1 -0
- package/dist/standalone/split-button.d.ts +2 -0
- package/dist/standalone/split-button.d.ts.map +1 -0
- package/dist/standalone/splitter.d.ts +2 -0
- package/dist/standalone/splitter.d.ts.map +1 -0
- package/dist/standalone/stepper.d.ts +2 -0
- package/dist/standalone/stepper.d.ts.map +1 -0
- package/dist/standalone/switch.d.ts +2 -0
- package/dist/standalone/switch.d.ts.map +1 -0
- package/dist/standalone/table.d.ts +2 -0
- package/dist/standalone/table.d.ts.map +1 -0
- package/dist/standalone/tabs.d.ts +2 -0
- package/dist/standalone/tabs.d.ts.map +1 -0
- package/dist/standalone/tags-input.d.ts +2 -0
- package/dist/standalone/tags-input.d.ts.map +1 -0
- package/dist/standalone/textarea.d.ts +2 -0
- package/dist/standalone/textarea.d.ts.map +1 -0
- package/dist/standalone/time-field.d.ts +2 -0
- package/dist/standalone/time-field.d.ts.map +1 -0
- package/dist/standalone/time-picker.d.ts +2 -0
- package/dist/standalone/time-picker.d.ts.map +1 -0
- package/dist/standalone/timeline.d.ts +2 -0
- package/dist/standalone/timeline.d.ts.map +1 -0
- package/dist/standalone/toast.d.ts +2 -0
- package/dist/standalone/toast.d.ts.map +1 -0
- package/dist/standalone/toggle-group.d.ts +2 -0
- package/dist/standalone/toggle-group.d.ts.map +1 -0
- package/dist/standalone/toggle.d.ts +2 -0
- package/dist/standalone/toggle.d.ts.map +1 -0
- package/dist/standalone/toolbar.d.ts +2 -0
- package/dist/standalone/toolbar.d.ts.map +1 -0
- package/dist/standalone/tooltip.d.ts +2 -0
- package/dist/standalone/tooltip.d.ts.map +1 -0
- package/dist/standalone/transfer-list.d.ts +2 -0
- package/dist/standalone/transfer-list.d.ts.map +1 -0
- package/dist/standalone/tree-item.d.ts +2 -0
- package/dist/standalone/tree-item.d.ts.map +1 -0
- package/dist/standalone/tree.d.ts +2 -0
- package/dist/standalone/tree.d.ts.map +1 -0
- package/dist/standalone/visually-hidden.d.ts +2 -0
- package/dist/standalone/visually-hidden.d.ts.map +1 -0
- package/dist/standalone/wizard.d.ts +2 -0
- package/dist/standalone/wizard.d.ts.map +1 -0
- package/dist/stepper.cjs.js +337 -0
- package/dist/stepper.esm.js +578 -0
- package/dist/switch.cjs.js +397 -0
- package/dist/switch.esm.js +543 -0
- package/dist/table.cjs.js +212 -0
- package/dist/table.esm.js +432 -0
- package/dist/tabs.cjs.js +515 -0
- package/dist/tabs.esm.js +808 -0
- package/dist/tags-input.cjs.js +202 -0
- package/dist/tags-input.esm.js +436 -0
- package/dist/textarea.cjs.js +329 -0
- package/dist/textarea.esm.js +520 -0
- package/dist/theme.d.ts +1 -1
- package/dist/theme.d.ts.map +1 -1
- package/dist/time-field.cjs.js +142 -0
- package/dist/time-field.esm.js +387 -0
- package/dist/time-picker.cjs.js +284 -0
- package/dist/time-picker.esm.js +686 -0
- package/dist/timeline.cjs.js +198 -0
- package/dist/timeline.esm.js +248 -0
- package/dist/toast.cjs.js +234 -0
- package/dist/toast.esm.js +399 -0
- package/dist/toggle-group.cjs.js +131 -0
- package/dist/toggle-group.esm.js +382 -0
- package/dist/toggle.cjs.js +237 -0
- package/dist/toggle.esm.js +346 -0
- package/dist/toolbar.cjs.js +126 -0
- package/dist/toolbar.esm.js +240 -0
- package/dist/tooltip.cjs.js +159 -0
- package/dist/tooltip.esm.js +376 -0
- package/dist/transfer-list.cjs.js +734 -0
- package/dist/transfer-list.esm.js +969 -0
- package/dist/tree-0a7a8d05.js +39 -0
- package/dist/tree-dcd74a4a.mjs +294 -0
- package/dist/tree-item.cjs.js +103 -0
- package/dist/tree-item.esm.js +143 -0
- package/dist/tree.cjs.js +1 -0
- package/dist/tree.esm.js +7 -0
- package/dist/visually-hidden.cjs.js +42 -0
- package/dist/visually-hidden.esm.js +68 -0
- package/dist/wizard.cjs.js +677 -0
- package/dist/wizard.esm.js +1068 -0
- package/package.json +20 -1
|
@@ -0,0 +1,520 @@
|
|
|
1
|
+
import { E as f } from "./ElementBase-909688f3.mjs";
|
|
2
|
+
const v = `
|
|
3
|
+
<svg viewBox="0 0 20 20" aria-hidden="true" focusable="false">
|
|
4
|
+
<path d="m6 6 8 8M14 6l-8 8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
|
|
5
|
+
</svg>
|
|
6
|
+
`, _ = `
|
|
7
|
+
:host {
|
|
8
|
+
--ui-textarea-bg: var(--ui-color-surface, #ffffff);
|
|
9
|
+
--ui-textarea-text: var(--ui-color-text, #0f172a);
|
|
10
|
+
--ui-textarea-muted: var(--ui-color-muted, #64748b);
|
|
11
|
+
--ui-textarea-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
|
|
12
|
+
--ui-textarea-focus: var(--ui-color-focus-ring, #2563eb);
|
|
13
|
+
--ui-textarea-accent: var(--ui-color-primary, #2563eb);
|
|
14
|
+
--ui-textarea-danger: var(--ui-color-danger, #dc2626);
|
|
15
|
+
--ui-textarea-success: var(--ui-color-success, #16a34a);
|
|
16
|
+
--ui-textarea-radius: 12px;
|
|
17
|
+
--ui-textarea-padding-x: 12px;
|
|
18
|
+
--ui-textarea-padding-y: 10px;
|
|
19
|
+
--ui-textarea-min-height: 110px;
|
|
20
|
+
--ui-textarea-shadow: none;
|
|
21
|
+
|
|
22
|
+
color-scheme: light dark;
|
|
23
|
+
display: inline-grid;
|
|
24
|
+
inline-size: min(100%, 520px);
|
|
25
|
+
min-inline-size: 0;
|
|
26
|
+
font-family: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.shell {
|
|
30
|
+
min-inline-size: 0;
|
|
31
|
+
display: grid;
|
|
32
|
+
gap: 7px;
|
|
33
|
+
color: var(--ui-textarea-text);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.meta {
|
|
37
|
+
min-inline-size: 0;
|
|
38
|
+
display: grid;
|
|
39
|
+
gap: 3px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.meta[hidden] {
|
|
43
|
+
display: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.label {
|
|
47
|
+
font-size: 13px;
|
|
48
|
+
font-weight: 600;
|
|
49
|
+
line-height: 1.25;
|
|
50
|
+
color: var(--ui-textarea-text);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.description {
|
|
54
|
+
font-size: 12px;
|
|
55
|
+
line-height: 1.3;
|
|
56
|
+
color: var(--ui-textarea-muted);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.field {
|
|
60
|
+
min-inline-size: 0;
|
|
61
|
+
position: relative;
|
|
62
|
+
border: 1px solid var(--ui-textarea-border);
|
|
63
|
+
border-radius: var(--ui-textarea-radius);
|
|
64
|
+
background: var(--ui-textarea-bg);
|
|
65
|
+
box-shadow: var(--ui-textarea-shadow);
|
|
66
|
+
transition:
|
|
67
|
+
border-color 160ms ease,
|
|
68
|
+
box-shadow 160ms ease,
|
|
69
|
+
background-color 160ms ease;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.field:focus-within {
|
|
73
|
+
border-color: color-mix(in srgb, var(--ui-textarea-focus) 72%, transparent);
|
|
74
|
+
box-shadow:
|
|
75
|
+
0 0 0 3px color-mix(in srgb, var(--ui-textarea-focus) 22%, transparent),
|
|
76
|
+
var(--ui-textarea-shadow);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
textarea {
|
|
80
|
+
box-sizing: border-box;
|
|
81
|
+
inline-size: 100%;
|
|
82
|
+
min-inline-size: 0;
|
|
83
|
+
min-block-size: var(--ui-textarea-min-height);
|
|
84
|
+
border: 0;
|
|
85
|
+
background: transparent;
|
|
86
|
+
color: var(--ui-textarea-text);
|
|
87
|
+
resize: vertical;
|
|
88
|
+
outline: none;
|
|
89
|
+
font: 500 14px/1.45 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
90
|
+
padding: var(--ui-textarea-padding-y) var(--ui-textarea-padding-x);
|
|
91
|
+
border-radius: inherit;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
textarea::placeholder {
|
|
95
|
+
color: color-mix(in srgb, var(--ui-textarea-muted) 76%, transparent);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
textarea[readonly] {
|
|
99
|
+
cursor: default;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
textarea[disabled] {
|
|
103
|
+
cursor: not-allowed;
|
|
104
|
+
opacity: 0.66;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.clear-btn {
|
|
108
|
+
position: absolute;
|
|
109
|
+
inset-inline-end: 8px;
|
|
110
|
+
inset-block-start: 8px;
|
|
111
|
+
inline-size: 26px;
|
|
112
|
+
block-size: 26px;
|
|
113
|
+
border: 0;
|
|
114
|
+
border-radius: 8px;
|
|
115
|
+
background: transparent;
|
|
116
|
+
color: var(--ui-textarea-muted);
|
|
117
|
+
cursor: pointer;
|
|
118
|
+
display: inline-grid;
|
|
119
|
+
place-items: center;
|
|
120
|
+
transition: background-color 140ms ease, color 140ms ease;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.clear-btn svg {
|
|
124
|
+
inline-size: 14px;
|
|
125
|
+
block-size: 14px;
|
|
126
|
+
pointer-events: none;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.clear-btn:hover {
|
|
130
|
+
background: color-mix(in srgb, var(--ui-textarea-text) 10%, transparent);
|
|
131
|
+
color: var(--ui-textarea-text);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.clear-btn:focus-visible {
|
|
135
|
+
outline: 2px solid color-mix(in srgb, var(--ui-textarea-focus) 74%, transparent);
|
|
136
|
+
outline-offset: 1px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.clear-btn[hidden] {
|
|
140
|
+
display: none;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.footer {
|
|
144
|
+
min-inline-size: 0;
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: flex-start;
|
|
147
|
+
justify-content: space-between;
|
|
148
|
+
gap: 10px;
|
|
149
|
+
font-size: 12px;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.error {
|
|
153
|
+
color: var(--ui-textarea-danger);
|
|
154
|
+
line-height: 1.35;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.error:empty {
|
|
158
|
+
display: none;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.count {
|
|
162
|
+
color: var(--ui-textarea-muted);
|
|
163
|
+
white-space: nowrap;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.count[hidden] {
|
|
167
|
+
display: none;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:host([size="sm"]),
|
|
171
|
+
:host([size="1"]) {
|
|
172
|
+
--ui-textarea-padding-x: 10px;
|
|
173
|
+
--ui-textarea-padding-y: 8px;
|
|
174
|
+
--ui-textarea-min-height: 84px;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
:host([size="sm"]) textarea,
|
|
178
|
+
:host([size="1"]) textarea {
|
|
179
|
+
font-size: 13px;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
:host([size="lg"]),
|
|
183
|
+
:host([size="3"]) {
|
|
184
|
+
--ui-textarea-padding-x: 14px;
|
|
185
|
+
--ui-textarea-padding-y: 12px;
|
|
186
|
+
--ui-textarea-min-height: 140px;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
:host([size="lg"]) textarea,
|
|
190
|
+
:host([size="3"]) textarea {
|
|
191
|
+
font-size: 15px;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
:host([density="compact"]) {
|
|
195
|
+
--ui-textarea-padding-y: 7px;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
:host([density="comfortable"]) {
|
|
199
|
+
--ui-textarea-padding-y: 13px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
:host([variant="surface"]) {
|
|
203
|
+
--ui-textarea-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f8fafc) 82%, var(--ui-color-surface, #ffffff));
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
:host([variant="soft"]) {
|
|
207
|
+
--ui-textarea-bg: color-mix(in srgb, var(--ui-textarea-accent) 8%, var(--ui-color-surface, #ffffff));
|
|
208
|
+
--ui-textarea-border: color-mix(in srgb, var(--ui-textarea-accent) 32%, var(--ui-color-border, #cbd5e1));
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
:host([variant="filled"]) {
|
|
212
|
+
--ui-textarea-bg: color-mix(in srgb, var(--ui-textarea-text) 6%, var(--ui-color-surface, #ffffff));
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
:host([variant="ghost"]) .field {
|
|
216
|
+
box-shadow: none;
|
|
217
|
+
background: transparent;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
:host([variant="contrast"]) {
|
|
221
|
+
--ui-textarea-bg: #0f172a;
|
|
222
|
+
--ui-textarea-text: #e2e8f0;
|
|
223
|
+
--ui-textarea-muted: #93a4bd;
|
|
224
|
+
--ui-textarea-border: #334155;
|
|
225
|
+
--ui-textarea-accent: #93c5fd;
|
|
226
|
+
--ui-textarea-focus: #93c5fd;
|
|
227
|
+
--ui-textarea-shadow:
|
|
228
|
+
0 12px 32px rgba(2, 6, 23, 0.46),
|
|
229
|
+
0 24px 56px rgba(2, 6, 23, 0.42);
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
:host([tone="success"]) {
|
|
233
|
+
--ui-textarea-accent: var(--ui-color-success, #16a34a);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
:host([tone="warning"]) {
|
|
237
|
+
--ui-textarea-accent: var(--ui-color-warning, #d97706);
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
:host([tone="danger"]) {
|
|
241
|
+
--ui-textarea-accent: var(--ui-color-danger, #dc2626);
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
:host([validation="error"]) .field {
|
|
245
|
+
border-color: color-mix(in srgb, var(--ui-textarea-danger) 74%, transparent);
|
|
246
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-textarea-danger) 22%, transparent);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
:host([validation="success"]) .field {
|
|
250
|
+
border-color: color-mix(in srgb, var(--ui-textarea-success) 66%, transparent);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:host([radius="none"]) {
|
|
254
|
+
--ui-textarea-radius: 0;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
:host([radius="large"]) {
|
|
258
|
+
--ui-textarea-radius: 16px;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
:host([radius="full"]) {
|
|
262
|
+
--ui-textarea-radius: 24px;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
:host([disabled]) .field,
|
|
266
|
+
:host([readonly]) .field {
|
|
267
|
+
background: color-mix(in srgb, var(--ui-textarea-bg) 78%, #94a3b8 22%);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
:host([headless]) .meta,
|
|
271
|
+
:host([headless]) .footer {
|
|
272
|
+
display: none;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
:host([headless]) .field {
|
|
276
|
+
border: 0;
|
|
277
|
+
box-shadow: none;
|
|
278
|
+
background: transparent;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@media (prefers-reduced-motion: reduce) {
|
|
282
|
+
.field,
|
|
283
|
+
.clear-btn {
|
|
284
|
+
transition: none !important;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
@media (prefers-contrast: more) {
|
|
289
|
+
.field {
|
|
290
|
+
border-width: 2px;
|
|
291
|
+
box-shadow: none;
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
@media (forced-colors: active) {
|
|
296
|
+
:host {
|
|
297
|
+
--ui-textarea-bg: Canvas;
|
|
298
|
+
--ui-textarea-text: CanvasText;
|
|
299
|
+
--ui-textarea-muted: CanvasText;
|
|
300
|
+
--ui-textarea-border: CanvasText;
|
|
301
|
+
--ui-textarea-focus: Highlight;
|
|
302
|
+
--ui-textarea-accent: Highlight;
|
|
303
|
+
--ui-textarea-danger: Highlight;
|
|
304
|
+
--ui-textarea-success: Highlight;
|
|
305
|
+
--ui-textarea-shadow: none;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.clear-btn {
|
|
309
|
+
color: CanvasText;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
`;
|
|
313
|
+
function d(h) {
|
|
314
|
+
return h.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
315
|
+
}
|
|
316
|
+
function x(h, t) {
|
|
317
|
+
const e = Number(h);
|
|
318
|
+
return Number.isFinite(e) ? e : t;
|
|
319
|
+
}
|
|
320
|
+
class y extends f {
|
|
321
|
+
constructor() {
|
|
322
|
+
super(), this._uid = `ui-textarea-${Math.random().toString(36).slice(2, 9)}`, this._textarea = null, this._clearBtn = null, this._countEl = null, this._debounceTimer = null, this._formUnregister = null, this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onClear = this._onClear.bind(this);
|
|
323
|
+
}
|
|
324
|
+
static get observedAttributes() {
|
|
325
|
+
return [
|
|
326
|
+
"value",
|
|
327
|
+
"placeholder",
|
|
328
|
+
"disabled",
|
|
329
|
+
"clearable",
|
|
330
|
+
"size",
|
|
331
|
+
"validation",
|
|
332
|
+
"debounce",
|
|
333
|
+
"maxlength",
|
|
334
|
+
"minlength",
|
|
335
|
+
"rows",
|
|
336
|
+
"readonly",
|
|
337
|
+
"autofocus",
|
|
338
|
+
"resize",
|
|
339
|
+
"name",
|
|
340
|
+
"required",
|
|
341
|
+
"variant",
|
|
342
|
+
"color",
|
|
343
|
+
"radius",
|
|
344
|
+
"label",
|
|
345
|
+
"description",
|
|
346
|
+
"autosize",
|
|
347
|
+
"max-rows",
|
|
348
|
+
"show-count",
|
|
349
|
+
"density",
|
|
350
|
+
"tone",
|
|
351
|
+
"headless",
|
|
352
|
+
"data-error"
|
|
353
|
+
];
|
|
354
|
+
}
|
|
355
|
+
connectedCallback() {
|
|
356
|
+
super.connectedCallback(), this._tryRegisterWithForm();
|
|
357
|
+
}
|
|
358
|
+
disconnectedCallback() {
|
|
359
|
+
this._detachListeners(), this._debounceTimer && (clearTimeout(this._debounceTimer), this._debounceTimer = null), this._formUnregister && (this._formUnregister(), this._formUnregister = null), super.disconnectedCallback();
|
|
360
|
+
}
|
|
361
|
+
attributeChangedCallback(t, e, i) {
|
|
362
|
+
if (e === i)
|
|
363
|
+
return;
|
|
364
|
+
if (t === "name" && this._tryRegisterWithForm(), t === "value" && this._textarea) {
|
|
365
|
+
const r = i || "";
|
|
366
|
+
this._textarea.value !== r && (this._textarea.value = r), this._syncDynamicUi(), this._applyAutosize();
|
|
367
|
+
return;
|
|
368
|
+
}
|
|
369
|
+
if ((/* @__PURE__ */ new Set([
|
|
370
|
+
"placeholder",
|
|
371
|
+
"disabled",
|
|
372
|
+
"maxlength",
|
|
373
|
+
"minlength",
|
|
374
|
+
"rows",
|
|
375
|
+
"readonly",
|
|
376
|
+
"required",
|
|
377
|
+
"resize",
|
|
378
|
+
"name",
|
|
379
|
+
"validation",
|
|
380
|
+
"show-count",
|
|
381
|
+
"clearable",
|
|
382
|
+
"autosize",
|
|
383
|
+
"max-rows",
|
|
384
|
+
"variant",
|
|
385
|
+
"size",
|
|
386
|
+
"density",
|
|
387
|
+
"tone",
|
|
388
|
+
"headless",
|
|
389
|
+
"color",
|
|
390
|
+
"radius",
|
|
391
|
+
"autofocus"
|
|
392
|
+
])).has(t)) {
|
|
393
|
+
this._syncControlAttrs(), this._syncDynamicUi(), this._applyAutosize(), t === "autofocus" && this.hasAttribute("autofocus") && queueMicrotask(() => {
|
|
394
|
+
var r;
|
|
395
|
+
(r = this._textarea) == null || r.focus();
|
|
396
|
+
});
|
|
397
|
+
return;
|
|
398
|
+
}
|
|
399
|
+
this.isConnected && this.requestRender();
|
|
400
|
+
}
|
|
401
|
+
get value() {
|
|
402
|
+
return this.getAttribute("value") || "";
|
|
403
|
+
}
|
|
404
|
+
set value(t) {
|
|
405
|
+
this.setAttribute("value", t || "");
|
|
406
|
+
}
|
|
407
|
+
_tryRegisterWithForm() {
|
|
408
|
+
var t;
|
|
409
|
+
try {
|
|
410
|
+
const e = (t = this.closest) == null ? void 0 : t.call(this, "ui-form"), i = this.getAttribute("name");
|
|
411
|
+
if (!e || typeof e.registerField != "function" || !i)
|
|
412
|
+
return;
|
|
413
|
+
this._formUnregister = e.registerField(i, {
|
|
414
|
+
name: i,
|
|
415
|
+
getValue: () => this.value,
|
|
416
|
+
setValue: (a) => {
|
|
417
|
+
this.value = a;
|
|
418
|
+
},
|
|
419
|
+
validate: async () => this._textarea ? { valid: this._textarea.checkValidity(), message: this._textarea.validationMessage || void 0 } : { valid: !0 },
|
|
420
|
+
setError: (a) => {
|
|
421
|
+
a ? (this.setAttribute("validation", "error"), this.setAttribute("data-error", a)) : (this.removeAttribute("validation"), this.removeAttribute("data-error"));
|
|
422
|
+
}
|
|
423
|
+
});
|
|
424
|
+
} catch {
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
_detachListeners() {
|
|
428
|
+
this._textarea && (this._textarea.removeEventListener("input", this._onInput), this._textarea.removeEventListener("change", this._onChange)), this._clearBtn && this._clearBtn.removeEventListener("click", this._onClear), this._clearBtn = null;
|
|
429
|
+
}
|
|
430
|
+
_syncControlAttrs() {
|
|
431
|
+
if (!this._textarea)
|
|
432
|
+
return;
|
|
433
|
+
const t = this.getAttribute("placeholder") || "", e = this.getAttribute("maxlength"), i = this.getAttribute("minlength"), a = x(this.getAttribute("rows"), 4), r = this.hasAttribute("disabled"), c = this.hasAttribute("readonly"), n = this.hasAttribute("required"), o = this.getAttribute("name") || "", s = this.getAttribute("resize") || "vertical", p = this.getAttribute("validation"), b = this.getAttribute("color"), l = this.getAttribute("radius");
|
|
434
|
+
this._textarea.placeholder = t, this._textarea.disabled = r, this._textarea.readOnly = c, this._textarea.required = n, this._textarea.rows = Math.max(1, a), this._textarea.name = o, this._textarea.style.resize = s, e && Number.isFinite(Number(e)) ? this._textarea.maxLength = Number(e) : this._textarea.removeAttribute("maxlength"), i && Number.isFinite(Number(i)) ? this._textarea.minLength = Number(i) : this._textarea.removeAttribute("minlength"), p === "error" ? this._textarea.setAttribute("aria-invalid", "true") : this._textarea.removeAttribute("aria-invalid"), b ? this.style.setProperty("--ui-textarea-accent", b) : this.style.removeProperty("--ui-textarea-accent"), l && l !== "none" && l !== "large" && l !== "full" ? this.style.setProperty("--ui-textarea-radius", l) : this.style.removeProperty("--ui-textarea-radius");
|
|
435
|
+
const u = [], g = !!(this.getAttribute("description") || this.querySelector('[slot="description"]')), m = !!(this.getAttribute("data-error") || this.querySelector('[slot="error"]'));
|
|
436
|
+
g && u.push(`${this._uid}-description`), m && u.push(`${this._uid}-error`), (this.hasAttribute("show-count") || this.hasAttribute("maxlength")) && u.push(`${this._uid}-count`), !!(this.getAttribute("label") || this.querySelector('[slot="label"]')) ? this._textarea.setAttribute("aria-labelledby", `${this._uid}-label`) : this._textarea.removeAttribute("aria-labelledby"), u.length ? this._textarea.setAttribute("aria-describedby", u.join(" ")) : this._textarea.removeAttribute("aria-describedby");
|
|
437
|
+
}
|
|
438
|
+
_syncDynamicUi() {
|
|
439
|
+
var a;
|
|
440
|
+
const t = ((a = this._textarea) == null ? void 0 : a.value) || this.getAttribute("value") || "", e = this.getAttribute("maxlength"), i = this.hasAttribute("clearable");
|
|
441
|
+
this._clearBtn && (i && t && !this.hasAttribute("disabled") && !this.hasAttribute("readonly") ? this._clearBtn.removeAttribute("hidden") : this._clearBtn.setAttribute("hidden", "")), this._countEl && (this.hasAttribute("show-count") || !!e ? (this._countEl.removeAttribute("hidden"), e && Number.isFinite(Number(e)) ? this._countEl.textContent = `${t.length} / ${Number(e)}` : this._countEl.textContent = `${t.length}`) : this._countEl.setAttribute("hidden", ""));
|
|
442
|
+
}
|
|
443
|
+
_applyAutosize() {
|
|
444
|
+
if (!this._textarea)
|
|
445
|
+
return;
|
|
446
|
+
if (!this.hasAttribute("autosize")) {
|
|
447
|
+
this._textarea.style.height = "", this._textarea.style.overflowY = "";
|
|
448
|
+
return;
|
|
449
|
+
}
|
|
450
|
+
this._textarea.style.height = "auto";
|
|
451
|
+
const t = this._textarea.scrollHeight, e = x(this.getAttribute("max-rows"), 0);
|
|
452
|
+
if (e > 0) {
|
|
453
|
+
const i = getComputedStyle(this._textarea), a = parseFloat(i.lineHeight || "20") || 20, r = parseFloat(i.borderTopWidth || "0") || 0, c = parseFloat(i.borderBottomWidth || "0") || 0, n = parseFloat(i.paddingTop || "0") || 0, o = parseFloat(i.paddingBottom || "0") || 0, s = a * e + r + c + n + o;
|
|
454
|
+
this._textarea.style.height = `${Math.min(t, s)}px`, this._textarea.style.overflowY = t > s ? "auto" : "hidden";
|
|
455
|
+
return;
|
|
456
|
+
}
|
|
457
|
+
this._textarea.style.height = `${t}px`, this._textarea.style.overflowY = "hidden";
|
|
458
|
+
}
|
|
459
|
+
_emit(t, e) {
|
|
460
|
+
this.dispatchEvent(
|
|
461
|
+
new CustomEvent(t, {
|
|
462
|
+
detail: {
|
|
463
|
+
value: e,
|
|
464
|
+
length: e.length,
|
|
465
|
+
name: this.getAttribute("name") || ""
|
|
466
|
+
},
|
|
467
|
+
bubbles: !0,
|
|
468
|
+
composed: !0
|
|
469
|
+
})
|
|
470
|
+
);
|
|
471
|
+
}
|
|
472
|
+
_onInput(t) {
|
|
473
|
+
const e = t.target.value;
|
|
474
|
+
this.getAttribute("value") !== e && this.setAttribute("value", e), this._syncDynamicUi(), this._applyAutosize(), this._emit("input", e);
|
|
475
|
+
const i = x(this.getAttribute("debounce"), 0);
|
|
476
|
+
i > 0 ? (this._debounceTimer && clearTimeout(this._debounceTimer), this._debounceTimer = setTimeout(() => {
|
|
477
|
+
this._emit("debounced-input", e), this._debounceTimer = null;
|
|
478
|
+
}, i)) : this._emit("debounced-input", e);
|
|
479
|
+
}
|
|
480
|
+
_onChange(t) {
|
|
481
|
+
const e = t.target.value;
|
|
482
|
+
this._emit("change", e);
|
|
483
|
+
}
|
|
484
|
+
_onClear(t) {
|
|
485
|
+
t.preventDefault(), !(this.hasAttribute("disabled") || this.hasAttribute("readonly")) && (this.value = "", this._textarea && (this._textarea.value = "", this._textarea.focus()), this._syncDynamicUi(), this._applyAutosize(), this._emit("input", ""), this._emit("change", ""), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })));
|
|
486
|
+
}
|
|
487
|
+
render() {
|
|
488
|
+
var o;
|
|
489
|
+
const t = this.getAttribute("value") || "", e = this.getAttribute("label") || "", i = this.getAttribute("description") || "", a = this.getAttribute("data-error") || "", r = !!(e || i || this.querySelector('[slot="label"]') || this.querySelector('[slot="description"]')), n = this.hasAttribute("clearable") && !!t && !this.hasAttribute("disabled") && !this.hasAttribute("readonly");
|
|
490
|
+
this.setContent(`
|
|
491
|
+
<style>${_}</style>
|
|
492
|
+
<div class="shell" part="shell">
|
|
493
|
+
<div class="meta" part="meta" ${r ? "" : "hidden"}>
|
|
494
|
+
<label id="${this._uid}-label" class="label" part="label"><slot name="label">${d(e)}</slot></label>
|
|
495
|
+
<div id="${this._uid}-description" class="description" part="description"><slot name="description">${d(i)}</slot></div>
|
|
496
|
+
</div>
|
|
497
|
+
|
|
498
|
+
<div class="field" part="field">
|
|
499
|
+
<textarea part="textarea"></textarea>
|
|
500
|
+
<button type="button" part="clear" class="clear-btn" aria-label="Clear text" ${n ? "" : "hidden"}>${v}</button>
|
|
501
|
+
</div>
|
|
502
|
+
|
|
503
|
+
<div class="footer" part="footer">
|
|
504
|
+
<div id="${this._uid}-error" class="error" part="error"><slot name="error">${d(a)}</slot></div>
|
|
505
|
+
<div id="${this._uid}-count" class="count" part="count" hidden></div>
|
|
506
|
+
</div>
|
|
507
|
+
</div>
|
|
508
|
+
`), this._detachListeners(), this._textarea = this.root.querySelector("textarea"), this._clearBtn = this.root.querySelector(".clear-btn"), this._countEl = this.root.querySelector(".count"), this._textarea && (this._textarea.value = t, this._syncControlAttrs(), this._syncDynamicUi(), this._applyAutosize(), this._textarea.addEventListener("input", this._onInput), this._textarea.addEventListener("change", this._onChange), (o = this._clearBtn) == null || o.addEventListener("click", this._onClear), this.hasAttribute("autofocus") && queueMicrotask(() => {
|
|
509
|
+
var s;
|
|
510
|
+
(s = this._textarea) == null || s.focus();
|
|
511
|
+
}));
|
|
512
|
+
}
|
|
513
|
+
shouldRenderOnAttributeChange(t, e, i) {
|
|
514
|
+
return t === "label" || t === "description" || t === "data-error";
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
typeof customElements < "u" && !customElements.get("ui-textarea") && customElements.define("ui-textarea", y);
|
|
518
|
+
export {
|
|
519
|
+
y as UITextarea
|
|
520
|
+
};
|
package/dist/theme.d.ts
CHANGED
package/dist/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACzC,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}
|