yukit-web 0.6.0 → 0.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yukit-web",
   "description": "Angular UI component library for Yurest web applications.",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "author": {
     "name": "Yurest Solutions",
     "email": "develop@yurest.com"
@@ -15,10 +15,6 @@
       "types": "./types/yukit-web.d.ts",
       "default": "./fesm2022/yukit-web.mjs"
     },
-    "./chart": {
-      "types": "./types/yukit-web-chart.d.ts",
-      "default": "./fesm2022/yukit-web-chart.mjs"
-    },
     "./helm/accordion": {
       "types": "./types/yukit-web-helm-accordion.d.ts",
       "default": "./fesm2022/yukit-web-helm-accordion.mjs"
@@ -274,20 +270,10 @@
     "@ng-icons/lucide": "^32.2.0",
     "@spartan-ng/brain": "^1.7.0",
     "@tanstack/angular-table": "^9.0.0",
-    "d3-scale": "^4.0.2",
-    "d3-shape": "^3.2.0",
     "embla-carousel-angular": "^21.0.0",
     "ngx-scrollbar": "^19.1.5",
     "rxjs": "^7.8.0"
   },
-  "peerDependenciesMeta": {
-    "d3-scale": {
-      "optional": true
-    },
-    "d3-shape": {
-      "optional": true
-    }
-  },
   "dependencies": {
     "@tanstack/table-core": "^9.0.0",
     "class-variance-authority": "^0.7.1",

package/src/lib/theme/tokens/color.css

@@ -323,16 +323,6 @@
 
   --black: var(--neutrals-dark);
   --black-foreground: var(--neutrals-on-fill);
-
-  /** || Chart series: 3:1 against the page and surface backgrounds || */
-  --chart-1: var(--primary-6);
-  --chart-2: var(--blue-4);
-  --chart-3: var(--teal-4);
-  --chart-4: var(--yellow-5);
-  --chart-5: var(--violet-4);
-  --chart-6: var(--pink-4);
-  --chart-7: var(--secondary-6);
-  --chart-8: var(--green-4);
 }
 
 .dark {
@@ -522,16 +512,6 @@
   --teal-border-light: var(--teal-5);
   --teal-text: var(--teal-2);
   --teal-text-strong: var(--teal-1);
-
-  /** || Chart series || */
-  --chart-1: var(--primary-4);
-  --chart-2: var(--blue-3);
-  --chart-3: var(--teal-3);
-  --chart-4: var(--yellow-3);
-  --chart-5: var(--violet-3);
-  --chart-6: var(--pink-3);
-  --chart-7: var(--secondary-5);
-  --chart-8: var(--green-3);
 }
 
 @theme inline {
@@ -546,7 +526,4 @@
   --color-additional-foreground: var(--additional-foreground);
   --color-ink: var(--black);
   --color-ink-foreground: var(--black-foreground);
-  --color-chart-6: var(--chart-6);
-  --color-chart-7: var(--chart-7);
-  --color-chart-8: var(--chart-8);
 }

package/types/yukit-web.d.ts

@@ -968,6 +968,10 @@ declare function getPaginationRange(page: number, totalPages: number): YuwPagina
  * Direct child items (`yuw-accordion-item`) can be declared statically or rendered dynamically
  * using `@for`.
  *
+ * Inputs:
+ * - `collapseWithSheet`: Inside a `<yuw-sheet>` or `<yuws-form-sheet>`, collapses every item whenever the sheet opens
+ *   or closes, so each opening starts folded. Ignored outside a sheet. Default is `false`.
+ *
  * Extends `HlmAccordion` (instead of re-applying `BrnAccordion` and copying the helm's classes
  * by hand) so the helm's `data-slot`, classes and its `BrnAccordion` host directive — including
  * the forwarded `type`/`orientation` inputs — are all inherited. Forwarding those inputs through
