@kouji-ui/components 0.9.1 → 0.9.3
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/fesm2022/kouji-ui-components.mjs +137 -65
- package/fesm2022/kouji-ui-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/accordion/accordion.css +68 -0
- package/src/action-sheet/action-sheet.css +79 -0
- package/src/alert/alert.css +133 -0
- package/src/avatar/avatar.css +93 -0
- package/src/badge/badge.css +59 -0
- package/src/breadcrumb/breadcrumb.css +145 -0
- package/src/button/button.css +295 -0
- package/src/button-group/button-group.css +114 -0
- package/src/calendar/calendar.css +129 -0
- package/src/card/card.css +120 -0
- package/src/carousel/carousel.css +181 -0
- package/src/cascade-select/cascade-select.css +120 -0
- package/src/chart/chart.css +26 -0
- package/src/chat/chat-ai.css +352 -0
- package/src/chat/chat.css +231 -0
- package/src/checkbox/checkbox.css +74 -0
- package/src/color-picker/color-picker.css +183 -0
- package/src/combobox/combobox.css +101 -0
- package/src/command-palette/command-palette.css +234 -0
- package/src/confirm-popup/confirm-popup.css +47 -0
- package/src/date-picker/date-picker.css +61 -0
- package/src/date-range-presets/date-range-presets.css +49 -0
- package/src/datetime-picker/datetime-picker.css +84 -0
- package/src/dialog/dialog.css +56 -0
- package/src/direction-toggle/direction-toggle.css +55 -0
- package/src/divider/divider.css +93 -0
- package/src/drawer/drawer.css +130 -0
- package/src/dropdown-menu/dropdown-menu.css +108 -0
- package/src/editor/editor.css +140 -0
- package/src/empty-state/empty-state.css +114 -0
- package/src/field/field.css +148 -0
- package/src/file-upload/file-upload.css +207 -0
- package/src/form/form.css +63 -0
- package/src/input/input.css +70 -0
- package/src/input-group/input-group.css +125 -0
- package/src/input-mask/input-mask.css +39 -0
- package/src/input-otp/input-otp.css +87 -0
- package/src/kbd/kbd.css +67 -0
- package/src/link/link.css +104 -0
- package/src/list/list.css +166 -0
- package/src/menubar/menubar.css +62 -0
- package/src/number-input/number-input.css +115 -0
- package/src/overflow/overflow.css +43 -0
- package/src/overlay/overlay.css +45 -0
- package/src/overlay-badge/overlay-badge.css +118 -0
- package/src/pagination/pagination.css +146 -0
- package/src/password-input/password-input.css +155 -0
- package/src/popover/popover.css +71 -0
- package/src/progress-bar/progress-bar.css +113 -0
- package/src/radio/radio.css +58 -0
- package/src/rich-text/rich-text-editor.css +351 -0
- package/src/select/select.css +91 -0
- package/src/sheet/sheet.css +121 -0
- package/src/skeleton/skeleton.css +111 -0
- package/src/skip-link/skip-link.css +58 -0
- package/src/slider/slider.css +172 -0
- package/src/speed-dial/speed-dial.css +137 -0
- package/src/spinner/spinner.css +161 -0
- package/src/stepper/stepper.css +147 -0
- package/src/table/table-filters/filters.css +53 -0
- package/src/table/table.css +509 -0
- package/src/tabs/tabs.css +162 -0
- package/src/tag/tag.css +183 -0
- package/src/textarea/textarea.css +117 -0
- package/src/time-picker/time-picker.css +126 -0
- package/src/toast/toast.css +115 -0
- package/src/toggle/toggle.css +123 -0
- package/src/tooltip/tooltip.css +61 -0
- package/src/tree-select/tree-select.css +220 -0
- package/types/kouji-ui-components.d.ts +17 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Injectable, booleanAttribute, computed, TemplateRef, viewChild, ElementRef, contentChildren, contentChild, model, ViewChild, PLATFORM_ID, DestroyRef, afterNextRender, effect, signal, SecurityContext, Injector, untracked, output, EventEmitter, Output, makeEnvironmentProviders, provideEnvironmentInitializer, forwardRef, EnvironmentInjector, Directive, InjectionToken, ViewContainerRef, numberAttribute } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Injectable, booleanAttribute, computed, TemplateRef, viewChild, ElementRef, contentChildren, contentChild, model, ViewChild, PLATFORM_ID, DestroyRef, afterNextRender, effect, signal, SecurityContext, Injector, untracked, output, EventEmitter, Output, makeEnvironmentProviders, provideEnvironmentInitializer, forwardRef, EnvironmentInjector, Directive, InjectionToken, ViewContainerRef, numberAttribute, afterRenderEffect } from '@angular/core';
|
|
3
3
|
import * as i1 from '@kouji-ui/core';
|
|
4
|
-
import { KjAccordion, KjAccordionTrigger, KjAccordionItem, KjAccordionContent, SHEET_DATA, KjSheetRef, KjSheet, KjIconDirective, KjSheetService, KjAlert, KjAlertIcon, KjAlertTitle, KjAlertDescription, KjAlertActions, KjAlertDismiss, KJ_AVATAR_GROUP, KjAvatarImage, KjAvatarFallback, KjAvatar, KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle, KjTranslateService, KjOverflowContent, KjAvatarGroup, KjBadge, KjBreadcrumb, KjSize, KjBreadcrumbList, KjBreadcrumbItem, KJ_BREADCRUMB_CONFIG, KjLink, KjBreadcrumbCurrent, KjBreadcrumbSeparator, KjBreadcrumbEllipsis, KjButton, KjButtonGroup, KjCalendar, KjCalendarHeader, KjCalendarGrid, KjCalendarDay, KjCarousel, KjLiveRegion, KjVisuallyHidden, KjCarouselViewport, KjCarouselSlide, KjCarouselPrevious, KjCarouselNext, KJ_CAROUSEL, KjCarouselIndicator, KjCarouselIndicators, KjCarouselAutoplay, KjCarouselPauseToggle, KjChatLog, KjChat, KjChatAvatar, KjChatHeader, KjChatBubble, KjChatFooter, KjChatAnnouncer, KJ_CHAT_CONFIG, parseSlash, matchSlashCommands, KjCheckbox, KjColorPicker, KjColorPickerTrigger, KjColorPickerPanel, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerAlphaSlider, KjColorPickerInput, KjComboboxInput, KjComboboxListbox, KjCombobox, KjComboboxOption, KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel, KjDatePicker, KjDatePickerTrigger, KjDatePickerCalendar, defaultDateRangePresets, KjDateRangePresets, KjDateRangePresetOption, KjLocale, KjDropdownMenuTrigger, KjDropdownMenuContent, KjDropdownMenuItem, KjDropdownMenuSeparator, KjDropdownMenuLabel, KjDropdownMenuGroup, KjSpinner, KjVariant, KjEditorLoader, KjEditor, KJ_SIZE_PRESET, KjField, KjFieldLabel, KjFieldHelp, KjFieldError, KjFieldGroup, KjFileUpload, KjFileUploadTrigger, KjFileUploadDropzone, KjFileUploadList, KjFileUploadItem, KjProgressBar, KjProgressBarFill, KjForm, KjFormErrorSummary, KJ_ICON_REGISTRY, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KJ_INPUT_MASK_PRESETS, KjInputOtp, KjInputOtpCell, KjKbd, KJ_KBD_SIZE_PRESET, KjDivider, KJ_VARIANT_PRESET, KjList, KjListRow, KjMenubar, KjMenubarItem, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KJ_OVERLAY_BADGE, KjOverlayBadgeContent, KjOverlayBadge, KjPagination, KjPaginationItem, KjPaginationPrevious, KjPaginationNext, KjPaginationFirst, KjPaginationLast, KjPaginationEllipsis, KjPaginationInfo, KJ_PASSWORD_INPUT, KjPasswordInput, KjPasswordInputScope, KjPasswordToggle, KjPasswordStrength, KjPasswordCapsLockWarning, KjRadioGroup, KjRadio, injectRteOverlayData, createKjImageNode, KJ_RTE_OVERLAY_DATA, KjRichTextEditor, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectTrigger, KjSelectContent, KjOption, KjSkeleton, KjSkipLink, KjSlider, KjSliderTrack, KjSliderRange, KjSliderThumb, KjSpeedDial, KjSpeedDialTrigger, KjSpeedDialActions, KjSpeedDialAction, KjStepper, KjStep, KjStepLabel, KjStepContent, KjStepperNext, KjStepperPrevious, KjStepperReset, KjToggle, KJ_TABLE, provideKjFilterParams, KjTable, KJ_TABLE_STORAGE, KjTableHeader, KjTableRow, KjTableCell, KjTableKeyboardNav, DRAWER_DATA, KjDrawer, KjDrawerService, bindPresets, KJ_TABS_CONFIG, KjTabs, KjTabList, KjTab, KjTabPanel, KjTag, KjTagRemove, KjTagList, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMinutes, KjTimePickerSeconds, KjTimePickerMeridiem, KjToastViewport, KjToast, KjToastClose, KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup, KjCascadeSelect, KjCascadeSelectTrigger, KjCascadeSelectPanel, KjCascadeSelectOption, KjCascadeSelectSubPanel, KjCommandPalette, KjCommandInput, KjCommandList, KjCommandEmpty, injectListItem, KjListItem, KjCommandGroup, KjCommandSeparator, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelect, KjTreeSelectTrigger, KjTreeSelectContent } from '@kouji-ui/core';
|
|
4
|
+
import { KjAccordion, KjAccordionTrigger, KjAccordionItem, KjAccordionContent, SHEET_DATA, KjSheetRef, KjSheet, KjIconDirective, KjSheetService, KjAlert, KjAlertIcon, KjAlertTitle, KjAlertDescription, KjAlertActions, KjAlertDismiss, KJ_AVATAR_GROUP, KjAvatarImage, KjAvatarFallback, KjAvatar, KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle, KjTranslateService, KjOverflowContent, KjAvatarGroup, KjBadge, KjBreadcrumb, KjSize, KjBreadcrumbList, KjBreadcrumbItem, KJ_BREADCRUMB_CONFIG, KjLink, KjBreadcrumbCurrent, KjBreadcrumbSeparator, KjBreadcrumbEllipsis, KjButton, KjButtonGroup, KjCalendar, KjCalendarHeader, KjCalendarGrid, KjCalendarDay, KjCarousel, KjLiveRegion, KjVisuallyHidden, KjCarouselViewport, KjCarouselSlide, KjCarouselPrevious, KjCarouselNext, KJ_CAROUSEL, KjCarouselIndicator, KjCarouselIndicators, KjCarouselAutoplay, KjCarouselPauseToggle, KjChatLog, KjChat, KjChatAvatar, KjChatHeader, KjChatBubble, KjChatFooter, KjChatAnnouncer, KJ_CHAT_CONFIG, parseSlash, matchSlashCommands, KjCheckbox, KjColorPicker, KjColorPickerTrigger, KjColorPickerPanel, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerAlphaSlider, KjColorPickerInput, KjComboboxInput, KjComboboxListbox, KjCombobox, KjComboboxOption, KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel, KjDatePicker, KjDatePickerTrigger, KjDatePickerCalendar, defaultDateRangePresets, KjDateRangePresets, KjDateRangePresetOption, KjLocale, KjDropdownMenuTrigger, KjDropdownMenuContent, KjDropdownMenuItem, KjDropdownMenuSeparator, KjDropdownMenuLabel, KjDropdownMenuGroup, KjSpinner, KjVariant, KjEditorLoader, KjEditor, KJ_SIZE_PRESET, KjField, KjFieldLabel, KjFieldHelp, KjFieldError, KjFieldGroup, KjFileUpload, KjFileUploadTrigger, KjFileUploadDropzone, KjFileUploadList, KjFileUploadItem, KjProgressBar, KjProgressBarFill, KjForm, KjFormErrorSummary, KJ_ICON_REGISTRY, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KJ_INPUT_MASK_PRESETS, KjInputOtp, KjInputOtpCell, KjKbd, KJ_KBD_SIZE_PRESET, KjDivider, KJ_VARIANT_PRESET, KjList, KjListRow, KjMenubar, KjMenubarItem, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KJ_OVERLAY_BADGE, KjOverlayBadgeContent, KjOverlayBadge, KjPagination, KjPaginationItem, KjPaginationPrevious, KjPaginationNext, KjPaginationFirst, KjPaginationLast, KjPaginationEllipsis, KjPaginationInfo, KJ_PASSWORD_INPUT, KjPasswordInput, KjPasswordInputScope, KjPasswordToggle, KjPasswordStrength, KjPasswordCapsLockWarning, KjRadioGroup, KjRadio, injectRteOverlayData, createKjImageNode, KJ_RTE_OVERLAY_DATA, KjRichTextEditor, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectTrigger, KjSelectContent, KjOption, KjSkeleton, KjSkipLink, KjSlider, KjSliderTrack, KjSliderRange, KjSliderThumb, KjSpeedDial, KjSpeedDialTrigger, KjSpeedDialActions, KjSpeedDialAction, KjStepper, KjStep, KjStepLabel, KjStepContent, KjStepperNext, KjStepperPrevious, KjStepperReset, KjToggle, KJ_TABLE, provideKjFilterParams, KjTable, KJ_TABLE_STORAGE, KjTableHeader, KjTableRow, KjTableCell, KjTableKeyboardNav, DRAWER_DATA, KjDrawer, KjDrawerService, bindPresets, KJ_TABS_CONFIG, KjTabs, KjTabList, KjTab, KjTabPanel, KjTag, KjTagRemove, KjTagList, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMinutes, KjTimePickerSeconds, KjTimePickerMeridiem, KjToastViewport, KjToast, KjToastClose, KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup, KjCascadeSelect, KjCascadeSelectTrigger, KjCascadeSelectPanel, KjCascadeSelectOption, KjCascadeSelectSubPanel, KjCommandPalette, KjOverlayStack, KjId, createOverlayWrapper, applyOverlayZIndex, clearOverlayZIndex, KjCommandInput, KjCommandList, KjCommandEmpty, injectListItem, KjListItem, KjCommandGroup, KjCommandSeparator, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelect, KjTreeSelectTrigger, KjTreeSelectContent } from '@kouji-ui/core';
|
|
5
5
|
export { KJ_DROPDOWN_MENU, KjBlockquote, KjCarousel, KjCarouselSlide, KjCascadeSelectOption, KjChatAnnouncer, KjChatStore, KjCode, KjColorPicker, KjCombobox, KjDatePicker, KjDialog, KjDialogRef, KjDialogService, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjFileUpload, KjInput, KjLead, KjLiveRegion, KjMuted, KjOverlayPanel, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjRichTextEditor, KjSheet, KjSheetRef, KjSheetService, KjTabPanel, KjTable, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTreeSelect, KjTruncate, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE } from '@kouji-ui/core';
|
|
6
6
|
import { NgTemplateOutlet, isPlatformBrowser, NgComponentOutlet } from '@angular/common';
|
|
7
7
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
@@ -867,11 +867,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
867
867
|
*/
|
|
868
868
|
class KjPopoverComponent {
|
|
869
869
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
870
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjPopoverComponent, isStandalone: true, selector: "kj-popover", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
870
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjPopoverComponent, isStandalone: true, selector: "kj-popover", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
871
871
|
}
|
|
872
872
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPopoverComponent, decorators: [{
|
|
873
873
|
type: Component,
|
|
874
|
-
args: [{ selector: 'kj-popover', standalone: true, imports: [KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
874
|
+
args: [{ selector: 'kj-popover', standalone: true, imports: [KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
875
875
|
}] });
|
|
876
876
|
|
|
877
877
|
const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
@@ -4334,7 +4334,7 @@ class KjColorPickerComponent {
|
|
|
4334
4334
|
}
|
|
4335
4335
|
</div>
|
|
4336
4336
|
</div>
|
|
4337
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:1000;width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"], dependencies: [{ kind: "directive", type: KjColorPicker, selector: "[kjColorPicker]", inputs: ["kjFormat", "kjShowAlpha", "kjAlwaysEmitAlpha", "kjPresets", "kjInvalid", "kjAriaLabel", "kjSide", "kjAlign"], outputs: ["kjOpenChange", "kjCommit"], exportAs: ["kjColorPicker"] }, { kind: "directive", type: KjColorPickerTrigger, selector: "[kjColorPickerTrigger]" }, { kind: "directive", type: KjColorPickerPanel, selector: "[kjColorPickerPanel]" }, { kind: "directive", type: KjColorPickerArea, selector: "[kjColorPickerArea]" }, { kind: "directive", type: KjColorPickerHueSlider, selector: "input[kjColorPickerHueSlider]" }, { kind: "directive", type: KjColorPickerAlphaSlider, selector: "input[kjColorPickerAlphaSlider]" }, { kind: "directive", type: KjColorPickerInput, selector: "input[kjColorPickerInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4337
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 1000);width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"], dependencies: [{ kind: "directive", type: KjColorPicker, selector: "[kjColorPicker]", inputs: ["kjFormat", "kjShowAlpha", "kjAlwaysEmitAlpha", "kjPresets", "kjInvalid", "kjAriaLabel", "kjSide", "kjAlign"], outputs: ["kjOpenChange", "kjCommit"], exportAs: ["kjColorPicker"] }, { kind: "directive", type: KjColorPickerTrigger, selector: "[kjColorPickerTrigger]" }, { kind: "directive", type: KjColorPickerPanel, selector: "[kjColorPickerPanel]" }, { kind: "directive", type: KjColorPickerArea, selector: "[kjColorPickerArea]" }, { kind: "directive", type: KjColorPickerHueSlider, selector: "input[kjColorPickerHueSlider]" }, { kind: "directive", type: KjColorPickerAlphaSlider, selector: "input[kjColorPickerAlphaSlider]" }, { kind: "directive", type: KjColorPickerInput, selector: "input[kjColorPickerInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4338
4338
|
}
|
|
4339
4339
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjColorPickerComponent, decorators: [{
|
|
4340
4340
|
type: Component,
|
|
@@ -4405,7 +4405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4405
4405
|
`, encapsulation: ViewEncapsulation.None, host: {
|
|
4406
4406
|
class: 'kj-color-picker',
|
|
4407
4407
|
style: 'display: inline-block;',
|
|
4408
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:1000;width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"] }]
|
|
4408
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 1000);width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"] }]
|
|
4409
4409
|
}], propDecorators: { kjFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFormat", required: false }] }], kjShowAlpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShowAlpha", required: false }] }], kjAlwaysEmitAlpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAlwaysEmitAlpha", required: false }] }], kjPresets: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPresets", required: false }] }], kjInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjInvalid", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjShowHexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShowHexInput", required: false }] }], kjOpenChange: [{ type: i0.Output, args: ["kjOpenChange"] }], kjCommit: [{ type: i0.Output, args: ["kjCommit"] }], innerPicker: [{
|
|
4410
4410
|
type: ViewChild,
|
|
4411
4411
|
args: [KjColorPicker, { static: true }]
|
|
@@ -4504,7 +4504,7 @@ class KjComboboxComponent {
|
|
|
4504
4504
|
<div kjComboboxListbox [kjFor]="trig" class="kj-combobox-listbox">
|
|
4505
4505
|
<ng-content />
|
|
4506
4506
|
</div>
|
|
4507
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:100;display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"], dependencies: [{ kind: "directive", type: KjComboboxInput, selector: "input[kjComboboxInput]", exportAs: ["kjComboboxInput"] }, { kind: "directive", type: KjComboboxListbox, selector: "[kjComboboxListbox]", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4507
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100);display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"], dependencies: [{ kind: "directive", type: KjComboboxInput, selector: "input[kjComboboxInput]", exportAs: ["kjComboboxInput"] }, { kind: "directive", type: KjComboboxListbox, selector: "[kjComboboxListbox]", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4508
4508
|
}
|
|
4509
4509
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjComboboxComponent, decorators: [{
|
|
4510
4510
|
type: Component,
|
|
@@ -4539,7 +4539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4539
4539
|
`, encapsulation: ViewEncapsulation.None, host: {
|
|
4540
4540
|
'class': 'kj-combobox',
|
|
4541
4541
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
4542
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:100;display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"] }]
|
|
4542
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100);display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"] }]
|
|
4543
4543
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
4544
4544
|
/**
|
|
4545
4545
|
* Single combobox option. Project as a child of `<kj-combobox>`.
|
|
@@ -4704,7 +4704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4704
4704
|
*/
|
|
4705
4705
|
class KjConfirmPopupComponent {
|
|
4706
4706
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4707
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupComponent, isStandalone: true, selector: "kj-confirm-popup", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup" }, hostDirectives: [{ directive: i1.KjConfirmPopup, inputs: ["kjDestructive", "kjDestructive", "kjDefaultFocus", "kjDefaultFocus"], outputs: ["kjConfirmed", "kjConfirmed", "kjCancelled", "kjCancelled", "kjResult", "kjResult"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4707
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupComponent, isStandalone: true, selector: "kj-confirm-popup", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup" }, hostDirectives: [{ directive: i1.KjConfirmPopup, inputs: ["kjDestructive", "kjDestructive", "kjDefaultFocus", "kjDefaultFocus"], outputs: ["kjConfirmed", "kjConfirmed", "kjCancelled", "kjCancelled", "kjResult", "kjResult"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4708
4708
|
}
|
|
4709
4709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupComponent, decorators: [{
|
|
4710
4710
|
type: Component,
|
|
@@ -4724,7 +4724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4724
4724
|
], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
|
|
4725
4725
|
class: 'kj-confirm-popup',
|
|
4726
4726
|
style: 'display: contents;',
|
|
4727
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4727
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4728
4728
|
}] });
|
|
4729
4729
|
/**
|
|
4730
4730
|
* Styled wrapper around `KjConfirmPopupTrigger`.
|
|
@@ -4742,14 +4742,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4742
4742
|
*/
|
|
4743
4743
|
class KjConfirmPopupTriggerComponent {
|
|
4744
4744
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4745
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupTriggerComponent, isStandalone: true, selector: "kj-confirm-popup-trigger", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-trigger" }, hostDirectives: [{ directive: i1.KjConfirmPopupTrigger }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4745
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupTriggerComponent, isStandalone: true, selector: "kj-confirm-popup-trigger", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-trigger" }, hostDirectives: [{ directive: i1.KjConfirmPopupTrigger }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4746
4746
|
}
|
|
4747
4747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupTriggerComponent, decorators: [{
|
|
4748
4748
|
type: Component,
|
|
4749
4749
|
args: [{ selector: 'kj-confirm-popup-trigger', standalone: true, hostDirectives: [KjConfirmPopupTrigger], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
|
|
4750
4750
|
class: 'kj-confirm-popup-trigger',
|
|
4751
4751
|
style: 'display: contents;',
|
|
4752
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4752
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4753
4753
|
}] });
|
|
4754
4754
|
/**
|
|
4755
4755
|
* Styled wrapper around the structural `KjConfirmPopupContent` directive.
|
|
@@ -4794,7 +4794,7 @@ class KjConfirmPopupContentComponent {
|
|
|
4794
4794
|
<kj-popover-content [kjFor]="kjFor()" kjConfirmPopupContent [class]="resolvedPanelClass()">
|
|
4795
4795
|
<ng-content />
|
|
4796
4796
|
</kj-popover-content>
|
|
4797
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], dependencies: [{ kind: "component", type: KjPopoverContent, selector: "kj-popover-content", inputs: ["kjSide", "kjAlign", "kjOffset", "kjTrap"] }, { kind: "directive", type: KjConfirmPopupContent, selector: "[kjConfirmPopupContent]", exportAs: ["kjConfirmPopupContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4797
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], dependencies: [{ kind: "component", type: KjPopoverContent, selector: "kj-popover-content", inputs: ["kjSide", "kjAlign", "kjOffset", "kjTrap"] }, { kind: "directive", type: KjConfirmPopupContent, selector: "[kjConfirmPopupContent]", exportAs: ["kjConfirmPopupContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4798
4798
|
}
|
|
4799
4799
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupContentComponent, decorators: [{
|
|
4800
4800
|
type: Component,
|
|
@@ -4805,7 +4805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4805
4805
|
`, encapsulation: ViewEncapsulation.None, host: {
|
|
4806
4806
|
class: 'kj-confirm-popup-content-host',
|
|
4807
4807
|
style: 'display: contents;',
|
|
4808
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4808
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4809
4809
|
}], propDecorators: { kjFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFor", required: true }] }], kjPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPanelClass", required: false }] }] } });
|
|
4810
4810
|
/**
|
|
4811
4811
|
* Marks the message body inside `<kj-confirm-popup-content>`. Generates an
|
|
@@ -4817,11 +4817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4817
4817
|
*/
|
|
4818
4818
|
class KjConfirmPopupMessageComponent {
|
|
4819
4819
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4820
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupMessageComponent, isStandalone: true, selector: "kj-confirm-popup-message", host: { classAttribute: "kj-confirm-popup-message" }, hostDirectives: [{ directive: i1.KjConfirmPopupMessage }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4820
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupMessageComponent, isStandalone: true, selector: "kj-confirm-popup-message", host: { classAttribute: "kj-confirm-popup-message" }, hostDirectives: [{ directive: i1.KjConfirmPopupMessage }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4821
4821
|
}
|
|
4822
4822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupMessageComponent, decorators: [{
|
|
4823
4823
|
type: Component,
|
|
4824
|
-
args: [{ selector: 'kj-confirm-popup-message', standalone: true, hostDirectives: [KjConfirmPopupMessage], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-message' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4824
|
+
args: [{ selector: 'kj-confirm-popup-message', standalone: true, hostDirectives: [KjConfirmPopupMessage], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-message' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4825
4825
|
}] });
|
|
4826
4826
|
/**
|
|
4827
4827
|
* Confirm action button slot. Click resolves the popup with `true`, emits
|
|
@@ -4833,14 +4833,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4833
4833
|
*/
|
|
4834
4834
|
class KjConfirmPopupActionComponent {
|
|
4835
4835
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4836
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionComponent, isStandalone: true, selector: "kj-confirm-popup-action", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-action" }, hostDirectives: [{ directive: i1.KjConfirmPopupAction }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4836
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionComponent, isStandalone: true, selector: "kj-confirm-popup-action", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-action" }, hostDirectives: [{ directive: i1.KjConfirmPopupAction }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4837
4837
|
}
|
|
4838
4838
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionComponent, decorators: [{
|
|
4839
4839
|
type: Component,
|
|
4840
4840
|
args: [{ selector: 'kj-confirm-popup-action', standalone: true, hostDirectives: [KjConfirmPopupAction], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
|
|
4841
4841
|
class: 'kj-confirm-popup-action',
|
|
4842
4842
|
style: 'display: contents;',
|
|
4843
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4843
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4844
4844
|
}] });
|
|
4845
4845
|
/**
|
|
4846
4846
|
* Cancel action button slot. Click resolves the popup with `false`, emits
|
|
@@ -4851,14 +4851,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4851
4851
|
*/
|
|
4852
4852
|
class KjConfirmPopupCancelComponent {
|
|
4853
4853
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4854
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupCancelComponent, isStandalone: true, selector: "kj-confirm-popup-cancel", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-cancel" }, hostDirectives: [{ directive: i1.KjConfirmPopupCancel }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4854
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupCancelComponent, isStandalone: true, selector: "kj-confirm-popup-cancel", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-cancel" }, hostDirectives: [{ directive: i1.KjConfirmPopupCancel }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4855
4855
|
}
|
|
4856
4856
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupCancelComponent, decorators: [{
|
|
4857
4857
|
type: Component,
|
|
4858
4858
|
args: [{ selector: 'kj-confirm-popup-cancel', standalone: true, hostDirectives: [KjConfirmPopupCancel], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
|
|
4859
4859
|
class: 'kj-confirm-popup-cancel',
|
|
4860
4860
|
style: 'display: contents;',
|
|
4861
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4861
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4862
4862
|
}] });
|
|
4863
4863
|
/**
|
|
4864
4864
|
* Convenience container for the action button row. Pure styling hook — the
|
|
@@ -4869,11 +4869,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4869
4869
|
*/
|
|
4870
4870
|
class KjConfirmPopupActionsComponent {
|
|
4871
4871
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4872
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionsComponent, isStandalone: true, selector: "kj-confirm-popup-actions", host: { classAttribute: "kj-confirm-popup-actions" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4872
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionsComponent, isStandalone: true, selector: "kj-confirm-popup-actions", host: { classAttribute: "kj-confirm-popup-actions" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4873
4873
|
}
|
|
4874
4874
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionsComponent, decorators: [{
|
|
4875
4875
|
type: Component,
|
|
4876
|
-
args: [{ selector: 'kj-confirm-popup-actions', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-actions' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4876
|
+
args: [{ selector: 'kj-confirm-popup-actions', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-actions' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
4877
4877
|
}] });
|
|
4878
4878
|
|
|
4879
4879
|
/**
|
|
@@ -5030,7 +5030,7 @@ class KjDatePickerComponent {
|
|
|
5030
5030
|
/>
|
|
5031
5031
|
</div>
|
|
5032
5032
|
</div>
|
|
5033
|
-
`, isInline: true, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5033
|
+
`, isInline: true, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5034
5034
|
}
|
|
5035
5035
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDatePickerComponent, decorators: [{
|
|
5036
5036
|
type: Component,
|
|
@@ -5078,7 +5078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5078
5078
|
/>
|
|
5079
5079
|
</div>
|
|
5080
5080
|
</div>
|
|
5081
|
-
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-date-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"] }]
|
|
5081
|
+
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-date-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"] }]
|
|
5082
5082
|
}], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMin", required: false }] }], kjMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMax", required: false }] }], kjDisabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabledDates", required: false }] }], kjLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLocale", required: false }] }], kjFirstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFirstDayOfWeek", required: false }] }], kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjReadonly", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }] } });
|
|
5083
5083
|
|
|
5084
5084
|
/**
|
|
@@ -5351,7 +5351,7 @@ class KjDatetimePickerComponent {
|
|
|
5351
5351
|
</label>
|
|
5352
5352
|
</div>
|
|
5353
5353
|
</div>
|
|
5354
|
-
`, isInline: true, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5354
|
+
`, isInline: true, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5355
5355
|
}
|
|
5356
5356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDatetimePickerComponent, decorators: [{
|
|
5357
5357
|
type: Component,
|
|
@@ -5399,7 +5399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5399
5399
|
</label>
|
|
5400
5400
|
</div>
|
|
5401
5401
|
</div>
|
|
5402
|
-
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-datetime-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"] }]
|
|
5402
|
+
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-datetime-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"] }]
|
|
5403
5403
|
}], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMin", required: false }] }], kjMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMax", required: false }] }], kjLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLocale", required: false }] }], kjFirstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFirstDayOfWeek", required: false }] }], kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjTimeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTimeLabel", required: false }] }], kjDefaultHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDefaultHour", required: false }] }], kjReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjReadonly", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }] } });
|
|
5404
5404
|
|
|
5405
5405
|
/**
|
|
@@ -5467,11 +5467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5467
5467
|
*/
|
|
5468
5468
|
class KjDialogComponent {
|
|
5469
5469
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5470
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDialogComponent, isStandalone: true, selector: "kj-dialog-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5470
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDialogComponent, isStandalone: true, selector: "kj-dialog-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--kj-overlay-z, 1000)}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5471
5471
|
}
|
|
5472
5472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDialogComponent, decorators: [{
|
|
5473
5473
|
type: Component,
|
|
5474
|
-
args: [{ selector: 'kj-dialog-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"] }]
|
|
5474
|
+
args: [{ selector: 'kj-dialog-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--kj-overlay-z, 1000)}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"] }]
|
|
5475
5475
|
}] });
|
|
5476
5476
|
|
|
5477
5477
|
/**
|
|
@@ -5643,11 +5643,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5643
5643
|
*/
|
|
5644
5644
|
class KjDrawerComponent {
|
|
5645
5645
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5646
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDrawerComponent, isStandalone: true, selector: "kj-drawer-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:1000;box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:
|
|
5646
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDrawerComponent, isStandalone: true, selector: "kj-drawer-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:var(--kj-overlay-z, 1000);box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:calc(var(--kj-overlay-z, 1000) - 1);pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5647
5647
|
}
|
|
5648
5648
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDrawerComponent, decorators: [{
|
|
5649
5649
|
type: Component,
|
|
5650
|
-
args: [{ selector: 'kj-drawer-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:1000;box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:
|
|
5650
|
+
args: [{ selector: 'kj-drawer-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:var(--kj-overlay-z, 1000);box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:calc(var(--kj-overlay-z, 1000) - 1);pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"] }]
|
|
5651
5651
|
}] });
|
|
5652
5652
|
|
|
5653
5653
|
/**
|
|
@@ -5735,7 +5735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5735
5735
|
*/
|
|
5736
5736
|
class KjDropdownMenuComponent {
|
|
5737
5737
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5738
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDropdownMenuComponent, isStandalone: true, selector: "kj-dropdown-menu", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:1000}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5738
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDropdownMenuComponent, isStandalone: true, selector: "kj-dropdown-menu", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000)}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5739
5739
|
}
|
|
5740
5740
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenuComponent, decorators: [{
|
|
5741
5741
|
type: Component,
|
|
@@ -5746,7 +5746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5746
5746
|
KjDropdownMenuSeparator,
|
|
5747
5747
|
KjDropdownMenuLabel,
|
|
5748
5748
|
KjDropdownMenuGroup,
|
|
5749
|
-
], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:1000}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
5749
|
+
], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000)}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
|
|
5750
5750
|
}] });
|
|
5751
5751
|
|
|
5752
5752
|
/**
|
|
@@ -13661,7 +13661,7 @@ class KjSelectComponent {
|
|
|
13661
13661
|
<kj-select-content [kjFor]="trig" class="kj-select-content">
|
|
13662
13662
|
<ng-content />
|
|
13663
13663
|
</kj-select-content>
|
|
13664
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:100}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "directive", type: KjSelectTrigger, selector: "[kjSelectTrigger]", inputs: ["kjMultiple", "kjDisabled"], exportAs: ["kjSelectTrigger"] }, { kind: "component", type: KjSelectContent, selector: "kj-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13664
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "directive", type: KjSelectTrigger, selector: "[kjSelectTrigger]", inputs: ["kjMultiple", "kjDisabled"], exportAs: ["kjSelectTrigger"] }, { kind: "component", type: KjSelectContent, selector: "kj-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13665
13665
|
}
|
|
13666
13666
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSelectComponent, decorators: [{
|
|
13667
13667
|
type: Component,
|
|
@@ -13680,7 +13680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
13680
13680
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
13681
13681
|
'[attr.data-multiple]': "multiple() ? '' : null",
|
|
13682
13682
|
'[attr.data-size]': "kjSize() === 'md' ? null : kjSize()",
|
|
13683
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:100}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
|
|
13683
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
|
|
13684
13684
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => forwardRef(() => KjOptionComponent)), { isSignal: true }] }] } });
|
|
13685
13685
|
/**
|
|
13686
13686
|
* Single option row.
|
|
@@ -13776,11 +13776,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
13776
13776
|
*/
|
|
13777
13777
|
class KjSheetComponent {
|
|
13778
13778
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13779
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjSheetComponent, isStandalone: true, selector: "kj-sheet-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:1000;transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13779
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjSheetComponent, isStandalone: true, selector: "kj-sheet-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:var(--kj-overlay-z, 1000);transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13780
13780
|
}
|
|
13781
13781
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSheetComponent, decorators: [{
|
|
13782
13782
|
type: Component,
|
|
13783
|
-
args: [{ selector: 'kj-sheet-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:1000;transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"] }]
|
|
13783
|
+
args: [{ selector: 'kj-sheet-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:var(--kj-overlay-z, 1000);transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"] }]
|
|
13784
13784
|
}] });
|
|
13785
13785
|
|
|
13786
13786
|
/**
|
|
@@ -19767,18 +19767,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
19767
19767
|
* @doc-related dialog,alert,spinner
|
|
19768
19768
|
*
|
|
19769
19769
|
* @doc-css-var
|
|
19770
|
-
* --kj-toast-z-index — Stack level for the viewport. Default
|
|
19770
|
+
* --kj-toast-z-index — Stack level for the viewport. Default 2000 — above the overlay stack (dialogs, palettes, popovers start at 1000), so toasts always show on top.
|
|
19771
19771
|
* --kj-toast-gap — Vertical gap between stacked toasts in both collapsed and expanded states.
|
|
19772
19772
|
*
|
|
19773
19773
|
* @doc-category Library/Overlay
|
|
19774
19774
|
*/
|
|
19775
19775
|
class KjToastWrapperComponent {
|
|
19776
19776
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19777
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjToastWrapperComponent, isStandalone: true, selector: "kj-toast-wrapper", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index,
|
|
19777
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjToastWrapperComponent, isStandalone: true, selector: "kj-toast-wrapper", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19778
19778
|
}
|
|
19779
19779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastWrapperComponent, decorators: [{
|
|
19780
19780
|
type: Component,
|
|
19781
|
-
args: [{ selector: 'kj-toast-wrapper', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index,
|
|
19781
|
+
args: [{ selector: 'kj-toast-wrapper', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
|
|
19782
19782
|
}] });
|
|
19783
19783
|
/**
|
|
19784
19784
|
* Toast viewport. Mount once near your trigger button (or in your app shell).
|
|
@@ -19800,7 +19800,7 @@ class KjToastViewportComponent {
|
|
|
19800
19800
|
</li>
|
|
19801
19801
|
}
|
|
19802
19802
|
</ol>
|
|
19803
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index,
|
|
19803
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], dependencies: [{ kind: "directive", type: KjToastViewport, selector: "[kjToastViewport]", inputs: ["kjToastDefaultTemplate", "kjToastMaxVisible", "kjToastGap", "kjToastBaseZIndex", "kjToastPositionX", "kjToastPositionY", "kjToastExpand", "kjToastPauseOnHover"], exportAs: ["kjToastViewport"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19804
19804
|
}
|
|
19805
19805
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastViewportComponent, decorators: [{
|
|
19806
19806
|
type: Component,
|
|
@@ -19817,7 +19817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
19817
19817
|
</li>
|
|
19818
19818
|
}
|
|
19819
19819
|
</ol>
|
|
19820
|
-
`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index,
|
|
19820
|
+
`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
|
|
19821
19821
|
}] });
|
|
19822
19822
|
/**
|
|
19823
19823
|
* Single toast item. Bind `[variant]` from `ctx.variant` and `[id]` from `ctx.id`.
|
|
@@ -19981,11 +19981,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
19981
19981
|
*/
|
|
19982
19982
|
class KjTooltipComponent {
|
|
19983
19983
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19984
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjTooltipComponent, isStandalone: true, selector: "kj-tooltip", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19984
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjTooltipComponent, isStandalone: true, selector: "kj-tooltip", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19985
19985
|
}
|
|
19986
19986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTooltipComponent, decorators: [{
|
|
19987
19987
|
type: Component,
|
|
19988
|
-
args: [{ selector: 'kj-tooltip', standalone: true, imports: [KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"] }]
|
|
19988
|
+
args: [{ selector: 'kj-tooltip', standalone: true, imports: [KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"] }]
|
|
19989
19989
|
}] });
|
|
19990
19990
|
|
|
19991
19991
|
/**
|
|
@@ -20089,7 +20089,7 @@ class KjCascadeSelectComponent {
|
|
|
20089
20089
|
>
|
|
20090
20090
|
<ng-content />
|
|
20091
20091
|
</div>
|
|
20092
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:200}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"], dependencies: [{ kind: "directive", type: KjCascadeSelectTrigger, selector: "[kjCascadeSelectTrigger]", exportAs: ["kjCascadeSelectTrigger"] }, { kind: "directive", type: KjCascadeSelectPanel, selector: "[kjCascadeSelectPanel]", inputs: ["kjSide", "kjAlign"], exportAs: ["kjCascadeSelectPanel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20092
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:var(--kj-overlay-z, 200)}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"], dependencies: [{ kind: "directive", type: KjCascadeSelectTrigger, selector: "[kjCascadeSelectTrigger]", exportAs: ["kjCascadeSelectTrigger"] }, { kind: "directive", type: KjCascadeSelectPanel, selector: "[kjCascadeSelectPanel]", inputs: ["kjSide", "kjAlign"], exportAs: ["kjCascadeSelectPanel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20093
20093
|
}
|
|
20094
20094
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCascadeSelectComponent, decorators: [{
|
|
20095
20095
|
type: Component,
|
|
@@ -20120,7 +20120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20120
20120
|
`, encapsulation: ViewEncapsulation.None, host: {
|
|
20121
20121
|
'class': 'kj-cascade-select',
|
|
20122
20122
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
20123
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:200}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"] }]
|
|
20123
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:var(--kj-overlay-z, 200)}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"] }]
|
|
20124
20124
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
20125
20125
|
/**
|
|
20126
20126
|
* A single option row in a `<kj-cascade-select>`. Renders the option label
|
|
@@ -20344,11 +20344,33 @@ class KjCommandPaletteComponent {
|
|
|
20344
20344
|
...(ngDevMode ? [{ debugName: "itemTpl" }] : /* istanbul ignore next */ []));
|
|
20345
20345
|
customFooter = contentChild(KjCommandPaletteFooter, /* @ts-ignore */
|
|
20346
20346
|
...(ngDevMode ? [{ debugName: "customFooter" }] : /* istanbul ignore next */ []));
|
|
20347
|
+
shell = viewChild('shell', /* @ts-ignore */
|
|
20348
|
+
...(ngDevMode ? [{ debugName: "shell" }] : /* istanbul ignore next */ []));
|
|
20349
|
+
dialog = viewChild('dialog', /* @ts-ignore */
|
|
20350
|
+
...(ngDevMode ? [{ debugName: "dialog" }] : /* istanbul ignore next */ []));
|
|
20351
|
+
host = inject(ElementRef);
|
|
20347
20352
|
destroyRef = inject(DestroyRef);
|
|
20348
20353
|
platformId = inject(PLATFORM_ID);
|
|
20349
20354
|
/** The composed headless palette (host directive) — owns query + active state. */
|
|
20350
20355
|
palette = inject(KjCommandPalette);
|
|
20356
|
+
stack = inject(KjOverlayStack);
|
|
20357
|
+
stackId = inject(KjId).mint('command-palette');
|
|
20358
|
+
stackHandle = null;
|
|
20359
|
+
wrapper = null;
|
|
20351
20360
|
constructor() {
|
|
20361
|
+
// Stacking: while open, the shell (backdrop + dialog) lives in its own
|
|
20362
|
+
// wrapper inside the shared `.kj-overlay-container`, registered on
|
|
20363
|
+
// `KjOverlayStack` like every other overlay. That gives it a level above
|
|
20364
|
+
// whatever was open when it opened, and — more importantly — lets a
|
|
20365
|
+
// select, popover or dialog opened from inside the palette get the next
|
|
20366
|
+
// level up instead of landing behind the palette's fixed `z-index`.
|
|
20367
|
+
afterRenderEffect(() => {
|
|
20368
|
+
if (this.kjOpen())
|
|
20369
|
+
this.portalIn();
|
|
20370
|
+
else
|
|
20371
|
+
this.portalOut();
|
|
20372
|
+
});
|
|
20373
|
+
this.destroyRef.onDestroy(() => this.portalOut());
|
|
20352
20374
|
// Reset the search query + active item when the palette closes, so the
|
|
20353
20375
|
// next open starts fresh instead of restoring the previous search. Paired
|
|
20354
20376
|
// with KjCommandInput reflecting the query signal back to the DOM input,
|
|
@@ -20390,6 +20412,54 @@ class KjCommandPaletteComponent {
|
|
|
20390
20412
|
close() {
|
|
20391
20413
|
this.kjOpen.set(false);
|
|
20392
20414
|
}
|
|
20415
|
+
/**
|
|
20416
|
+
* Escape from inside the dialog. Only closes when the palette is the
|
|
20417
|
+
* topmost overlay — an Escape meant for a select or popover opened from
|
|
20418
|
+
* inside the palette is routed to that overlay by `KjOverlayStack`, and
|
|
20419
|
+
* must not also dismiss the palette underneath it.
|
|
20420
|
+
*/
|
|
20421
|
+
onEscape() {
|
|
20422
|
+
if (this.stackHandle && !this.stackHandle.isTopmost())
|
|
20423
|
+
return;
|
|
20424
|
+
this.close();
|
|
20425
|
+
}
|
|
20426
|
+
portalIn() {
|
|
20427
|
+
if (this.stackHandle)
|
|
20428
|
+
return;
|
|
20429
|
+
const shell = this.shell()?.nativeElement;
|
|
20430
|
+
const wrapper = createOverlayWrapper();
|
|
20431
|
+
if (!shell || !wrapper)
|
|
20432
|
+
return;
|
|
20433
|
+
// Keep the trigger's theme scope — the container hangs off <body>.
|
|
20434
|
+
const theme = this.host.nativeElement.closest('[data-theme]')?.getAttribute('data-theme');
|
|
20435
|
+
if (theme)
|
|
20436
|
+
wrapper.setAttribute('data-theme', theme);
|
|
20437
|
+
wrapper.appendChild(shell);
|
|
20438
|
+
this.wrapper = wrapper;
|
|
20439
|
+
// Escape and outside-click stay with the palette's own handlers (the
|
|
20440
|
+
// input clears the query on a first Escape; the backdrop closes on
|
|
20441
|
+
// click) — the stack is used for ordering and z-index only.
|
|
20442
|
+
this.stackHandle = this.stack.register(this.stackId, {
|
|
20443
|
+
onClose: () => this.close(),
|
|
20444
|
+
closeOnEsc: false,
|
|
20445
|
+
closeOnOutside: false,
|
|
20446
|
+
});
|
|
20447
|
+
this.stack.markContentEl(this.stackId, this.dialog()?.nativeElement ?? shell);
|
|
20448
|
+
applyOverlayZIndex(shell, this.stackHandle.zIndex);
|
|
20449
|
+
}
|
|
20450
|
+
portalOut() {
|
|
20451
|
+
if (!this.stackHandle)
|
|
20452
|
+
return;
|
|
20453
|
+
const shell = this.shell()?.nativeElement;
|
|
20454
|
+
if (shell) {
|
|
20455
|
+
clearOverlayZIndex(shell);
|
|
20456
|
+
this.host.nativeElement.appendChild(shell);
|
|
20457
|
+
}
|
|
20458
|
+
this.wrapper?.remove();
|
|
20459
|
+
this.wrapper = null;
|
|
20460
|
+
this.stackHandle.unregister();
|
|
20461
|
+
this.stackHandle = null;
|
|
20462
|
+
}
|
|
20393
20463
|
/** Programmatically open the palette. */
|
|
20394
20464
|
open() {
|
|
20395
20465
|
this.kjOpen.set(true);
|
|
@@ -20418,15 +20488,16 @@ class KjCommandPaletteComponent {
|
|
|
20418
20488
|
return event.key.toLowerCase() === key;
|
|
20419
20489
|
}
|
|
20420
20490
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20421
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: KjCommandPaletteComponent, isStandalone: true, selector: "kj-command-palette", inputs: { kjPlaceholder: { classPropertyName: "kjPlaceholder", publicName: "kjPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, kjEscBadge: { classPropertyName: "kjEscBadge", publicName: "kjEscBadge", isSignal: true, isRequired: false, transformFunction: null }, kjAriaLabel: { classPropertyName: "kjAriaLabel", publicName: "kjAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, kjOpen: { classPropertyName: "kjOpen", publicName: "kjOpen", isSignal: true, isRequired: false, transformFunction: null }, kjHotkey: { classPropertyName: "kjHotkey", publicName: "kjHotkey", isSignal: true, isRequired: false, transformFunction: null }, kjItems: { classPropertyName: "kjItems", publicName: "kjItems", isSignal: true, isRequired: false, transformFunction: null }, kjAutoCloseOnActivate: { classPropertyName: "kjAutoCloseOnActivate", publicName: "kjAutoCloseOnActivate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjOpen: "kjOpenChange" }, host: { listeners: { "kjActivate": "onActivate()" }, styleAttribute: "display: contents;", classAttribute: "kj-command-palette" }, queries: [{ propertyName: "itemTpl", first: true, predicate: KjCommandPaletteItemTemplate, descendants: true, isSignal: true }, { propertyName: "customFooter", first: true, predicate: KjCommandPaletteFooter, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.KjCommandPalette, inputs: ["kjShouldFilter", "kjShouldFilter", "kjLoading", "kjLoading", "kjAutoActivateFirst", "kjAutoActivateFirst", "kjDismissOnActivate", "kjDismissOnActivate", "kjValue", "kjValue", "kjQuery", "kjQuery", "kjFilter", "kjFilter"], outputs: ["kjValueChange", "kjValueChange", "kjQueryChange", "kjQueryChange", "kjActivate", "kjActivate"] }], ngImport: i0, template: `
|
|
20422
|
-
<div class="kj-command-palette__shell" [class.is-open]="kjOpen()">
|
|
20491
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: KjCommandPaletteComponent, isStandalone: true, selector: "kj-command-palette", inputs: { kjPlaceholder: { classPropertyName: "kjPlaceholder", publicName: "kjPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, kjEscBadge: { classPropertyName: "kjEscBadge", publicName: "kjEscBadge", isSignal: true, isRequired: false, transformFunction: null }, kjAriaLabel: { classPropertyName: "kjAriaLabel", publicName: "kjAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, kjOpen: { classPropertyName: "kjOpen", publicName: "kjOpen", isSignal: true, isRequired: false, transformFunction: null }, kjHotkey: { classPropertyName: "kjHotkey", publicName: "kjHotkey", isSignal: true, isRequired: false, transformFunction: null }, kjItems: { classPropertyName: "kjItems", publicName: "kjItems", isSignal: true, isRequired: false, transformFunction: null }, kjAutoCloseOnActivate: { classPropertyName: "kjAutoCloseOnActivate", publicName: "kjAutoCloseOnActivate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjOpen: "kjOpenChange" }, host: { listeners: { "kjActivate": "onActivate()" }, styleAttribute: "display: contents;", classAttribute: "kj-command-palette" }, queries: [{ propertyName: "itemTpl", first: true, predicate: KjCommandPaletteItemTemplate, descendants: true, isSignal: true }, { propertyName: "customFooter", first: true, predicate: KjCommandPaletteFooter, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "shell", first: true, predicate: ["shell"], descendants: true, isSignal: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.KjCommandPalette, inputs: ["kjShouldFilter", "kjShouldFilter", "kjLoading", "kjLoading", "kjAutoActivateFirst", "kjAutoActivateFirst", "kjDismissOnActivate", "kjDismissOnActivate", "kjValue", "kjValue", "kjQuery", "kjQuery", "kjFilter", "kjFilter"], outputs: ["kjValueChange", "kjValueChange", "kjQueryChange", "kjQueryChange", "kjActivate", "kjActivate"] }], ngImport: i0, template: `
|
|
20492
|
+
<div #shell class="kj-command-palette__shell" [class.is-open]="kjOpen()">
|
|
20423
20493
|
<div class="kj-command-palette__backdrop" (click)="close()" aria-hidden="true"></div>
|
|
20424
20494
|
<div
|
|
20495
|
+
#dialog
|
|
20425
20496
|
class="kj-command-palette__dialog"
|
|
20426
20497
|
role="dialog"
|
|
20427
20498
|
aria-modal="true"
|
|
20428
20499
|
[attr.aria-label]="kjAriaLabel()"
|
|
20429
|
-
(keydown.escape)="
|
|
20500
|
+
(keydown.escape)="onEscape()"
|
|
20430
20501
|
>
|
|
20431
20502
|
<div class="kj-command-palette__input-wrapper">
|
|
20432
20503
|
<svg class="kj-command-palette__search-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
@@ -20465,7 +20536,7 @@ class KjCommandPaletteComponent {
|
|
|
20465
20536
|
}
|
|
20466
20537
|
</div>
|
|
20467
20538
|
</div>
|
|
20468
|
-
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20539
|
+
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }, { kind: "directive", type: KjCommandList, selector: "[kjCommandList]" }, { kind: "directive", type: KjCommandEmpty, selector: "[kjCommandEmpty]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20469
20540
|
}
|
|
20470
20541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandPaletteComponent, decorators: [{
|
|
20471
20542
|
type: Component,
|
|
@@ -20474,14 +20545,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20474
20545
|
inputs: ['kjShouldFilter', 'kjLoading', 'kjAutoActivateFirst', 'kjDismissOnActivate', 'kjValue', 'kjQuery', 'kjFilter'],
|
|
20475
20546
|
outputs: ['kjValueChange', 'kjQueryChange', 'kjActivate'],
|
|
20476
20547
|
}], template: `
|
|
20477
|
-
<div class="kj-command-palette__shell" [class.is-open]="kjOpen()">
|
|
20548
|
+
<div #shell class="kj-command-palette__shell" [class.is-open]="kjOpen()">
|
|
20478
20549
|
<div class="kj-command-palette__backdrop" (click)="close()" aria-hidden="true"></div>
|
|
20479
20550
|
<div
|
|
20551
|
+
#dialog
|
|
20480
20552
|
class="kj-command-palette__dialog"
|
|
20481
20553
|
role="dialog"
|
|
20482
20554
|
aria-modal="true"
|
|
20483
20555
|
[attr.aria-label]="kjAriaLabel()"
|
|
20484
|
-
(keydown.escape)="
|
|
20556
|
+
(keydown.escape)="onEscape()"
|
|
20485
20557
|
>
|
|
20486
20558
|
<div class="kj-command-palette__input-wrapper">
|
|
20487
20559
|
<svg class="kj-command-palette__search-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
@@ -20524,8 +20596,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20524
20596
|
class: 'kj-command-palette',
|
|
20525
20597
|
style: 'display: contents;',
|
|
20526
20598
|
'(kjActivate)': 'onActivate()',
|
|
20527
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20528
|
-
}], ctorParameters: () => [], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjEscBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjEscBadge", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjHotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjHotkey", required: false }] }], kjItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjItems", required: false }] }], kjAutoCloseOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoCloseOnActivate", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteItemTemplate), { isSignal: true }] }], customFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteFooter), { isSignal: true }] }] } });
|
|
20599
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20600
|
+
}], ctorParameters: () => [], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjEscBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjEscBadge", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjHotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjHotkey", required: false }] }], kjItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjItems", required: false }] }], kjAutoCloseOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoCloseOnActivate", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteItemTemplate), { isSignal: true }] }], customFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteFooter), { isSignal: true }] }], shell: [{ type: i0.ViewChild, args: ['shell', { isSignal: true }] }], dialog: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }] } });
|
|
20529
20601
|
/**
|
|
20530
20602
|
* Styled command item. Renders a `<button>` with `[kjCommandItem]` applied.
|
|
20531
20603
|
*
|
|
@@ -20551,7 +20623,7 @@ class KjCommandItemComponent {
|
|
|
20551
20623
|
isActive = computed(() => this._palette.activeId() !== null && this._palette.activeId() === this._item.id, /* @ts-ignore */
|
|
20552
20624
|
...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
20553
20625
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20554
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: KjCommandItemComponent, isStandalone: true, selector: "kj-command-item", inputs: { kjValue: { classPropertyName: "kjValue", publicName: "kjValue", isSignal: true, isRequired: false, transformFunction: null }, kjKeywords: { classPropertyName: "kjKeywords", publicName: "kjKeywords", isSignal: true, isRequired: false, transformFunction: null }, kjShortcut: { classPropertyName: "kjShortcut", publicName: "kjShortcut", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-selected": "isActive() ? \"true\" : \"false\"", "attr.data-active": "isActive() ? \"\" : null" }, classAttribute: "kj-command-item" }, hostDirectives: [{ directive: i1.KjListItem, inputs: ["kjItemValue", "kjValue", "kjItemKeywords", "kjKeywords", "kjShortcut", "kjShortcut", "kjDisabled", "kjDisabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20626
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: KjCommandItemComponent, isStandalone: true, selector: "kj-command-item", inputs: { kjValue: { classPropertyName: "kjValue", publicName: "kjValue", isSignal: true, isRequired: false, transformFunction: null }, kjKeywords: { classPropertyName: "kjKeywords", publicName: "kjKeywords", isSignal: true, isRequired: false, transformFunction: null }, kjShortcut: { classPropertyName: "kjShortcut", publicName: "kjShortcut", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-selected": "isActive() ? \"true\" : \"false\"", "attr.data-active": "isActive() ? \"\" : null" }, classAttribute: "kj-command-item" }, hostDirectives: [{ directive: i1.KjListItem, inputs: ["kjItemValue", "kjValue", "kjItemKeywords", "kjKeywords", "kjShortcut", "kjShortcut", "kjDisabled", "kjDisabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20555
20627
|
}
|
|
20556
20628
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandItemComponent, decorators: [{
|
|
20557
20629
|
type: Component,
|
|
@@ -20568,7 +20640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20568
20640
|
'role': 'option',
|
|
20569
20641
|
'[attr.aria-selected]': 'isActive() ? "true" : "false"',
|
|
20570
20642
|
'[attr.data-active]': 'isActive() ? "" : null',
|
|
20571
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20643
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20572
20644
|
}], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }], kjKeywords: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjKeywords", required: false }] }], kjShortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShortcut", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }] } });
|
|
20573
20645
|
/**
|
|
20574
20646
|
* Styled command group. Auto-hides when all child items are filtered out.
|
|
@@ -20587,7 +20659,7 @@ class KjCommandGroupComponent {
|
|
|
20587
20659
|
<div class="kj-command-group__label">{{ kjLabel() }}</div>
|
|
20588
20660
|
}
|
|
20589
20661
|
<ng-content />
|
|
20590
|
-
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20662
|
+
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20591
20663
|
}
|
|
20592
20664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandGroupComponent, decorators: [{
|
|
20593
20665
|
type: Component,
|
|
@@ -20596,7 +20668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20596
20668
|
<div class="kj-command-group__label">{{ kjLabel() }}</div>
|
|
20597
20669
|
}
|
|
20598
20670
|
<ng-content />
|
|
20599
|
-
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-group' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20671
|
+
`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-group' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20600
20672
|
}], propDecorators: { kjLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLabel", required: false }] }] } });
|
|
20601
20673
|
/**
|
|
20602
20674
|
* Styled command input wrapper. Renders an `<input type="search">` with
|
|
@@ -20619,7 +20691,7 @@ class KjCommandInputComponent {
|
|
|
20619
20691
|
class="kj-command-input"
|
|
20620
20692
|
[placeholder]="kjPlaceholder()"
|
|
20621
20693
|
/>
|
|
20622
|
-
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20694
|
+
`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20623
20695
|
}
|
|
20624
20696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandInputComponent, decorators: [{
|
|
20625
20697
|
type: Component,
|
|
@@ -20630,7 +20702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20630
20702
|
class="kj-command-input"
|
|
20631
20703
|
[placeholder]="kjPlaceholder()"
|
|
20632
20704
|
/>
|
|
20633
|
-
`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20705
|
+
`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20634
20706
|
}], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }] } });
|
|
20635
20707
|
/**
|
|
20636
20708
|
* Styled separator between command groups.
|
|
@@ -20641,11 +20713,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20641
20713
|
*/
|
|
20642
20714
|
class KjCommandSeparatorComponent {
|
|
20643
20715
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20644
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandSeparatorComponent, isStandalone: true, selector: "kj-command-separator", host: { classAttribute: "kj-command-separator" }, hostDirectives: [{ directive: i1.KjCommandSeparator }], ngImport: i0, template: ``, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20716
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandSeparatorComponent, isStandalone: true, selector: "kj-command-separator", host: { classAttribute: "kj-command-separator" }, hostDirectives: [{ directive: i1.KjCommandSeparator }], ngImport: i0, template: ``, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20645
20717
|
}
|
|
20646
20718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandSeparatorComponent, decorators: [{
|
|
20647
20719
|
type: Component,
|
|
20648
|
-
args: [{ selector: 'kj-command-separator', standalone: true, hostDirectives: [KjCommandSeparator], template: ``, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-separator' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20720
|
+
args: [{ selector: 'kj-command-separator', standalone: true, hostDirectives: [KjCommandSeparator], template: ``, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-separator' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20649
20721
|
}] });
|
|
20650
20722
|
/**
|
|
20651
20723
|
* Styled empty state slot. Shown when no items match the current query.
|
|
@@ -20656,11 +20728,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20656
20728
|
*/
|
|
20657
20729
|
class KjCommandEmptyComponent {
|
|
20658
20730
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20659
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandEmptyComponent, isStandalone: true, selector: "kj-command-empty", host: { classAttribute: "kj-command-empty" }, hostDirectives: [{ directive: i1.KjCommandEmpty }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20731
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandEmptyComponent, isStandalone: true, selector: "kj-command-empty", host: { classAttribute: "kj-command-empty" }, hostDirectives: [{ directive: i1.KjCommandEmpty }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20660
20732
|
}
|
|
20661
20733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandEmptyComponent, decorators: [{
|
|
20662
20734
|
type: Component,
|
|
20663
|
-
args: [{ selector: 'kj-command-empty', standalone: true, hostDirectives: [KjCommandEmpty], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-empty' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:
|
|
20735
|
+
args: [{ selector: 'kj-command-empty', standalone: true, hostDirectives: [KjCommandEmpty], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-empty' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
|
|
20664
20736
|
}] });
|
|
20665
20737
|
|
|
20666
20738
|
/** Walk the tree into a flat array. All nodes are included; visibility is
|
|
@@ -20976,7 +21048,7 @@ class KjTreeSelectComponent {
|
|
|
20976
21048
|
<div class="kj-tree-select-empty">No options</div>
|
|
20977
21049
|
}
|
|
20978
21050
|
</kj-tree-select-content>
|
|
20979
|
-
`, isInline: true, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:100}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjTreeSelectTrigger, selector: "[kjTreeSelectTrigger]", inputs: ["kjDisabled"], exportAs: ["kjTreeSelectTrigger"] }, { kind: "component", type: KjTreeSelectContent, selector: "kj-tree-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }, { kind: "component", type: KjTreeSelectNodeComponent, selector: "kj-tree-select-node", inputs: ["value", "label", "level", "size", "pos", "disabled", "hasChildren", "multiMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21051
|
+
`, isInline: true, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjTreeSelectTrigger, selector: "[kjTreeSelectTrigger]", inputs: ["kjDisabled"], exportAs: ["kjTreeSelectTrigger"] }, { kind: "component", type: KjTreeSelectContent, selector: "kj-tree-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }, { kind: "component", type: KjTreeSelectNodeComponent, selector: "kj-tree-select-node", inputs: ["value", "label", "level", "size", "pos", "disabled", "hasChildren", "multiMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20980
21052
|
}
|
|
20981
21053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTreeSelectComponent, decorators: [{
|
|
20982
21054
|
type: Component,
|
|
@@ -21031,7 +21103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
21031
21103
|
class: 'kj-tree-select',
|
|
21032
21104
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
21033
21105
|
'[attr.data-multi]': "ts.selectionMode() === 'multiple' ? '' : null",
|
|
21034
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:100}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
|
|
21106
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
|
|
21035
21107
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], getLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
21036
21108
|
|
|
21037
21109
|
// Typography surface — directives only, no wrapper components.
|