@egose/shadcn-theme-ng 0.0.26 → 0.0.28
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/LICENSE +201 -0
- package/README.md +107 -2
- package/accordion/fesm2022/accordion.mjs +42 -37
- package/accordion/fesm2022/accordion.mjs.map +1 -1
- package/accordion/package.json +25 -0
- package/accordion/{index.d.ts → types/accordion.d.ts} +1 -1
- package/alert/fesm2022/alert.mjs +32 -27
- package/alert/fesm2022/alert.mjs.map +1 -1
- package/alert/package.json +25 -0
- package/alert-dialog/README.md +11 -0
- package/alert-dialog/fesm2022/alert-dialog.mjs +287 -0
- package/alert-dialog/fesm2022/alert-dialog.mjs.map +1 -0
- package/alert-dialog/package.json +25 -0
- package/alert-dialog/types/alert-dialog.d.ts +90 -0
- package/aspect-ratio/README.md +11 -0
- package/aspect-ratio/fesm2022/aspect-ratio.mjs +62 -0
- package/aspect-ratio/fesm2022/aspect-ratio.mjs.map +1 -0
- package/aspect-ratio/package.json +25 -0
- package/aspect-ratio/types/aspect-ratio.d.ts +21 -0
- package/autocomplete/fesm2022/autocomplete.mjs +323 -457
- package/autocomplete/fesm2022/autocomplete.mjs.map +1 -1
- package/autocomplete/package.json +24 -0
- package/autocomplete/types/autocomplete.d.ts +96 -0
- package/avatar/README.md +11 -0
- package/avatar/fesm2022/avatar.mjs +178 -0
- package/avatar/fesm2022/avatar.mjs.map +1 -0
- package/avatar/package.json +25 -0
- package/avatar/types/avatar.d.ts +50 -0
- package/badge/fesm2022/badge.mjs +16 -10
- package/badge/fesm2022/badge.mjs.map +1 -1
- package/badge/package.json +25 -0
- package/basic-alert/fesm2022/basic-alert.mjs +12 -8
- package/basic-alert/fesm2022/basic-alert.mjs.map +1 -1
- package/basic-alert/package.json +24 -0
- package/breadcrumb/README.md +11 -0
- package/breadcrumb/fesm2022/breadcrumb.mjs +224 -0
- package/breadcrumb/fesm2022/breadcrumb.mjs.map +1 -0
- package/breadcrumb/package.json +25 -0
- package/breadcrumb/types/breadcrumb.d.ts +57 -0
- package/button/fesm2022/button.mjs +100 -26
- package/button/fesm2022/button.mjs.map +1 -1
- package/button/package.json +25 -0
- package/button/{index.d.ts → types/button.d.ts} +30 -9
- package/button-group/README.md +11 -0
- package/button-group/fesm2022/button-group.mjs +102 -0
- package/button-group/fesm2022/button-group.mjs.map +1 -0
- package/button-group/package.json +25 -0
- package/button-group/types/button-group.d.ts +30 -0
- package/calendar/fesm2022/calendar.mjs +868 -546
- package/calendar/fesm2022/calendar.mjs.map +1 -1
- package/calendar/package.json +24 -0
- package/calendar/types/calendar.d.ts +94 -0
- package/card/README.md +11 -0
- package/card/fesm2022/card.mjs +169 -0
- package/card/fesm2022/card.mjs.map +1 -0
- package/card/package.json +25 -0
- package/card/types/card.d.ts +54 -0
- package/carousel/README.md +11 -0
- package/carousel/fesm2022/carousel.mjs +309 -0
- package/carousel/fesm2022/carousel.mjs.map +1 -0
- package/carousel/package.json +25 -0
- package/carousel/types/carousel.d.ts +84 -0
- package/checkbox/fesm2022/checkbox.mjs +25 -20
- package/checkbox/fesm2022/checkbox.mjs.map +1 -1
- package/checkbox/package.json +24 -0
- package/collapsible/README.md +11 -0
- package/collapsible/fesm2022/collapsible.mjs +77 -0
- package/collapsible/fesm2022/collapsible.mjs.map +1 -0
- package/collapsible/package.json +25 -0
- package/collapsible/types/collapsible.d.ts +27 -0
- package/combobox/README.md +11 -0
- package/combobox/fesm2022/combobox.mjs +683 -0
- package/combobox/fesm2022/combobox.mjs.map +1 -0
- package/combobox/package.json +25 -0
- package/combobox/types/combobox.d.ts +151 -0
- package/command/README.md +11 -0
- package/command/fesm2022/command.mjs +361 -0
- package/command/fesm2022/command.mjs.map +1 -0
- package/command/package.json +25 -0
- package/command/types/command.d.ts +89 -0
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +19 -8
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs.map +1 -1
- package/confirmation-dialog/package.json +24 -0
- package/context-menu/README.md +11 -0
- package/context-menu/fesm2022/context-menu.mjs +89 -0
- package/context-menu/fesm2022/context-menu.mjs.map +1 -0
- package/context-menu/package.json +25 -0
- package/context-menu/types/context-menu.d.ts +34 -0
- package/date-picker/fesm2022/date-picker.mjs +1262 -307
- package/date-picker/fesm2022/date-picker.mjs.map +1 -1
- package/date-picker/package.json +24 -0
- package/date-picker/types/date-picker.d.ts +551 -0
- package/dialog/fesm2022/dialog.mjs +137 -108
- package/dialog/fesm2022/dialog.mjs.map +1 -1
- package/dialog/package.json +24 -0
- package/dialog/types/dialog.d.ts +95 -0
- package/drawer/README.md +11 -0
- package/drawer/fesm2022/drawer.mjs +271 -0
- package/drawer/fesm2022/drawer.mjs.map +1 -0
- package/drawer/package.json +25 -0
- package/drawer/types/drawer.d.ts +76 -0
- package/dropdown-menu/README.md +11 -0
- package/dropdown-menu/fesm2022/dropdown-menu.mjs +542 -0
- package/dropdown-menu/fesm2022/dropdown-menu.mjs.map +1 -0
- package/dropdown-menu/package.json +25 -0
- package/dropdown-menu/types/dropdown-menu.d.ts +176 -0
- package/empty/README.md +11 -0
- package/empty/fesm2022/empty.mjs +151 -0
- package/empty/fesm2022/empty.mjs.map +1 -0
- package/empty/package.json +25 -0
- package/empty/types/empty.d.ts +54 -0
- package/field/README.md +11 -0
- package/field/fesm2022/field.mjs +367 -0
- package/field/fesm2022/field.mjs.map +1 -0
- package/field/package.json +25 -0
- package/field/types/field.d.ts +107 -0
- package/form-checkbox/fesm2022/form-checkbox.mjs +39 -22
- package/form-checkbox/fesm2022/form-checkbox.mjs.map +1 -1
- package/form-checkbox/package.json +24 -0
- package/form-date-picker/fesm2022/form-date-picker.mjs +58 -51
- package/form-date-picker/fesm2022/form-date-picker.mjs.map +1 -1
- package/form-date-picker/package.json +24 -0
- package/form-field/fesm2022/form-field.mjs +39 -27
- package/form-field/fesm2022/form-field.mjs.map +1 -1
- package/form-field/package.json +25 -0
- package/form-field/{index.d.ts → types/form-field.d.ts} +4 -3
- package/form-field-simple/fesm2022/form-field-simple.mjs +15 -10
- package/form-field-simple/fesm2022/form-field-simple.mjs.map +1 -1
- package/form-field-simple/package.json +24 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +44 -25
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +1 -1
- package/form-searchable-multiselect/package.json +24 -0
- package/form-select/fesm2022/form-select.mjs +132 -71
- package/form-select/fesm2022/form-select.mjs.map +1 -1
- package/form-select/package.json +24 -0
- package/form-text-input/fesm2022/form-text-input.mjs +68 -39
- package/form-text-input/fesm2022/form-text-input.mjs.map +1 -1
- package/form-text-input/package.json +24 -0
- package/form-textarea/fesm2022/form-textarea.mjs +54 -30
- package/form-textarea/fesm2022/form-textarea.mjs.map +1 -1
- package/form-textarea/package.json +24 -0
- package/hover-card/README.md +11 -0
- package/hover-card/fesm2022/hover-card.mjs +123 -0
- package/hover-card/fesm2022/hover-card.mjs.map +1 -0
- package/hover-card/package.json +25 -0
- package/hover-card/types/hover-card.d.ts +36 -0
- package/icon/fesm2022/icon.mjs +12 -10
- package/icon/fesm2022/icon.mjs.map +1 -1
- package/icon/package.json +25 -0
- package/input/fesm2022/input.mjs +20 -70
- package/input/fesm2022/input.mjs.map +1 -1
- package/input/package.json +25 -0
- package/input/types/input.d.ts +18 -0
- package/input-group/README.md +11 -0
- package/input-group/fesm2022/input-group.mjs +199 -0
- package/input-group/fesm2022/input-group.mjs.map +1 -0
- package/input-group/package.json +25 -0
- package/input-group/types/input-group.d.ts +52 -0
- package/input-otp/README.md +11 -0
- package/input-otp/fesm2022/input-otp.mjs +141 -0
- package/input-otp/fesm2022/input-otp.mjs.map +1 -0
- package/input-otp/package.json +25 -0
- package/input-otp/types/input-otp.d.ts +43 -0
- package/item/README.md +11 -0
- package/item/fesm2022/item.mjs +278 -0
- package/item/fesm2022/item.mjs.map +1 -0
- package/item/package.json +25 -0
- package/item/types/item.d.ts +101 -0
- package/kbd/README.md +11 -0
- package/kbd/fesm2022/kbd.mjs +61 -0
- package/kbd/fesm2022/kbd.mjs.map +1 -0
- package/kbd/package.json +25 -0
- package/kbd/types/kbd.d.ts +22 -0
- package/label/fesm2022/label.mjs +11 -10
- package/label/fesm2022/label.mjs.map +1 -1
- package/label/package.json +25 -0
- package/layout-simple/fesm2022/layout-simple.mjs +438 -325
- package/layout-simple/fesm2022/layout-simple.mjs.map +1 -1
- package/layout-simple/package.json +24 -0
- package/layout-simple/{index.d.ts → types/layout-simple.d.ts} +28 -17
- package/menubar/README.md +11 -0
- package/menubar/fesm2022/menubar.mjs +108 -0
- package/menubar/fesm2022/menubar.mjs.map +1 -0
- package/menubar/package.json +25 -0
- package/menubar/types/menubar.d.ts +40 -0
- package/native-select/README.md +11 -0
- package/native-select/fesm2022/native-select.mjs +207 -0
- package/native-select/fesm2022/native-select.mjs.map +1 -0
- package/native-select/package.json +25 -0
- package/native-select/types/native-select.d.ts +70 -0
- package/navigation-menu/README.md +11 -0
- package/navigation-menu/fesm2022/navigation-menu.mjs +206 -0
- package/navigation-menu/fesm2022/navigation-menu.mjs.map +1 -0
- package/navigation-menu/package.json +25 -0
- package/navigation-menu/types/navigation-menu.d.ts +54 -0
- package/package.json +223 -81
- package/pagination/README.md +11 -0
- package/pagination/fesm2022/pagination.mjs +808 -0
- package/pagination/fesm2022/pagination.mjs.map +1 -0
- package/pagination/package.json +25 -0
- package/pagination/types/pagination.d.ts +192 -0
- package/popover/fesm2022/popover.mjs +121 -27
- package/popover/fesm2022/popover.mjs.map +1 -1
- package/popover/package.json +24 -0
- package/popover/types/popover.d.ts +54 -0
- package/progress/README.md +11 -0
- package/progress/fesm2022/progress.mjs +77 -0
- package/progress/fesm2022/progress.mjs.map +1 -0
- package/progress/package.json +25 -0
- package/progress/types/progress.d.ts +27 -0
- package/radio-group/fesm2022/radio-group.mjs +96 -62
- package/radio-group/fesm2022/radio-group.mjs.map +1 -1
- package/radio-group/package.json +25 -0
- package/radio-group/{index.d.ts → types/radio-group.d.ts} +22 -14
- package/resizable/README.md +11 -0
- package/resizable/fesm2022/resizable.mjs +111 -0
- package/resizable/fesm2022/resizable.mjs.map +1 -0
- package/resizable/package.json +25 -0
- package/resizable/types/resizable.d.ts +32 -0
- package/scroll-area/README.md +11 -0
- package/scroll-area/fesm2022/scroll-area.mjs +51 -0
- package/scroll-area/fesm2022/scroll-area.mjs.map +1 -0
- package/scroll-area/package.json +25 -0
- package/scroll-area/types/scroll-area.d.ts +16 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +92 -88
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +1 -1
- package/searchable-multiselect/package.json +24 -0
- package/searchable-multiselect/{index.d.ts → types/searchable-multiselect.d.ts} +13 -24
- package/select/fesm2022/select.mjs +371 -189
- package/select/fesm2022/select.mjs.map +1 -1
- package/select/package.json +25 -0
- package/select/types/select.d.ts +119 -0
- package/separator/fesm2022/separator.mjs +16 -14
- package/separator/fesm2022/separator.mjs.map +1 -1
- package/separator/package.json +24 -0
- package/separator/{index.d.ts → types/separator.d.ts} +4 -5
- package/sheet/fesm2022/sheet.mjs +57 -51
- package/sheet/fesm2022/sheet.mjs.map +1 -1
- package/sheet/package.json +24 -0
- package/sidebar/README.md +11 -0
- package/sidebar/fesm2022/sidebar.mjs +948 -0
- package/sidebar/fesm2022/sidebar.mjs.map +1 -0
- package/sidebar/package.json +25 -0
- package/sidebar/types/sidebar.d.ts +237 -0
- package/skeleton/README.md +11 -0
- package/skeleton/fesm2022/skeleton.mjs +44 -0
- package/skeleton/fesm2022/skeleton.mjs.map +1 -0
- package/skeleton/package.json +25 -0
- package/skeleton/types/skeleton.d.ts +16 -0
- package/slider/README.md +11 -0
- package/slider/fesm2022/slider.mjs +144 -0
- package/slider/fesm2022/slider.mjs.map +1 -0
- package/slider/package.json +25 -0
- package/slider/types/slider.d.ts +19 -0
- package/sonner/fesm2022/sonner.mjs +30 -35
- package/sonner/fesm2022/sonner.mjs.map +1 -1
- package/sonner/package.json +25 -0
- package/spinner/fesm2022/spinner.mjs +18 -14
- package/spinner/fesm2022/spinner.mjs.map +1 -1
- package/spinner/package.json +25 -0
- package/switch/fesm2022/switch.mjs +29 -26
- package/switch/fesm2022/switch.mjs.map +1 -1
- package/switch/package.json +25 -0
- package/table/README.md +11 -0
- package/table/fesm2022/table.mjs +211 -0
- package/table/fesm2022/table.mjs.map +1 -0
- package/table/package.json +25 -0
- package/table/types/table.d.ts +87 -0
- package/tabs/fesm2022/tabs.mjs +131 -103
- package/tabs/fesm2022/tabs.mjs.map +1 -1
- package/tabs/package.json +25 -0
- package/tabs/types/tabs.d.ts +71 -0
- package/textarea/README.md +11 -0
- package/textarea/fesm2022/textarea.mjs +47 -0
- package/textarea/fesm2022/textarea.mjs.map +1 -0
- package/textarea/package.json +25 -0
- package/textarea/types/textarea.d.ts +18 -0
- package/toggle/README.md +11 -0
- package/toggle/fesm2022/toggle.mjs +78 -0
- package/toggle/fesm2022/toggle.mjs.map +1 -0
- package/toggle/package.json +25 -0
- package/toggle/types/toggle.d.ts +27 -0
- package/toggle-group/README.md +11 -0
- package/toggle-group/fesm2022/toggle-group.mjs +117 -0
- package/toggle-group/fesm2022/toggle-group.mjs.map +1 -0
- package/toggle-group/package.json +25 -0
- package/toggle-group/types/toggle-group.d.ts +39 -0
- package/tooltip/fesm2022/tooltip.mjs +33 -54
- package/tooltip/fesm2022/tooltip.mjs.map +1 -1
- package/tooltip/package.json +25 -0
- package/tooltip/types/tooltip.d.ts +22 -0
- package/typography/README.md +11 -0
- package/typography/fesm2022/typography.mjs +242 -0
- package/typography/fesm2022/typography.mjs.map +1 -0
- package/typography/package.json +25 -0
- package/typography/types/typography.d.ts +94 -0
- package/utils/fesm2022/utils.mjs +184 -1
- package/utils/fesm2022/utils.mjs.map +1 -1
- package/utils/package.json +25 -0
- package/utils/types/utils.d.ts +13 -0
- package/autocomplete/index.d.ts +0 -162
- package/calendar/index.d.ts +0 -111
- package/date-picker/index.d.ts +0 -227
- package/dialog/index.d.ts +0 -89
- package/exports.json +0 -1
- package/input/index.d.ts +0 -41
- package/menu/README.md +0 -64
- package/menu/fesm2022/menu.mjs +0 -449
- package/menu/fesm2022/menu.mjs.map +0 -1
- package/menu/index.d.ts +0 -137
- package/popover/index.d.ts +0 -30
- package/select/index.d.ts +0 -92
- package/tabs/index.d.ts +0 -71
- package/tooltip/index.d.ts +0 -21
- package/utils/index.d.ts +0 -5
- /package/alert/{index.d.ts → types/alert.d.ts} +0 -0
- /package/badge/{index.d.ts → types/badge.d.ts} +0 -0
- /package/basic-alert/{index.d.ts → types/basic-alert.d.ts} +0 -0
- /package/checkbox/{index.d.ts → types/checkbox.d.ts} +0 -0
- /package/confirmation-dialog/{index.d.ts → types/confirmation-dialog.d.ts} +0 -0
- /package/form-checkbox/{index.d.ts → types/form-checkbox.d.ts} +0 -0
- /package/form-date-picker/{index.d.ts → types/form-date-picker.d.ts} +0 -0
- /package/form-field-simple/{index.d.ts → types/form-field-simple.d.ts} +0 -0
- /package/form-searchable-multiselect/{index.d.ts → types/form-searchable-multiselect.d.ts} +0 -0
- /package/form-select/{index.d.ts → types/form-select.d.ts} +0 -0
- /package/form-text-input/{index.d.ts → types/form-text-input.d.ts} +0 -0
- /package/form-textarea/{index.d.ts → types/form-textarea.d.ts} +0 -0
- /package/icon/{index.d.ts → types/icon.d.ts} +0 -0
- /package/label/{index.d.ts → types/label.d.ts} +0 -0
- /package/sheet/{index.d.ts → types/sheet.d.ts} +0 -0
- /package/sonner/{index.d.ts → types/sonner.d.ts} +0 -0
- /package/spinner/{index.d.ts → types/spinner.d.ts} +0 -0
- /package/switch/{index.d.ts → types/switch.d.ts} +0 -0
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@spartan-ng/brain/slider';
|
|
4
|
+
import { injectBrnSlider, BrnSlider, BrnSliderImports } from '@spartan-ng/brain/slider';
|
|
5
|
+
import { classes } from '@egose/shadcn-theme-ng/utils';
|
|
6
|
+
|
|
7
|
+
class HlmSlider {
|
|
8
|
+
_slider = injectBrnSlider();
|
|
9
|
+
constructor() {
|
|
10
|
+
classes(() => [
|
|
11
|
+
'group flex w-full touch-none flex-col select-none data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-row data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
12
|
+
]);
|
|
13
|
+
}
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmSlider, isStandalone: true, selector: "hlm-slider, brn-slider [hlm]", hostDirectives: [{ directive: i1.BrnSlider, inputs: ["id", "id", "value", "value", "disabled", "disabled", "min", "min", "max", "max", "step", "step", "minStepsBetweenThumbs", "minStepsBetweenThumbs", "inverted", "inverted", "orientation", "orientation", "showTicks", "showTicks", "maxTicks", "maxTicks", "tickLabelInterval", "tickLabelInterval", "formatTick", "formatTick", "draggableRange", "draggableRange", "draggableRangeOnly", "draggableRangeOnly", "aria-label", "aria-label", "aria-labelledby", "aria-labelledby"], outputs: ["valueChange", "valueChange"] }], ngImport: i0, template: `
|
|
16
|
+
<div class="relative flex w-full items-center group-data-vertical:w-auto group-data-vertical:flex-col">
|
|
17
|
+
<div
|
|
18
|
+
brnSliderTrack
|
|
19
|
+
class="bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 relative grow overflow-hidden"
|
|
20
|
+
>
|
|
21
|
+
<div
|
|
22
|
+
class="bg-primary absolute select-none data-draggable-range:cursor-move data-horizontal:h-full data-vertical:w-full"
|
|
23
|
+
brnSliderRange
|
|
24
|
+
></div>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
@for (i of _slider.thumbIndexes(); track i) {
|
|
28
|
+
<span
|
|
29
|
+
class="border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden absolute block shrink-0 select-none after:absolute after:-inset-2"
|
|
30
|
+
brnSliderThumb
|
|
31
|
+
></span>
|
|
32
|
+
}
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
@if (_slider.showTicks()) {
|
|
36
|
+
<div
|
|
37
|
+
class="px-2 group-data-vertical:px-0 group-data-vertical:py-2 text-muted-foreground mt-3 flex w-full items-start justify-between gap-1 text-xs font-medium group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:w-auto group-data-vertical:flex-col-reverse group-data-vertical:group-data-inverted:flex-col"
|
|
38
|
+
>
|
|
39
|
+
<div
|
|
40
|
+
*brnSliderTick="let tick; let formattedTick = formattedTick"
|
|
41
|
+
class="group flex w-0 flex-col items-center justify-center gap-2 group-data-vertical:h-0 group-data-vertical:w-auto group-data-vertical:flex-row"
|
|
42
|
+
>
|
|
43
|
+
<div
|
|
44
|
+
class="bg-muted-foreground/70 h-1 w-px group-data-vertical:h-px group-data-vertical:w-1 group-data-horizontal:group-data-[skip]:h-0.5 group-data-vertical:group-data-[skip]:w-0.5"
|
|
45
|
+
></div>
|
|
46
|
+
<div class="text-center group-data-[skip]:opacity-0">{{ formattedTick }}</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
}
|
|
50
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.BrnSliderTrack, selector: "[brnSliderTrack]" }, { kind: "directive", type: i1.BrnSliderThumb, selector: "[brnSliderThumb]" }, { kind: "directive", type: i1.BrnSliderRange, selector: "[brnSliderRange]" }, { kind: "directive", type: i1.BrnSliderTick, selector: "[brnSliderTick]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
|
+
}
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSlider, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{
|
|
55
|
+
selector: 'hlm-slider, brn-slider [hlm]',
|
|
56
|
+
imports: [BrnSliderImports],
|
|
57
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
|
+
hostDirectives: [
|
|
59
|
+
{
|
|
60
|
+
directive: BrnSlider,
|
|
61
|
+
inputs: [
|
|
62
|
+
'id',
|
|
63
|
+
'value',
|
|
64
|
+
'disabled',
|
|
65
|
+
'min',
|
|
66
|
+
'max',
|
|
67
|
+
'step',
|
|
68
|
+
'minStepsBetweenThumbs',
|
|
69
|
+
'inverted',
|
|
70
|
+
'orientation',
|
|
71
|
+
'showTicks',
|
|
72
|
+
'maxTicks',
|
|
73
|
+
'tickLabelInterval',
|
|
74
|
+
'formatTick',
|
|
75
|
+
'draggableRange',
|
|
76
|
+
'draggableRangeOnly',
|
|
77
|
+
'aria-label',
|
|
78
|
+
'aria-labelledby',
|
|
79
|
+
],
|
|
80
|
+
outputs: ['valueChange'],
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
template: `
|
|
84
|
+
<div class="relative flex w-full items-center group-data-vertical:w-auto group-data-vertical:flex-col">
|
|
85
|
+
<div
|
|
86
|
+
brnSliderTrack
|
|
87
|
+
class="bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 relative grow overflow-hidden"
|
|
88
|
+
>
|
|
89
|
+
<div
|
|
90
|
+
class="bg-primary absolute select-none data-draggable-range:cursor-move data-horizontal:h-full data-vertical:w-full"
|
|
91
|
+
brnSliderRange
|
|
92
|
+
></div>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
@for (i of _slider.thumbIndexes(); track i) {
|
|
96
|
+
<span
|
|
97
|
+
class="border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden absolute block shrink-0 select-none after:absolute after:-inset-2"
|
|
98
|
+
brnSliderThumb
|
|
99
|
+
></span>
|
|
100
|
+
}
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
@if (_slider.showTicks()) {
|
|
104
|
+
<div
|
|
105
|
+
class="px-2 group-data-vertical:px-0 group-data-vertical:py-2 text-muted-foreground mt-3 flex w-full items-start justify-between gap-1 text-xs font-medium group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:w-auto group-data-vertical:flex-col-reverse group-data-vertical:group-data-inverted:flex-col"
|
|
106
|
+
>
|
|
107
|
+
<div
|
|
108
|
+
*brnSliderTick="let tick; let formattedTick = formattedTick"
|
|
109
|
+
class="group flex w-0 flex-col items-center justify-center gap-2 group-data-vertical:h-0 group-data-vertical:w-auto group-data-vertical:flex-row"
|
|
110
|
+
>
|
|
111
|
+
<div
|
|
112
|
+
class="bg-muted-foreground/70 h-1 w-px group-data-vertical:h-px group-data-vertical:w-1 group-data-horizontal:group-data-[skip]:h-0.5 group-data-vertical:group-data-[skip]:w-0.5"
|
|
113
|
+
></div>
|
|
114
|
+
<div class="text-center group-data-[skip]:opacity-0">{{ formattedTick }}</div>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
}
|
|
118
|
+
`,
|
|
119
|
+
}]
|
|
120
|
+
}], ctorParameters: () => [] });
|
|
121
|
+
|
|
122
|
+
/*
|
|
123
|
+
* Public API Surface of slider
|
|
124
|
+
*/
|
|
125
|
+
const HlmSliderImports = [HlmSlider];
|
|
126
|
+
class HlmSliderModule {
|
|
127
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
128
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmSliderModule, imports: [HlmSlider], exports: [HlmSlider] });
|
|
129
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSliderModule });
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSliderModule, decorators: [{
|
|
132
|
+
type: NgModule,
|
|
133
|
+
args: [{
|
|
134
|
+
imports: [...HlmSliderImports],
|
|
135
|
+
exports: [...HlmSliderImports],
|
|
136
|
+
}]
|
|
137
|
+
}] });
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* Generated bundle index. Do not edit.
|
|
141
|
+
*/
|
|
142
|
+
|
|
143
|
+
export { HlmSlider, HlmSliderImports, HlmSliderModule };
|
|
144
|
+
//# sourceMappingURL=slider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.mjs","sources":["../../../projects/slider/src/lib/hlm-slider.ts","../../../projects/slider/src/public-api.ts","../../../projects/slider/src/slider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { BrnSlider, BrnSliderImports, injectBrnSlider } from '@spartan-ng/brain/slider';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n selector: 'hlm-slider, brn-slider [hlm]',\n imports: [BrnSliderImports],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BrnSlider,\n inputs: [\n 'id',\n 'value',\n 'disabled',\n 'min',\n 'max',\n 'step',\n 'minStepsBetweenThumbs',\n 'inverted',\n 'orientation',\n 'showTicks',\n 'maxTicks',\n 'tickLabelInterval',\n 'formatTick',\n 'draggableRange',\n 'draggableRangeOnly',\n 'aria-label',\n 'aria-labelledby',\n ],\n outputs: ['valueChange'],\n },\n ],\n template: `\n <div class=\"relative flex w-full items-center group-data-vertical:w-auto group-data-vertical:flex-col\">\n <div\n brnSliderTrack\n class=\"bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 relative grow overflow-hidden\"\n >\n <div\n class=\"bg-primary absolute select-none data-draggable-range:cursor-move data-horizontal:h-full data-vertical:w-full\"\n brnSliderRange\n ></div>\n </div>\n\n @for (i of _slider.thumbIndexes(); track i) {\n <span\n class=\"border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden absolute block shrink-0 select-none after:absolute after:-inset-2\"\n brnSliderThumb\n ></span>\n }\n </div>\n\n @if (_slider.showTicks()) {\n <div\n class=\"px-2 group-data-vertical:px-0 group-data-vertical:py-2 text-muted-foreground mt-3 flex w-full items-start justify-between gap-1 text-xs font-medium group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:w-auto group-data-vertical:flex-col-reverse group-data-vertical:group-data-inverted:flex-col\"\n >\n <div\n *brnSliderTick=\"let tick; let formattedTick = formattedTick\"\n class=\"group flex w-0 flex-col items-center justify-center gap-2 group-data-vertical:h-0 group-data-vertical:w-auto group-data-vertical:flex-row\"\n >\n <div\n class=\"bg-muted-foreground/70 h-1 w-px group-data-vertical:h-px group-data-vertical:w-1 group-data-horizontal:group-data-[skip]:h-0.5 group-data-vertical:group-data-[skip]:w-0.5\"\n ></div>\n <div class=\"text-center group-data-[skip]:opacity-0\">{{ formattedTick }}</div>\n </div>\n </div>\n }\n `,\n})\nexport class HlmSlider {\n protected readonly _slider = injectBrnSlider();\n\n constructor() {\n classes(() => [\n 'group flex w-full touch-none flex-col select-none data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-row data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n ]);\n }\n}\n","/*\n * Public API Surface of slider\n */\n\nimport { NgModule } from '@angular/core';\n\nexport * from './lib/hlm-slider';\nimport { HlmSlider } from './lib/hlm-slider';\n\nexport const HlmSliderImports = [HlmSlider] as const;\n\n@NgModule({\n imports: [...HlmSliderImports],\n exports: [...HlmSliderImports],\n})\nexport class HlmSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "slider",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^22.0.0",
|
|
6
|
+
"@angular/core": "^22.0.0",
|
|
7
|
+
"@spartan-ng/brain": "^1.1.1"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/slider.mjs",
|
|
14
|
+
"typings": "types/slider.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/slider.d.ts",
|
|
21
|
+
"default": "./fesm2022/slider.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as i1 from '@spartan-ng/brain/slider';
|
|
2
|
+
import { BrnSlider } from '@spartan-ng/brain/slider';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
|
|
5
|
+
declare class HlmSlider {
|
|
6
|
+
protected readonly _slider: BrnSlider;
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmSlider, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmSlider, "hlm-slider, brn-slider [hlm]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSlider; inputs: { "id": "id"; "value": "value"; "disabled": "disabled"; "min": "min"; "max": "max"; "step": "step"; "minStepsBetweenThumbs": "minStepsBetweenThumbs"; "inverted": "inverted"; "orientation": "orientation"; "showTicks": "showTicks"; "maxTicks": "maxTicks"; "tickLabelInterval": "tickLabelInterval"; "formatTick": "formatTick"; "draggableRange": "draggableRange"; "draggableRangeOnly": "draggableRangeOnly"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; }; }]>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare const HlmSliderImports: readonly [typeof HlmSlider];
|
|
13
|
+
declare class HlmSliderModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmSliderModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmSliderModule, never, [typeof HlmSlider], [typeof HlmSlider]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmSliderModule>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { HlmSlider, HlmSliderImports, HlmSliderModule };
|
|
@@ -4,27 +4,18 @@ import { hlm } from '@egose/shadcn-theme-ng/utils';
|
|
|
4
4
|
import { NgxSonnerToaster } from 'ngx-sonner';
|
|
5
5
|
|
|
6
6
|
class HlmToaster {
|
|
7
|
-
invert = input(false, ...(ngDevMode ?
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
hotKey = input(['altKey', 'KeyT'],
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
duration = input(4000, ...(ngDevMode ? [{ debugName: "duration", transform: numberAttribute }] : [{
|
|
20
|
-
transform: numberAttribute,
|
|
21
|
-
}]));
|
|
22
|
-
visibleToasts = input(3, ...(ngDevMode ? [{ debugName: "visibleToasts", transform: numberAttribute }] : [{
|
|
23
|
-
transform: numberAttribute,
|
|
24
|
-
}]));
|
|
25
|
-
closeButton = input(false, ...(ngDevMode ? [{ debugName: "closeButton", transform: booleanAttribute }] : [{
|
|
26
|
-
transform: booleanAttribute,
|
|
27
|
-
}]));
|
|
7
|
+
invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
8
|
+
theme = input('light', /* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
|
|
10
|
+
position = input('bottom-right', /* @ts-ignore */
|
|
11
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
12
|
+
hotKey = input(['altKey', 'KeyT'], /* @ts-ignore */
|
|
13
|
+
...(ngDevMode ? [{ debugName: "hotKey" }] : /* istanbul ignore next */ []));
|
|
14
|
+
richColors = input(false, { ...(ngDevMode ? { debugName: "richColors" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
15
|
+
expand = input(false, { ...(ngDevMode ? { debugName: "expand" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
16
|
+
duration = input(4000, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
17
|
+
visibleToasts = input(3, { ...(ngDevMode ? { debugName: "visibleToasts" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
18
|
+
closeButton = input(false, { ...(ngDevMode ? { debugName: "closeButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
28
19
|
toastOptions = input({
|
|
29
20
|
classes: {
|
|
30
21
|
toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
|
|
@@ -32,14 +23,18 @@ class HlmToaster {
|
|
|
32
23
|
actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
|
|
33
24
|
cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
|
|
34
25
|
},
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
}, /* @ts-ignore */
|
|
27
|
+
...(ngDevMode ? [{ debugName: "toastOptions" }] : /* istanbul ignore next */ []));
|
|
28
|
+
offset = input(null, /* @ts-ignore */
|
|
29
|
+
...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
|
|
30
|
+
dir = input('auto', /* @ts-ignore */
|
|
31
|
+
...(ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []));
|
|
32
|
+
userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
|
|
33
|
+
userStyle = input({}, { ...(ngDevMode ? { debugName: "userStyle" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
34
|
+
_computedClass = computed(() => hlm('toaster group', this.userClass()), /* @ts-ignore */
|
|
35
|
+
...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToaster, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmToaster, isStandalone: true, selector: "hlm-toaster", inputs: { invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, hotKey: { classPropertyName: "hotKey", publicName: "hotKey", isSignal: true, isRequired: false, transformFunction: null }, richColors: { classPropertyName: "richColors", publicName: "richColors", isSignal: true, isRequired: false, transformFunction: null }, expand: { classPropertyName: "expand", publicName: "expand", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, toastOptions: { classPropertyName: "toastOptions", publicName: "toastOptions", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, userStyle: { classPropertyName: "userStyle", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
43
38
|
<ngx-sonner-toaster
|
|
44
39
|
[class]="_computedClass()"
|
|
45
40
|
[invert]="invert()"
|
|
@@ -58,7 +53,7 @@ class HlmToaster {
|
|
|
58
53
|
/>
|
|
59
54
|
`, isInline: true, dependencies: [{ kind: "component", type: NgxSonnerToaster, selector: "ngx-sonner-toaster", inputs: ["invert", "theme", "position", "hotKey", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir", "class", "style"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
55
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToaster, decorators: [{
|
|
62
57
|
type: Component,
|
|
63
58
|
args: [{
|
|
64
59
|
selector: 'hlm-toaster',
|
|
@@ -83,18 +78,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
83
78
|
`,
|
|
84
79
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
85
80
|
}]
|
|
86
|
-
}] });
|
|
81
|
+
}], propDecorators: { invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], hotKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hotKey", required: false }] }], richColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "richColors", required: false }] }], expand: [{ type: i0.Input, args: [{ isSignal: true, alias: "expand", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], visibleToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleToasts", required: false }] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }], toastOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "toastOptions", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], userStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
|
|
87
82
|
|
|
88
83
|
/*
|
|
89
84
|
* Public API Surface of sonner
|
|
90
85
|
*/
|
|
91
86
|
const HlmToasterImports = [HlmToaster];
|
|
92
87
|
class HlmToasterModule {
|
|
93
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
94
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
95
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
88
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToasterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
89
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmToasterModule, imports: [HlmToaster], exports: [HlmToaster] });
|
|
90
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToasterModule, imports: [HlmToasterImports] });
|
|
96
91
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToasterModule, decorators: [{
|
|
98
93
|
type: NgModule,
|
|
99
94
|
args: [{
|
|
100
95
|
imports: [...HlmToasterImports],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.mjs","sources":["../../../projects/sonner/src/lib/toaster.ts","../../../projects/sonner/src/public-api.ts","../../../projects/sonner/src/sonner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport { NgxSonnerToaster, type ToasterProps } from 'ngx-sonner';\n\n@Component({\n selector: 'hlm-toaster',\n imports: [NgxSonnerToaster],\n template: `\n <ngx-sonner-toaster\n [class]=\"_computedClass()\"\n [invert]=\"invert()\"\n [theme]=\"theme()\"\n [position]=\"position()\"\n [hotKey]=\"hotKey()\"\n [richColors]=\"richColors()\"\n [expand]=\"expand()\"\n [duration]=\"duration()\"\n [visibleToasts]=\"visibleToasts()\"\n [closeButton]=\"closeButton()\"\n [toastOptions]=\"toastOptions()\"\n [offset]=\"offset()\"\n [dir]=\"dir()\"\n [style]=\"userStyle()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmToaster {\n public readonly invert = input<ToasterProps['invert'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly theme = input<ToasterProps['theme']>('light');\n public readonly position = input<ToasterProps['position']>('bottom-right');\n public readonly hotKey = input<ToasterProps['hotkey']>(['altKey', 'KeyT']);\n public readonly richColors = input<ToasterProps['richColors'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly expand = input<ToasterProps['expand'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly duration = input<ToasterProps['duration'], number | string>(4000, {\n transform: numberAttribute,\n });\n public readonly visibleToasts = input<ToasterProps['visibleToasts'], number | string>(3, {\n transform: numberAttribute,\n });\n public readonly closeButton = input<ToasterProps['closeButton'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly toastOptions = input<ToasterProps['toastOptions']>({\n classes: {\n toast:\n 'tw:group tw:toast tw:group-[.toaster]:bg-background tw:group-[.toaster]:text-foreground tw:group-[.toaster]:border-border tw:group-[.toaster]:shadow-lg',\n description: 'tw:group-[.toast]:text-muted-foreground',\n actionButton: 'tw:group-[.toast]:bg-primary tw:group-[.toast]:text-primary-foreground',\n cancelButton: 'tw:group-[.toast]:bg-muted tw:group-[.toast]:text-muted-foreground',\n },\n });\n public readonly offset = input<ToasterProps['offset']>(null);\n public readonly dir = input<ToasterProps['dir']>('auto');\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n public readonly userStyle = input<Record<string, string>>({}, { alias: 'style' });\n\n protected readonly _computedClass = computed(() => hlm('toaster group', this.userClass()));\n}\n","/*\n * Public API Surface of sonner\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmToaster } from './lib/toaster';\n\nexport * from './lib/toaster';\n\nexport const HlmToasterImports = [HlmToaster] as const;\n\n@NgModule({\n imports: [...HlmToasterImports],\n exports: [...HlmToasterImports],\n})\nexport class HlmToasterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA4Ba,UAAU,CAAA;IACL,MAAM,GAAG,KAAK,CAA2C,KAAK,
|
|
1
|
+
{"version":3,"file":"sonner.mjs","sources":["../../../projects/sonner/src/lib/toaster.ts","../../../projects/sonner/src/public-api.ts","../../../projects/sonner/src/sonner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport { NgxSonnerToaster, type ToasterProps } from 'ngx-sonner';\n\n@Component({\n selector: 'hlm-toaster',\n imports: [NgxSonnerToaster],\n template: `\n <ngx-sonner-toaster\n [class]=\"_computedClass()\"\n [invert]=\"invert()\"\n [theme]=\"theme()\"\n [position]=\"position()\"\n [hotKey]=\"hotKey()\"\n [richColors]=\"richColors()\"\n [expand]=\"expand()\"\n [duration]=\"duration()\"\n [visibleToasts]=\"visibleToasts()\"\n [closeButton]=\"closeButton()\"\n [toastOptions]=\"toastOptions()\"\n [offset]=\"offset()\"\n [dir]=\"dir()\"\n [style]=\"userStyle()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmToaster {\n public readonly invert = input<ToasterProps['invert'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly theme = input<ToasterProps['theme']>('light');\n public readonly position = input<ToasterProps['position']>('bottom-right');\n public readonly hotKey = input<ToasterProps['hotkey']>(['altKey', 'KeyT']);\n public readonly richColors = input<ToasterProps['richColors'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly expand = input<ToasterProps['expand'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly duration = input<ToasterProps['duration'], number | string>(4000, {\n transform: numberAttribute,\n });\n public readonly visibleToasts = input<ToasterProps['visibleToasts'], number | string>(3, {\n transform: numberAttribute,\n });\n public readonly closeButton = input<ToasterProps['closeButton'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly toastOptions = input<ToasterProps['toastOptions']>({\n classes: {\n toast:\n 'tw:group tw:toast tw:group-[.toaster]:bg-background tw:group-[.toaster]:text-foreground tw:group-[.toaster]:border-border tw:group-[.toaster]:shadow-lg',\n description: 'tw:group-[.toast]:text-muted-foreground',\n actionButton: 'tw:group-[.toast]:bg-primary tw:group-[.toast]:text-primary-foreground',\n cancelButton: 'tw:group-[.toast]:bg-muted tw:group-[.toast]:text-muted-foreground',\n },\n });\n public readonly offset = input<ToasterProps['offset']>(null);\n public readonly dir = input<ToasterProps['dir']>('auto');\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n public readonly userStyle = input<Record<string, string>>({}, { alias: 'style' });\n\n protected readonly _computedClass = computed(() => hlm('toaster group', this.userClass()));\n}\n","/*\n * Public API Surface of sonner\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmToaster } from './lib/toaster';\n\nexport * from './lib/toaster';\n\nexport const HlmToasterImports = [HlmToaster] as const;\n\n@NgModule({\n imports: [...HlmToasterImports],\n exports: [...HlmToasterImports],\n})\nexport class HlmToasterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sonner",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^20.2.0 || ^22.0.0",
|
|
6
|
+
"@angular/core": "^20.2.0 || ^22.0.0",
|
|
7
|
+
"@spartan-ng/brain": "^0.0.1-alpha.512"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/sonner.mjs",
|
|
14
|
+
"typings": "types/sonner.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/sonner.d.ts",
|
|
21
|
+
"default": "./fesm2022/sonner.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -7,21 +7,25 @@ import { hlm } from '@egose/shadcn-theme-ng/utils';
|
|
|
7
7
|
class HlmSpinner {
|
|
8
8
|
icon = tablerLoader2;
|
|
9
9
|
// Variants
|
|
10
|
-
size = input('1.5rem',
|
|
11
|
-
|
|
10
|
+
size = input('1.5rem', /* @ts-ignore */
|
|
11
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
12
|
+
show = input(true, /* @ts-ignore */
|
|
13
|
+
...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
|
|
12
14
|
// Optional extra classes from user
|
|
13
|
-
wrapperClass = input('', ...(ngDevMode ?
|
|
14
|
-
spinnerClass = input('', ...(ngDevMode ?
|
|
15
|
+
wrapperClass = input('', { ...(ngDevMode ? { debugName: "wrapperClass" } : /* istanbul ignore next */ {}), alias: 'class' });
|
|
16
|
+
spinnerClass = input('', { ...(ngDevMode ? { debugName: "spinnerClass" } : /* istanbul ignore next */ {}), alias: 'spinnerClass' });
|
|
15
17
|
// Outer container class (visibility + layout)
|
|
16
18
|
_containerClass = computed(() => hlm('flex-col items-center justify-center', // base container styles
|
|
17
|
-
this.show() ? 'flex' : 'hidden', this.wrapperClass()),
|
|
19
|
+
this.show() ? 'flex' : 'hidden', this.wrapperClass()), /* @ts-ignore */
|
|
20
|
+
...(ngDevMode ? [{ debugName: "_containerClass" }] : /* istanbul ignore next */ []));
|
|
18
21
|
// SVG spinner class (size + animation + color)
|
|
19
22
|
_iconClass = computed(() => hlm('[&>svg]:animate-spin [&>svg]:text-primary [&>svg]:w-[inherit]! [&>svg]:h-[inherit]!', // base svg styles
|
|
20
|
-
this.spinnerClass()),
|
|
21
|
-
|
|
22
|
-
static
|
|
23
|
+
this.spinnerClass()), /* @ts-ignore */
|
|
24
|
+
...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmSpinner, isStandalone: true, selector: "hlm-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, wrapperClass: { classPropertyName: "wrapperClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, spinnerClass: { classPropertyName: "spinnerClass", publicName: "spinnerClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "_containerClass()" } }, ngImport: i0, template: `<ng-icon [svg]="icon" [size]="size()" [class]="_iconClass()" />`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
27
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinner, decorators: [{
|
|
25
29
|
type: Component,
|
|
26
30
|
args: [{
|
|
27
31
|
selector: 'hlm-spinner',
|
|
@@ -34,18 +38,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
34
38
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
35
39
|
standalone: true,
|
|
36
40
|
}]
|
|
37
|
-
}] });
|
|
41
|
+
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }], wrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], spinnerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerClass", required: false }] }] } });
|
|
38
42
|
|
|
39
43
|
/*
|
|
40
44
|
* Public API Surface of spinner
|
|
41
45
|
*/
|
|
42
46
|
const HlmSpinnerImports = [HlmSpinner];
|
|
43
47
|
class HlmSpinnerModule {
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
45
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
46
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
48
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinnerModule, imports: [HlmSpinner], exports: [HlmSpinner] });
|
|
50
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinnerModule, imports: [HlmSpinnerImports] });
|
|
47
51
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSpinnerModule, decorators: [{
|
|
49
53
|
type: NgModule,
|
|
50
54
|
args: [{
|
|
51
55
|
imports: [...HlmSpinnerImports],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.mjs","sources":["../../../projects/spinner/src/lib/spinner.ts","../../../projects/spinner/src/public-api.ts","../../../projects/spinner/src/spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { type ClassValue } from 'clsx';\nimport { NgIcon } from '@ng-icons/core';\nimport { tablerLoader2 } from '@ng-icons/tabler-icons';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n selector: 'hlm-spinner',\n imports: [NgIcon],\n host: {\n '[class]': '_containerClass()',\n role: 'status',\n },\n template: `<ng-icon [svg]=\"icon\" [size]=\"size()\" [class]=\"_iconClass()\" />`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class HlmSpinner {\n icon = tablerLoader2;\n\n // Variants\n public readonly size = input<string>('1.5rem');\n public readonly show = input<boolean>(true);\n\n // Optional extra classes from user\n public readonly wrapperClass = input<ClassValue>('', { alias: 'class' });\n public readonly spinnerClass = input<ClassValue>('', { alias: 'spinnerClass' });\n\n // Outer container class (visibility + layout)\n protected readonly _containerClass = computed(() =>\n hlm(\n 'tw:flex-col tw:items-center tw:justify-center', // base container styles\n this.show() ? 'tw:flex' : 'tw:hidden',\n this.wrapperClass(),\n ),\n );\n\n // SVG spinner class (size + animation + color)\n protected readonly _iconClass = computed(() =>\n hlm(\n 'tw:[&>svg]:animate-spin tw:[&>svg]:text-primary tw:[&>svg]:w-[inherit]! tw:[&>svg]:h-[inherit]!', // base svg styles\n this.spinnerClass(),\n ),\n );\n}\n","/*\n * Public API Surface of spinner\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmSpinner } from './lib/spinner';\n\nexport * from './lib/spinner';\n\nexport const HlmSpinnerImports = [HlmSpinner] as const;\n\n@NgModule({\n imports: [...HlmSpinnerImports],\n exports: [...HlmSpinnerImports],\n})\nexport class HlmSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAiBa,UAAU,CAAA;IACrB,IAAI,GAAG,aAAa;;
|
|
1
|
+
{"version":3,"file":"spinner.mjs","sources":["../../../projects/spinner/src/lib/spinner.ts","../../../projects/spinner/src/public-api.ts","../../../projects/spinner/src/spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { type ClassValue } from 'clsx';\nimport { NgIcon } from '@ng-icons/core';\nimport { tablerLoader2 } from '@ng-icons/tabler-icons';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n selector: 'hlm-spinner',\n imports: [NgIcon],\n host: {\n '[class]': '_containerClass()',\n role: 'status',\n },\n template: `<ng-icon [svg]=\"icon\" [size]=\"size()\" [class]=\"_iconClass()\" />`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class HlmSpinner {\n icon = tablerLoader2;\n\n // Variants\n public readonly size = input<string>('1.5rem');\n public readonly show = input<boolean>(true);\n\n // Optional extra classes from user\n public readonly wrapperClass = input<ClassValue>('', { alias: 'class' });\n public readonly spinnerClass = input<ClassValue>('', { alias: 'spinnerClass' });\n\n // Outer container class (visibility + layout)\n protected readonly _containerClass = computed(() =>\n hlm(\n 'tw:flex-col tw:items-center tw:justify-center', // base container styles\n this.show() ? 'tw:flex' : 'tw:hidden',\n this.wrapperClass(),\n ),\n );\n\n // SVG spinner class (size + animation + color)\n protected readonly _iconClass = computed(() =>\n hlm(\n 'tw:[&>svg]:animate-spin tw:[&>svg]:text-primary tw:[&>svg]:w-[inherit]! tw:[&>svg]:h-[inherit]!', // base svg styles\n this.spinnerClass(),\n ),\n );\n}\n","/*\n * Public API Surface of spinner\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmSpinner } from './lib/spinner';\n\nexport * from './lib/spinner';\n\nexport const HlmSpinnerImports = [HlmSpinner] as const;\n\n@NgModule({\n imports: [...HlmSpinnerImports],\n exports: [...HlmSpinnerImports],\n})\nexport class HlmSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "spinner",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^20.2.0 || ^22.0.0",
|
|
6
|
+
"@angular/core": "^20.2.0 || ^22.0.0",
|
|
7
|
+
"@spartan-ng/brain": "^0.0.1-alpha.512"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/spinner.mjs",
|
|
14
|
+
"typings": "types/spinner.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/spinner.d.ts",
|
|
21
|
+
"default": "./fesm2022/spinner.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|