@@ -976,8 +980,12 @@ declare function getPaginationRange(page: number, totalPages: number): YuwPagina
  * `BrnAccordion`.
  */
 declare class YuwAccordion extends HlmAccordion {
+    private readonly _sheet;
+    private readonly _items;
+    readonly collapseWithSheet: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAccordion, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAccordion, "yuw-accordion", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAccordion, "yuw-accordion", never, { "collapseWithSheet": { "alias": "collapseWithSheet"; "required": false; "isSignal": true; }; }, {}, ["_items"], never, true, never>;
 }
 
 /**
@@ -1007,11 +1015,15 @@ declare class YuwAccordionItem extends HlmAccordionItem {
  * Inputs:
  * - `triggerClass`: Extra classes for the inner trigger `<button>`; the helm merges them last
  *   (via tailwind-merge), so they win over its defaults.
+ * - `underline`: Underlines the label on hover, as the helm does. Set `underline="false"` for a header whose content
+ *   is more than a line of text. Default is `true`.
  */
 declare class YuwAccordionTriggerComponent {
     readonly triggerClass: _angular_core.InputSignal<string>;
+    readonly underline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly _triggerClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAccordionTriggerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAccordionTriggerComponent, "yuw-accordion-trigger", never, { "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAccordionTriggerComponent, "yuw-accordion-trigger", never, { "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -3256,6 +3268,11 @@ interface YuwStepIndicatorContextDto {
     step: YuwStepItemDto;
     index: number;
 }
+/** Emitted by `<yuw-stepper>`'s `stepChange`: the step that became active and its position. */
+interface YuwStepChangeDto {
+    step: YuwStepItemDto;
+    index: number;
+}
 
 /**
  * Replaces the content of every step's indicator circle (the number, or the check once completed).
@@ -3296,7 +3313,8 @@ type YuwStepperOrientationDto = 'horizontal' | 'vertical';
  *
  * Steps come from the `steps` input; each panel is an `<ng-template yuwStepPanel="<id>">` whose id matches a step.
  * A horizontal header that does not fit scrolls sideways (touch, trackpad, mouse wheel or drag), its edges fading out.
- * Only the active panel is rendered, so state that must survive a step change belongs to the parent (a form group).
+ * Only the active panel is rendered, so state that must survive a step change belongs to the parent (a form group). It
+ * slides in from the side the user moved towards, through `tw-animate-css`, which the Spartan preset already requires.
  * Navigation buttons are the consumer's: grab the stepper with a template reference and call `next()` / `previous()`,
  * disabling them with `hasNext()` / `hasPrevious()`.
  *
@@ -3310,6 +3328,10 @@ type YuwStepperOrientationDto = 'horizontal' | 'vertical';
  * - `color`: Accent of the active and completed steps (any `YuwColorDto`). Default is `'primary'`.
  * - `class`: Extra classes merged last onto the root element.
  *
+ * Outputs:
+ * - `stepChange`: Emits the step the user moved to (`YuwStepChangeDto`, the step and its index), from the header or
+ *   `next()` / `previous()`. Not emitted when the parent sets `activeStep` itself.
+ *
  * Content:
  * - `<ng-template yuwStepIndicator let-state let-step="step" let-index="index">` replaces the number/check inside
  *   every indicator.
@@ -3336,7 +3358,11 @@ declare class YuwStepperComponent {
     readonly orientation: _angular_core.InputSignal<YuwStepperOrientationDto>;
     readonly steps: _angular_core.InputSignal<YuwStepItemDto[]>;
     readonly userClass: _angular_core.InputSignal<string>;
-    protected readonly _activePanel: _angular_core.Signal<_angular_core.TemplateRef<unknown> | undefined>;
+    readonly stepChange: _angular_core.OutputEmitterRef<YuwStepChangeDto>;
+    protected readonly _activePanel: _angular_core.Signal<{
+        id: string;
+        templateRef: _angular_core.TemplateRef<unknown>;
+    }[]>;
     protected readonly _activeTriggerId: _angular_core.Signal<string>;
     readonly activeIndex: _angular_core.Signal<number>;
     protected readonly _items: _angular_core.Signal<{
@@ -3353,6 +3379,7 @@ declare class YuwStepperComponent {
     }[]>;
     protected readonly _labelClass: _angular_core.Signal<"sr-only" | "flex flex-col">;
     protected readonly _listClass: _angular_core.Signal<string>;
+    protected readonly _panelClass: _angular_core.WritableSignal<string>;
     protected readonly _rootClass: _angular_core.Signal<string>;
     protected readonly _stepClass: _angular_core.Signal<string>;
     protected readonly _tooltipPosition: _angular_core.Signal<YuwTooltipPositionDto>;
@@ -3372,7 +3399,7 @@ declare class YuwStepperComponent {
      */
     private _revealActive;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwStepperComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwStepperComponent, "yuw-stepper", never, { "activeStep": { "alias": "activeStep"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "activeStep": "activeStepChange"; }, ["indicator", "panels"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwStepperComponent, "yuw-stepper", never, { "activeStep": { "alias": "activeStep"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "activeStep": "activeStepChange"; "stepChange": "stepChange"; }, ["indicator", "panels"], never, true, never>;
 }
 
 /**
@@ -5095,4 +5122,4 @@ declare class YuwsTitleSkeletonDirective {
 }
 
 export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUWS_NO_DATA_PLACEHOLDER, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwActionsCellComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwBreadcrumbTrailService, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwComboboxTriggerButtonDirective, YuwComboboxTriggerDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwFieldBase, YuwInputAddonImports, YuwInputComponent, YuwInputFileComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwMouseScrollXDirective, YuwMouseScrollYDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetHeaderDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwStepIndicatorDirective, YuwStepPanelDirective, YuwStepperComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, YuwsActiveStatusCellComponent, YuwsAdvanceOnEnterDirective, YuwsAvatarNameCellComponent, YuwsCardGridComponent, YuwsCardGridItemComponent, YuwsClampedTextCellComponent, YuwsConfirmDialogComponent, YuwsCopyButtonComponent, YuwsFilterComboboxComponent, YuwsFilterContentDirective, YuwsFlagCellComponent, YuwsFormSheetComponent, YuwsIconActionCellComponent, YuwsImageCellComponent, YuwsImageFieldComponent, YuwsImageUploadComponent, YuwsLinkCellComponent, YuwsListPaginationComponent, YuwsListTableComponent, YuwsListToolbarComponent, YuwsPageHeaderComponent, YuwsPageSizeComponent, YuwsStatusToggleCellComponent, YuwsTitleSkeletonDirective, buildInputOtpGroups, buildYuwActionsColumn, buildYuwsActiveStatusColumn, buildYuwsDateTimeColumn, buildYuwsIconActionColumn, buildYuwsOptionalTextColumn, buildYuwsStatusToggleColumn, cn, createPagedList, createYuwsSheetEditor, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter, yuwsInitialsOf, yuwsMediaQuerySignal, yuwsPendingRowClass, yuwsReadFileAsDataUrl };
-export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxTriggerContext, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputFileVariantDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPageQuery, YuwPageRange, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwStepIndicatorContextDto, YuwStepItemDto, YuwStepStateDto, YuwStepperOrientationDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwsAvatarNameCellSize, YuwsConfirmationState, YuwsFilterContentContext, YuwsFilterGroupDto, YuwsFilterGroupMode, YuwsFilterOptionDto, YuwsFilterSelection, YuwsFilterSetDto, YuwsFilterSetLabels, YuwsFilterSetRenameDto, YuwsFilterSetSaveDto, YuwsFilterValue, YuwsFormSheetLabels, YuwsIconActionColumn, YuwsImageCellSize, YuwsListPaginationLabels, YuwsListToolbarColumnsLabels, YuwsListToolbarFilterLabels, YuwsListToolbarLabels, YuwsListToolbarSearchLabels, YuwsListToolbarViewModeIcons, YuwsListToolbarViewModeLabels, YuwsPageSizeLabels, YuwsSheetEditor, YuwsStateLabels, YuwsStatusToggleColumn, YuwsTextColumnOptions, YuwsViewMode };
+export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxTriggerContext, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputFileVariantDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPageQuery, YuwPageRange, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwStepChangeDto, YuwStepIndicatorContextDto, YuwStepItemDto, YuwStepStateDto, YuwStepperOrientationDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwsAvatarNameCellSize, YuwsConfirmationState, YuwsFilterContentContext, YuwsFilterGroupDto, YuwsFilterGroupMode, YuwsFilterOptionDto, YuwsFilterSelection, YuwsFilterSetDto, YuwsFilterSetLabels, YuwsFilterSetRenameDto, YuwsFilterSetSaveDto, YuwsFilterValue, YuwsFormSheetLabels, YuwsIconActionColumn, YuwsImageCellSize, YuwsListPaginationLabels, YuwsListToolbarColumnsLabels, YuwsListToolbarFilterLabels, YuwsListToolbarLabels, YuwsListToolbarSearchLabels, YuwsListToolbarViewModeIcons, YuwsListToolbarViewModeLabels, YuwsPageSizeLabels, YuwsSheetEditor, YuwsStateLabels, YuwsStatusToggleColumn, YuwsTextColumnOptions, YuwsViewMode };