@semantic-components/ui 0.68.0 → 0.69.0
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/esm2022/lib/components/accordion/accordion-body.js +3 -3
- package/esm2022/lib/components/accordion/accordion-content.js +3 -3
- package/esm2022/lib/components/accordion/accordion-group.js +3 -3
- package/esm2022/lib/components/accordion/accordion-header.js +3 -3
- package/esm2022/lib/components/accordion/accordion-item.js +3 -3
- package/esm2022/lib/components/accordion/accordion-panel.js +3 -3
- package/esm2022/lib/components/accordion/accordion-trigger.js +4 -4
- package/esm2022/lib/components/accordion/accordion-trigger.js.map +1 -1
- package/esm2022/lib/components/alert/alert-action.js +3 -3
- package/esm2022/lib/components/alert/alert-description.js +3 -3
- package/esm2022/lib/components/alert/alert-title.js +3 -3
- package/esm2022/lib/components/alert/alert.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-action.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-cancel.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-description.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-footer.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-header.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-media.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-portal.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-provider.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-title.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog-trigger.js +3 -3
- package/esm2022/lib/components/alert-dialog/alert-dialog.js +3 -3
- package/esm2022/lib/components/aspect-ratio/aspect-ratio.js +3 -3
- package/esm2022/lib/components/avatar/avatar-badge.js +3 -3
- package/esm2022/lib/components/avatar/avatar-fallback.js +3 -3
- package/esm2022/lib/components/avatar/avatar-group-count.js +3 -3
- package/esm2022/lib/components/avatar/avatar-group.js +3 -3
- package/esm2022/lib/components/avatar/avatar-image.js +3 -3
- package/esm2022/lib/components/avatar/avatar.js +3 -3
- package/esm2022/lib/components/backdrop/backdrop.js +3 -3
- package/esm2022/lib/components/badge/badge.js +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb-ellipsis.js +4 -4
- package/esm2022/lib/components/breadcrumb/breadcrumb-item.js +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb-link.js +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb-list.js +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb-page.js +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js +4 -4
- package/esm2022/lib/components/breadcrumb/breadcrumb.js +3 -3
- package/esm2022/lib/components/button/button.js +3 -3
- package/esm2022/lib/components/button-group/button-group-separator.js +3 -3
- package/esm2022/lib/components/button-group/button-group-text.js +3 -3
- package/esm2022/lib/components/button-group/button-group.js +3 -3
- package/esm2022/lib/components/calendar/calendar-day-view.js +4 -4
- package/esm2022/lib/components/calendar/calendar-header.js +4 -4
- package/esm2022/lib/components/calendar/calendar-header.js.map +1 -1
- package/esm2022/lib/components/calendar/calendar-month-view.js +4 -4
- package/esm2022/lib/components/calendar/calendar-year-view.js +4 -4
- package/esm2022/lib/components/calendar/calendar.js +3 -3
- package/esm2022/lib/components/card/card-action.js +3 -3
- package/esm2022/lib/components/card/card-body.js +3 -3
- package/esm2022/lib/components/card/card-description.js +3 -3
- package/esm2022/lib/components/card/card-footer.js +3 -3
- package/esm2022/lib/components/card/card-header.js +3 -3
- package/esm2022/lib/components/card/card-title.js +3 -3
- package/esm2022/lib/components/card/card.js +3 -3
- package/esm2022/lib/components/checkbox/checkbox-field.js +3 -3
- package/esm2022/lib/components/checkbox/checkbox-visual.js +4 -4
- package/esm2022/lib/components/checkbox/checkbox-visual.js.map +1 -1
- package/esm2022/lib/components/checkbox/checkbox.js +3 -3
- package/esm2022/lib/components/collapsible/collapsible-body.js +3 -3
- package/esm2022/lib/components/collapsible/collapsible-content.js +3 -3
- package/esm2022/lib/components/collapsible/collapsible-panel.js +3 -3
- package/esm2022/lib/components/collapsible/collapsible-trigger.js +3 -3
- package/esm2022/lib/components/collapsible/collapsible.js +3 -3
- package/esm2022/lib/components/date-picker/date-picker.js +4 -4
- package/esm2022/lib/components/dialog/dialog-close.js +3 -3
- package/esm2022/lib/components/dialog/dialog-description.js +3 -3
- package/esm2022/lib/components/dialog/dialog-footer.js +3 -3
- package/esm2022/lib/components/dialog/dialog-header.js +3 -3
- package/esm2022/lib/components/dialog/dialog-portal.js +3 -3
- package/esm2022/lib/components/dialog/dialog-provider.js +3 -3
- package/esm2022/lib/components/dialog/dialog-title.js +3 -3
- package/esm2022/lib/components/dialog/dialog-trigger.js +3 -3
- package/esm2022/lib/components/dialog/dialog.js +3 -3
- package/esm2022/lib/components/drawer/drawer-close.js +3 -3
- package/esm2022/lib/components/drawer/drawer-description.js +3 -3
- package/esm2022/lib/components/drawer/drawer-footer.js +3 -3
- package/esm2022/lib/components/drawer/drawer-handle.js +3 -3
- package/esm2022/lib/components/drawer/drawer-header.js +3 -3
- package/esm2022/lib/components/drawer/drawer-portal.js +3 -3
- package/esm2022/lib/components/drawer/drawer-provider.js +3 -3
- package/esm2022/lib/components/drawer/drawer-title.js +3 -3
- package/esm2022/lib/components/drawer/drawer-trigger.js +3 -3
- package/esm2022/lib/components/drawer/drawer.js +3 -3
- package/esm2022/lib/components/empty/empty-body.js +3 -3
- package/esm2022/lib/components/empty/empty-description.js +3 -3
- package/esm2022/lib/components/empty/empty-header.js +3 -3
- package/esm2022/lib/components/empty/empty-media.js +3 -3
- package/esm2022/lib/components/empty/empty-title.js +3 -3
- package/esm2022/lib/components/empty/empty.js +3 -3
- package/esm2022/lib/components/field/field-body.js +3 -3
- package/esm2022/lib/components/field/field-description.js +3 -3
- package/esm2022/lib/components/field/field-error.js +3 -3
- package/esm2022/lib/components/field/field-group.js +3 -3
- package/esm2022/lib/components/field/field-separator.js +3 -3
- package/esm2022/lib/components/field/field-title.js +3 -3
- package/esm2022/lib/components/field/field.js +3 -3
- package/esm2022/lib/components/field/fieldset.js +3 -3
- package/esm2022/lib/components/field/legend.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-dropzone.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item-delete.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item-name.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item-preview.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item-progress.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item-size.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-item.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-list.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload-trigger.js +3 -3
- package/esm2022/lib/components/file-upload/file-upload.js +3 -3
- package/esm2022/lib/components/hover-card/hover-card-portal.js +3 -3
- package/esm2022/lib/components/hover-card/hover-card-provider.js +3 -3
- package/esm2022/lib/components/hover-card/hover-card-trigger.js +3 -3
- package/esm2022/lib/components/hover-card/hover-card.js +3 -3
- package/esm2022/lib/components/input/input.js +3 -3
- package/esm2022/lib/components/input-group/input-group-addon.js +3 -3
- package/esm2022/lib/components/input-group/input-group-button.js +3 -3
- package/esm2022/lib/components/input-group/input-group-text.js +3 -3
- package/esm2022/lib/components/input-group/input-group.js +3 -3
- package/esm2022/lib/components/item/item-actions.js +3 -3
- package/esm2022/lib/components/item/item-body.js +3 -3
- package/esm2022/lib/components/item/item-description.js +3 -3
- package/esm2022/lib/components/item/item-footer.js +3 -3
- package/esm2022/lib/components/item/item-group.js +3 -3
- package/esm2022/lib/components/item/item-header.js +3 -3
- package/esm2022/lib/components/item/item-media.js +3 -3
- package/esm2022/lib/components/item/item-separator.js +3 -3
- package/esm2022/lib/components/item/item-title.js +3 -3
- package/esm2022/lib/components/item/item.js +3 -3
- package/esm2022/lib/components/kbd/kbd-group.js +3 -3
- package/esm2022/lib/components/kbd/kbd.js +3 -3
- package/esm2022/lib/components/label/label.js +3 -3
- package/esm2022/lib/components/link/link.js +3 -3
- package/esm2022/lib/components/menu/menu-content.js +3 -3
- package/esm2022/lib/components/menu/menu-item.js +3 -3
- package/esm2022/lib/components/menu/menu-portal.js +3 -3
- package/esm2022/lib/components/menu/menu-provider.js +3 -3
- package/esm2022/lib/components/menu/menu-separator.js +3 -3
- package/esm2022/lib/components/menu/menu-trigger.js +3 -3
- package/esm2022/lib/components/menu/menu.js +4 -4
- package/esm2022/lib/components/menu/menu.js.map +1 -1
- package/esm2022/lib/components/menu-bar/menu-bar-item.js +3 -3
- package/esm2022/lib/components/menu-bar/menu-bar.js +3 -3
- package/esm2022/lib/components/native-select/native-select-container.js +3 -3
- package/esm2022/lib/components/native-select/native-select-icon.js +3 -3
- package/esm2022/lib/components/native-select/native-select-optgroup.js +3 -3
- package/esm2022/lib/components/native-select/native-select-option.js +3 -3
- package/esm2022/lib/components/native-select/native-select.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-content.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-grid.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-item.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-link.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-list.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-portal.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-trigger-icon.js +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu-trigger.js +4 -4
- package/esm2022/lib/components/navigation-menu/navigation-menu-trigger.js.map +1 -1
- package/esm2022/lib/components/navigation-menu/navigation-menu.js +3 -3
- package/esm2022/lib/components/pagination/pagination-ellipsis.js +3 -3
- package/esm2022/lib/components/pagination/pagination-first.js +3 -3
- package/esm2022/lib/components/pagination/pagination-item.js +3 -3
- package/esm2022/lib/components/pagination/pagination-last.js +3 -3
- package/esm2022/lib/components/pagination/pagination-link.js +3 -3
- package/esm2022/lib/components/pagination/pagination-list.js +3 -3
- package/esm2022/lib/components/pagination/pagination-next.js +3 -3
- package/esm2022/lib/components/pagination/pagination-page-size-select.js +3 -3
- package/esm2022/lib/components/pagination/pagination-previous.js +3 -3
- package/esm2022/lib/components/pagination/pagination.js +3 -3
- package/esm2022/lib/components/popover/popover-close.js +3 -3
- package/esm2022/lib/components/popover/popover-description.js +3 -3
- package/esm2022/lib/components/popover/popover-header.js +3 -3
- package/esm2022/lib/components/popover/popover-portal.js +3 -3
- package/esm2022/lib/components/popover/popover-provider.js +3 -3
- package/esm2022/lib/components/popover/popover-title.js +3 -3
- package/esm2022/lib/components/popover/popover-trigger.js +3 -3
- package/esm2022/lib/components/popover/popover.js +3 -3
- package/esm2022/lib/components/progress/progress-indicator.js +3 -3
- package/esm2022/lib/components/progress/progress.js +3 -3
- package/esm2022/lib/components/radio-group/radio-field.js +3 -3
- package/esm2022/lib/components/radio-group/radio-group.js +3 -3
- package/esm2022/lib/components/radio-group/radio.js +3 -3
- package/esm2022/lib/components/range-slider/range-slider-max.js +3 -3
- package/esm2022/lib/components/range-slider/range-slider-min.js +3 -3
- package/esm2022/lib/components/range-slider/range-slider.js +3 -3
- package/esm2022/lib/components/scroll-area/scroll-area.js +3 -3
- package/esm2022/lib/components/select/index.js +1 -1
- package/esm2022/lib/components/select/index.js.map +1 -1
- package/esm2022/lib/components/select/select-group-label.js +3 -3
- package/esm2022/lib/components/select/select-group.js +3 -3
- package/esm2022/lib/components/select/select-input.js +3 -3
- package/esm2022/lib/components/select/select-item-icon.js +3 -3
- package/esm2022/lib/components/select/select-item-indicator.js +3 -3
- package/esm2022/lib/components/select/select-item.js +6 -4
- package/esm2022/lib/components/select/select-item.js.map +1 -1
- package/esm2022/lib/components/select/{select-value.js → select-label.js} +7 -7
- package/esm2022/lib/components/select/select-label.js.map +1 -0
- package/esm2022/lib/components/select/select-list.js +11 -5
- package/esm2022/lib/components/select/select-list.js.map +1 -1
- package/esm2022/lib/components/select/select-popup.js +3 -3
- package/esm2022/lib/components/select/select-portal.js +3 -3
- package/esm2022/lib/components/select/select-separator.js +3 -3
- package/esm2022/lib/components/select/select-trigger-icon.js +3 -3
- package/esm2022/lib/components/select/select-trigger.js +7 -7
- package/esm2022/lib/components/select/select-trigger.js.map +1 -1
- package/esm2022/lib/components/select/select.js +19 -8
- package/esm2022/lib/components/select/select.js.map +1 -1
- package/esm2022/lib/components/separator/separator.js +3 -3
- package/esm2022/lib/components/sheet/sheet-close.js +3 -3
- package/esm2022/lib/components/sheet/sheet-description.js +3 -3
- package/esm2022/lib/components/sheet/sheet-footer.js +3 -3
- package/esm2022/lib/components/sheet/sheet-header.js +3 -3
- package/esm2022/lib/components/sheet/sheet-portal.js +3 -3
- package/esm2022/lib/components/sheet/sheet-provider.js +3 -3
- package/esm2022/lib/components/sheet/sheet-title.js +3 -3
- package/esm2022/lib/components/sheet/sheet-trigger.js +3 -3
- package/esm2022/lib/components/sheet/sheet.js +3 -3
- package/esm2022/lib/components/skeleton/skeleton.js +3 -3
- package/esm2022/lib/components/slider/slider.js +3 -3
- package/esm2022/lib/components/spinner/spinner.js +3 -3
- package/esm2022/lib/components/switch/switch-field.js +3 -3
- package/esm2022/lib/components/switch/switch-visual.js +3 -3
- package/esm2022/lib/components/switch/switch.js +3 -3
- package/esm2022/lib/components/table/table-body.js +3 -3
- package/esm2022/lib/components/table/table-caption.js +3 -3
- package/esm2022/lib/components/table/table-cell.js +3 -3
- package/esm2022/lib/components/table/table-footer.js +3 -3
- package/esm2022/lib/components/table/table-header-cell.js +3 -3
- package/esm2022/lib/components/table/table-header.js +3 -3
- package/esm2022/lib/components/table/table-row.js +3 -3
- package/esm2022/lib/components/table/table.js +3 -3
- package/esm2022/lib/components/tabs/tab-content.js +3 -3
- package/esm2022/lib/components/tabs/tab-list.js +3 -3
- package/esm2022/lib/components/tabs/tab-panel.js +3 -3
- package/esm2022/lib/components/tabs/tab.js +3 -3
- package/esm2022/lib/components/tabs/tabs.js +3 -3
- package/esm2022/lib/components/textarea/textarea.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-hours-input.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-input.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-minutes-input.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-period-am.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-period-pm.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-period.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-seconds-input.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker-separator.js +3 -3
- package/esm2022/lib/components/time-picker/time-picker.js +3 -3
- package/esm2022/lib/components/toast/toast-action.js +3 -3
- package/esm2022/lib/components/toast/toast-close.js +3 -3
- package/esm2022/lib/components/toast/toast-description.js +3 -3
- package/esm2022/lib/components/toast/toast-stack.js +4 -4
- package/esm2022/lib/components/toast/toast-stack.js.map +1 -1
- package/esm2022/lib/components/toast/toast-title.js +3 -3
- package/esm2022/lib/components/toast/toast.js +3 -3
- package/esm2022/lib/components/toast/toaster.js +3 -3
- package/esm2022/lib/components/toggle/toggle.js +3 -3
- package/esm2022/lib/components/toggle-group/toggle-group-item.js +3 -3
- package/esm2022/lib/components/toggle-group/toggle-group.js +3 -3
- package/esm2022/lib/components/toolbar/toolbar-separator.js +3 -3
- package/esm2022/lib/components/toolbar/toolbar-widget-group.js +3 -3
- package/esm2022/lib/components/toolbar/toolbar-widget.js +3 -3
- package/esm2022/lib/components/toolbar/toolbar.js +3 -3
- package/esm2022/lib/components/tooltip/tooltip-manager.js +3 -3
- package/esm2022/lib/components/tooltip/tooltip-trigger.js +3 -3
- package/esm2022/lib/components/tooltip/tooltip.js +3 -3
- package/esm2022/lib/components/typography/heading.js +3 -3
- package/lib/components/menu/menu.d.ts +1 -1
- package/lib/components/select/index.d.ts +1 -1
- package/lib/components/select/select-item.d.ts +2 -0
- package/lib/components/select/select-label.d.ts +7 -0
- package/lib/components/select/select-list.d.ts +3 -1
- package/lib/components/select/select-trigger.d.ts +2 -2
- package/lib/components/select/select.d.ts +5 -4
- package/package.json +1 -1
- package/esm2022/lib/components/select/select-value.js.map +0 -1
- package/lib/components/select/select-value.d.ts +0 -7
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScNativeSelectOptGroup {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn(this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelectOptGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNativeSelectOptGroup, isStandalone: true, selector: "optgroup[scNativeSelectOptgroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "native-select-optgroup" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelectOptGroup, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'optgroup[scNativeSelectOptgroup]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScNativeSelectOption {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn(this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNativeSelectOption, isStandalone: true, selector: "option[scNativeSelectOption]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "native-select-option" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelectOption, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'option[scNativeSelectOption]',
|
|
@@ -11,10 +11,10 @@ export class ScNativeSelect {
|
|
|
11
11
|
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
12
12
|
id = computed(() => this.idInput() || this.field?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
13
13
|
class = computed(() => cn('border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
15
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
15
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNativeSelect, isStandalone: true, selector: "select[scNativeSelect]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "native-select" }, properties: { "attr.id": "id()", "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNativeSelect, decorators: [{
|
|
18
18
|
type: Directive,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'select[scNativeSelect]',
|
|
@@ -12,12 +12,12 @@ export class ScNavigationMenuContent {
|
|
|
12
12
|
onMouseLeave() {
|
|
13
13
|
this.menuItem.onMouseLeave();
|
|
14
14
|
}
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuContent, isStandalone: true, selector: "div[scNavigationMenuContent]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-content" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "class()" } }, ngImport: i0, template: `
|
|
17
17
|
<ng-content />
|
|
18
18
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuContent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'div[scNavigationMenuContent]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScNavigationMenuGrid {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuGrid, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuGrid, isStandalone: true, selector: "ul[scNavigationMenuGrid]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-grid" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuGrid, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ul[scNavigationMenuGrid]',
|
|
@@ -66,8 +66,8 @@ export class ScNavigationMenuItem {
|
|
|
66
66
|
this.hideTimeout = null;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
70
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScNavigationMenuItem, isStandalone: true, selector: "li[scNavigationMenuItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-item" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScNavigationMenuTrigger, descendants: true, isSignal: true }, { propertyName: "navigationMenuPortal", first: true, predicate: ScNavigationMenuPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
71
71
|
<ng-content />
|
|
72
72
|
|
|
73
73
|
@if (origin(); as origin) {
|
|
@@ -84,7 +84,7 @@ export class ScNavigationMenuItem {
|
|
|
84
84
|
}
|
|
85
85
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
86
86
|
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuItem, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{
|
|
90
90
|
selector: 'li[scNavigationMenuItem]',
|
|
@@ -5,10 +5,10 @@ export class ScNavigationMenuLink {
|
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
|
|
7
7
|
class = computed(() => cn('data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground', 'hover:bg-accent hover:text-accent-foreground', 'focus:bg-accent focus:text-accent-foreground', 'focus-visible:ring-ring/50', '[&_svg:not([class*="text-"])]:text-muted-foreground', 'flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none', 'focus-visible:ring-[3px] focus-visible:outline-1', '[&_svg:not([class*="size-"])]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
9
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuLink, isStandalone: true, selector: "a[scNavigationMenuLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-link" }, properties: { "attr.data-active": "active()", "class": "class()" } }, ngImport: i0 });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuLink, decorators: [{
|
|
12
12
|
type: Directive,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'a[scNavigationMenuLink]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScNavigationMenuList {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('group flex flex-1 list-none items-center justify-center gap-1', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuList, isStandalone: true, selector: "ul[scNavigationMenuList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-list" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuList, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ul[scNavigationMenuList]',
|
|
@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ScNavigationMenuPortal {
|
|
4
4
|
templateRef = inject(TemplateRef);
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScNavigationMenuPortal, isStandalone: true, selector: "ng-template[scNavigationMenuPortal]", ngImport: i0 });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuPortal, decorators: [{
|
|
9
9
|
type: Directive,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'ng-template[scNavigationMenuPortal]',
|
|
@@ -6,10 +6,10 @@ export class ScNavigationMenuTriggerIcon {
|
|
|
6
6
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
7
7
|
menuItem = inject(ScNavigationMenuItem);
|
|
8
8
|
class = computed(() => cn('relative top-[1px] ml-1 size-3 transition duration-300', this.menuItem.open() && 'rotate-180', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
10
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuTriggerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
10
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuTriggerIcon, isStandalone: true, selector: "svg[scNavigationMenuTriggerIcon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-trigger-icon" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuTriggerIcon, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: 'svg[scNavigationMenuTriggerIcon]',
|
|
@@ -11,13 +11,13 @@ export class ScNavigationMenuTrigger {
|
|
|
11
11
|
overlayOrigin = inject(CdkOverlayOrigin);
|
|
12
12
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
13
13
|
class = computed(() => cn('group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium', 'hover:bg-accent hover:text-accent-foreground', 'focus:bg-accent focus:text-accent-foreground', 'disabled:pointer-events-none disabled:opacity-50', 'data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50', 'focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1', '[&_svg]:pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenuTrigger, isStandalone: true, selector: "button[scNavigationMenuTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-trigger", "type": "button" }, properties: { "class": "class()", "attr.aria-expanded": "menuItem.open()", "attr.data-state": "menuItem.open() ? \"open\" : \"closed\"" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0, template: `
|
|
16
16
|
<ng-content />
|
|
17
17
|
<svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>
|
|
18
|
-
`, isInline: true, dependencies: [{ kind: "component", type: SiChevronDownIcon, selector: "svg[siChevronDownIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "directive", type: ScNavigationMenuTriggerIcon, selector: "svg[scNavigationMenuTriggerIcon]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SiChevronDownIcon, selector: "svg[siChevronDownIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "directive", type: ScNavigationMenuTriggerIcon, selector: "svg[scNavigationMenuTriggerIcon]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenuTrigger, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'button[scNavigationMenuTrigger]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;;;AAoB7E,MAAM,OAAO,uBAAuB;IACzB,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxC,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gHAAgH,EAChH,8CAA8C,EAC9C,8CAA8C,EAC9C,kDAAkD,EAClD,6IAA6I,EAC7I,wHAAwH,EACxH,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,uBAAuB;2FAAvB,uBAAuB,8fAdxB;;;GAGT,4DALS,iBAAiB,
|
|
1
|
+
{"version":3,"file":"navigation-menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;;;AAoB7E,MAAM,OAAO,uBAAuB;IACzB,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxC,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gHAAgH,EAChH,8CAA8C,EAC9C,8CAA8C,EAC9C,kDAAkD,EAClD,6IAA6I,EAC7I,wHAAwH,EACxH,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,uBAAuB;2FAAvB,uBAAuB,8fAdxB;;;GAGT,4DALS,iBAAiB,gMAAE,2BAA2B;;2FAgB7C,uBAAuB;kBAlBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,OAAO,EAAE,CAAC,iBAAiB,EAAE,2BAA2B,CAAC;oBACzD,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,QAAQ,EAAE;;;GAGT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,iBAAiB;wBACzC,mBAAmB,EAAE,qCAAqC;qBAC3D;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronDownIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { ScNavigationMenuItem } from './navigation-menu-item';\nimport { ScNavigationMenuTriggerIcon } from './navigation-menu-trigger-icon';\n\n@Component({\n selector: 'button[scNavigationMenuTrigger]',\n imports: [SiChevronDownIcon, ScNavigationMenuTriggerIcon],\n hostDirectives: [CdkOverlayOrigin],\n template: `\n <ng-content />\n <svg siChevronDownIcon scNavigationMenuTriggerIcon></svg>\n `,\n host: {\n 'data-slot': 'navigation-menu-trigger',\n type: 'button',\n '[class]': 'class()',\n '[attr.aria-expanded]': 'menuItem.open()',\n '[attr.data-state]': 'menuItem.open() ? \"open\" : \"closed\"',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenuTrigger {\n readonly menuItem = inject(ScNavigationMenuItem);\n readonly overlayOrigin = inject(CdkOverlayOrigin);\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn(\n 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n 'hover:bg-accent hover:text-accent-foreground',\n 'focus:bg-accent focus:text-accent-foreground',\n 'disabled:pointer-events-none disabled:opacity-50',\n 'data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50',\n 'focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1',\n '[&_svg]:pointer-events-none',\n this.classInput(),\n ),\n );\n}\n"]}
|
|
@@ -9,12 +9,12 @@ export class ScNavigationMenu {
|
|
|
9
9
|
setActiveItem(id) {
|
|
10
10
|
this.activeItem.set(id);
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScNavigationMenu, isStandalone: true, selector: "nav[scNavigationMenu]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu" }, properties: { "class": "class()" } }, ngImport: i0, template: `
|
|
14
14
|
<ng-content />
|
|
15
15
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScNavigationMenu, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'nav[scNavigationMenu]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPaginationEllipsis {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn("size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center", this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationEllipsis, isStandalone: true, selector: "span[scPaginationEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-ellipsis", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationEllipsis, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'span[scPaginationEllipsis]',
|
|
@@ -30,10 +30,10 @@ export class ScPaginationFirst {
|
|
|
30
30
|
this.pagination.goToPage(1);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
34
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationFirst, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationFirst, isStandalone: true, selector: "a[scPaginationFirst], button[scPaginationFirst]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-first", "aria-label": "Go to first page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationFirst, decorators: [{
|
|
37
37
|
type: Directive,
|
|
38
38
|
args: [{
|
|
39
39
|
selector: 'a[scPaginationFirst], button[scPaginationFirst]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPaginationItem {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationItem, isStandalone: true, selector: "li[scPaginationItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-item" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationItem, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'li[scPaginationItem]',
|
|
@@ -31,10 +31,10 @@ export class ScPaginationLast {
|
|
|
31
31
|
this.pagination.goToPage(lastPage);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLast, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationLast, isStandalone: true, selector: "a[scPaginationLast], button[scPaginationLast]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-last", "aria-label": "Go to last page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLast, decorators: [{
|
|
38
38
|
type: Directive,
|
|
39
39
|
args: [{
|
|
40
40
|
selector: 'a[scPaginationLast], button[scPaginationLast]',
|
|
@@ -29,10 +29,10 @@ export class ScPaginationLink {
|
|
|
29
29
|
this.pagination.goToPage(pageNum);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
33
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationLink, isStandalone: true, selector: "a[scPaginationLink], button[scPaginationLink]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-current": "isActive() ? \"page\" : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationLink, decorators: [{
|
|
36
36
|
type: Directive,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: 'a[scPaginationLink], button[scPaginationLink]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPaginationList {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('gap-0.5 flex items-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationList, isStandalone: true, selector: "ul[scPaginationList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-list" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationList, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ul[scPaginationList]',
|
|
@@ -31,10 +31,10 @@ export class ScPaginationNext {
|
|
|
31
31
|
this.pagination.goToPage(nextPage);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationNext, isStandalone: true, selector: "a[scPaginationNext], button[scPaginationNext]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-next", "aria-label": "Go to next page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationNext, decorators: [{
|
|
38
38
|
type: Directive,
|
|
39
39
|
args: [{
|
|
40
40
|
selector: 'a[scPaginationNext], button[scPaginationNext]',
|
|
@@ -18,10 +18,10 @@ export class ScPaginationPageSizeSelect {
|
|
|
18
18
|
const newPageSize = parseInt(select.value, 10);
|
|
19
19
|
this.pagination.changePageSize(newPageSize);
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
22
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPageSizeSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
22
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationPageSizeSelect, isStandalone: true, selector: "select[scPaginationPageSizeSelect]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-page-size-select" }, listeners: { "change": "onPageSizeChange($event)" }, properties: { "attr.id": "id()", "value": "pagination.pageSize()", "class": "class()" } }, ngImport: i0 });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPageSizeSelect, decorators: [{
|
|
25
25
|
type: Directive,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: 'select[scPaginationPageSizeSelect]',
|
|
@@ -31,10 +31,10 @@ export class ScPaginationPrevious {
|
|
|
31
31
|
this.pagination.goToPage(previousPage);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPaginationPrevious, isStandalone: true, selector: "a[scPaginationPrevious], button[scPaginationPrevious]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-previous", "aria-label": "Go to previous page" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPaginationPrevious, decorators: [{
|
|
38
38
|
type: Directive,
|
|
39
39
|
args: [{
|
|
40
40
|
selector: 'a[scPaginationPrevious], button[scPaginationPrevious]',
|
|
@@ -116,10 +116,10 @@ export class ScPagination {
|
|
|
116
116
|
pages.push({ type: 'page', value: totalPages });
|
|
117
117
|
return pages;
|
|
118
118
|
}
|
|
119
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
120
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
119
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
120
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPagination, isStandalone: true, selector: "nav[scPagination]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, currentPageInput: { classPropertyName: "currentPageInput", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "data-slot": "pagination", "role": "navigation", "aria-label": "pagination" }, properties: { "class": "class()" } }, exportAs: ["scPagination"], ngImport: i0 });
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPagination, decorators: [{
|
|
123
123
|
type: Directive,
|
|
124
124
|
args: [{
|
|
125
125
|
selector: 'nav[scPagination]',
|
|
@@ -9,10 +9,10 @@ export class ScPopoverClose {
|
|
|
9
9
|
closePopover() {
|
|
10
10
|
this.popover.open.set(false);
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
13
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverClose, isStandalone: true, selector: "button[scPopoverClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-close" }, listeners: { "click": "closePopover()" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverClose, decorators: [{
|
|
16
16
|
type: Directive,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: 'button[scPopoverClose]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPopoverDescription {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverDescription, isStandalone: true, selector: "p[scPopoverDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-description" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverDescription, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'p[scPopoverDescription]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPopoverHeader {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('flex flex-col gap-0.5 text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverHeader, isStandalone: true, selector: "div[scPopoverHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-header" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverHeader, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'div[scPopoverHeader]',
|
|
@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ScPopoverPortal {
|
|
4
4
|
templateRef = inject(TemplateRef);
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScPopoverPortal, isStandalone: true, selector: "ng-template[scPopoverPortal]", ngImport: i0 });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverPortal, decorators: [{
|
|
9
9
|
type: Directive,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'ng-template[scPopoverPortal]',
|
|
@@ -149,8 +149,8 @@ export class ScPopoverProvider {
|
|
|
149
149
|
this.open.set(false);
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
153
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
153
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScPopoverProvider, isStandalone: true, selector: "div[scPopoverProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "popover-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScPopoverTrigger, descendants: true, isSignal: true }, { propertyName: "popoverPortal", first: true, predicate: ScPopoverPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
154
154
|
<ng-content />
|
|
155
155
|
|
|
156
156
|
@if (origin(); as origin) {
|
|
@@ -169,7 +169,7 @@ export class ScPopoverProvider {
|
|
|
169
169
|
}
|
|
170
170
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
171
171
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverProvider, decorators: [{
|
|
173
173
|
type: Component,
|
|
174
174
|
args: [{
|
|
175
175
|
selector: 'div[scPopoverProvider]',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class ScPopoverTitle {
|
|
5
5
|
classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
|
|
6
6
|
class = computed(() => cn('font-medium', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScPopoverTitle, isStandalone: true, selector: "[scPopoverTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-title" }, properties: { "class": "class()" } }, ngImport: i0 });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScPopoverTitle, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: '[scPopoverTitle]',
|