npm - @ng-cn/core - Versions diffs - 1.0.16 → 1.0.17 - Mend

@ng-cn/core 1.0.16 → 1.0.17

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.

Files changed (219) hide show

package/src/app/lib/components/ui/navigation-menu/navigation-menu-content.component.ts CHANGED Viewed

@@ -24,6 +24,7 @@ import { NAVIGATION_MENU_CONTEXT, NAVIGATION_MENU_ITEM_CONTEXT } from './navigat
     </Presence>
   `,
   host: {
+    'attr.data-slot': '"navigation-menu-content"',
     class: 'contents',
     '(document:click)': 'onDocumentClick($event)',
     '(document:keydown.escape)': 'onEscapeKey()',

package/src/app/lib/components/ui/navigation-menu/navigation-menu-indicator.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <div class="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"></div>
   `,
   host: {
+    'attr.data-slot': '"navigation-menu-indicator"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/navigation-menu/navigation-menu-item.component.ts CHANGED Viewed

@@ -24,6 +24,7 @@ let itemIdCounter = 0;
     },
   ],
   host: {
+    'attr.data-slot': '"navigation-menu-item"',
     class: 'relative',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/navigation-menu/navigation-menu-link.component.ts CHANGED Viewed

@@ -12,6 +12,7 @@ import { navigationMenuTriggerStyle } from './navigation-menu-trigger-style';
   selector: 'NavigationMenuLink',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"navigation-menu-link"',
     '[class]': 'computedClass()',
     '[attr.aria-current]': 'ariaCurrent()',
     '[attr.data-active]': 'active() || null',

package/src/app/lib/components/ui/navigation-menu/navigation-menu-list.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'NavigationMenuList',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"navigation-menu-list"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/navigation-menu/navigation-menu-trigger.component.ts CHANGED Viewed

@@ -20,6 +20,7 @@ import { navigationMenuTriggerStyle } from './navigation-menu-trigger-style';
     />
   `,
   host: {
+    'attr.data-slot': '"navigation-menu-trigger"',
     '[class]': 'computedClass()',
     '[attr.data-state]': 'itemContext.open() ? "open" : "closed"',
     '(click)': 'toggle()',

package/src/app/lib/components/ui/navigation-menu/navigation-menu-viewport.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'NavigationMenuViewport',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"navigation-menu-viewport"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/navigation-menu/navigation-menu.component.ts CHANGED Viewed

@@ -114,6 +114,10 @@ export interface NavigationMenuProps {
       <NavigationMenuViewport />
     </div>
   `,
+  host: {
+    'attr.data-slot': '"navigation-menu"',
+    style: 'display: contents',
+  },
   providers: [
     {
       provide: NAVIGATION_MENU_CONTEXT,

package/src/app/lib/components/ui/pagination/pagination-content.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'PaginationContent',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"pagination-content"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/pagination/pagination-ellipsis.component.ts CHANGED Viewed

@@ -27,6 +27,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <span class="sr-only">More pages</span>
   `,
   host: {
+    'attr.data-slot': '"pagination-ellipsis"',
     '[class]': 'computedClass()',
     '[attr.aria-hidden]': '"true"',
   },

package/src/app/lib/components/ui/pagination/pagination-item.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'PaginationItem',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"pagination-item"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/pagination/pagination-link.component.ts CHANGED Viewed

@@ -10,6 +10,7 @@ import { buttonVariants } from '../button/button-variants';
   selector: 'PaginationLink',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"pagination-link"',
     '[class]': 'computedClass()',
     '[attr.href]': 'href()',
     '[attr.aria-current]': 'isActive() ? "page" : null',

package/src/app/lib/components/ui/pagination/pagination-next.component.ts CHANGED Viewed

@@ -26,6 +26,7 @@ import { buttonVariants } from '../button/button-variants';
     </svg>
   `,
   host: {
+    'attr.data-slot': '"pagination-next"',
     '[class]': 'computedClass()',
     '[attr.href]': 'href()',
     '[attr.aria-label]': '"Go to next page"',

package/src/app/lib/components/ui/pagination/pagination-previous.component.ts CHANGED Viewed

@@ -26,6 +26,7 @@ import { buttonVariants } from '../button/button-variants';
     <span>Previous</span>
   `,
   host: {
+    'attr.data-slot': '"pagination-previous"',
     '[class]': 'computedClass()',
     '[attr.href]': 'href()',
     '[attr.aria-label]': '"Go to previous page"',

package/src/app/lib/components/ui/pagination/pagination.component.ts CHANGED Viewed

@@ -27,6 +27,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'Pagination',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"pagination"',
     role: 'navigation',
     '[attr.aria-label]': '"pagination"',
     '[class]': 'computedClass()',

package/src/app/lib/components/ui/popover/popover-anchor.component.ts CHANGED Viewed

@@ -42,6 +42,7 @@ export interface PopoverAnchorProps {
   selector: 'PopoverAnchor',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"popover-anchor"',
     class: 'inline-block',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/popover/popover-content.component.ts CHANGED Viewed

@@ -107,6 +107,7 @@ export interface PopoverContentProps {
     </Presence>
   `,
   host: {
+    'attr.data-slot': '"popover-content"',
     class: 'contents',
     '(document:click)': 'onDocumentClick($event)',
     '(document:keydown.escape)': 'onEscapeKey()',

package/src/app/lib/components/ui/popover/popover-trigger.component.ts CHANGED Viewed

@@ -59,6 +59,7 @@ export interface PopoverTriggerProps {
   selector: 'PopoverTrigger',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"popover-trigger"',
     '(click)': 'onClick($event)',
     '[attr.aria-expanded]': 'context.open()',
     '[attr.aria-haspopup]': '"dialog"',

package/src/app/lib/components/ui/popover/popover.component.ts CHANGED Viewed

@@ -98,6 +98,7 @@ export interface PopoverProps {
   selector: 'Popover',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"popover"',
     class: 'relative',
   },
   providers: [

package/src/app/lib/components/ui/resizable/resizable-handle.component.ts CHANGED Viewed

@@ -43,6 +43,7 @@ let handleIdCounter = 0;
     }
   `,
   host: {
+    'attr.data-slot': '"resizable-handle"',
     '[class]': 'computedClass()',
     '[attr.data-panel-resize-handle]': 'true',
     '[attr.data-panel-resize-handle-id]': 'handleId',

package/src/app/lib/components/ui/resizable/resizable-panel-group.component.ts CHANGED Viewed

@@ -28,6 +28,7 @@ import { RESIZABLE_CONTEXT, type ResizableContextValue } from './resizable-conte
   selector: 'ResizablePanelGroup',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"resizable-panel-group"',
     '[class]': 'computedClass()',
     '[attr.data-panel-group]': 'true',
     '[attr.data-panel-group-direction]': 'direction()',

package/src/app/lib/components/ui/resizable/resizable-panel.component.ts CHANGED Viewed

@@ -17,6 +17,7 @@ let panelIdCounter = 0;
   selector: 'ResizablePanel',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"resizable-panel"',
     '[class]': 'computedClass()',
     '[style.flex-basis.%]': 'currentSize()',
     '[attr.data-panel]': 'true',

package/src/app/lib/components/ui/scroll-area/scroll-area.component.ts CHANGED Viewed

@@ -84,6 +84,7 @@ export interface ScrollAreaProps {
     <ng-content select="ScrollBar" />
   `,
   host: {
+    'attr.data-slot': '"scroll-area"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/scroll-area/scroll-bar.component.ts CHANGED Viewed

@@ -46,6 +46,7 @@ export interface ScrollBarProps {
   selector: 'ScrollBar',
   template: ` <div [class]="thumbClass()"></div> `,
   host: {
+    'attr.data-slot': '"scroll-bar"',
     '[class]': 'computedClass()',
     '[attr.data-orientation]': 'orientation()',
   },

package/src/app/lib/components/ui/select/select-content.component.ts CHANGED Viewed

@@ -49,8 +49,9 @@ export class SelectContent {
   protected readonly dropdownClass = computed(() =>
     cn(
       'bg-popover text-popover-foreground absolute left-0 top-full z-50 mt-1 w-full overflow-hidden rounded-md border shadow-md',
-      'animate-in fade-in-0 zoom-in-95',
-      !this.context?.open() && 'pointer-events-none invisible opacity-0',
+      'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+      'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
+      'data-[state=closed]:pointer-events-none',
       this.class(),
     ),
   );

package/src/app/lib/components/ui/sheet/sheet-close.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { SHEET_CONTEXT } from './sheet-context';
   selector: 'SheetClose',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-close"',
     class: 'contents',
     '(click)': 'onClick($event)',
   },

package/src/app/lib/components/ui/sheet/sheet-content.component.ts CHANGED Viewed

@@ -76,6 +76,7 @@ import { sheetVariants, type SheetVariants } from './sheet-variants';
     </Presence>
   `,
   host: {
+    'attr.data-slot': '"sheet-content"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/sheet/sheet-description.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { SHEET_CONTEXT } from './sheet-context';
   selector: 'SheetDescription',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-description"',
     '[class]': 'computedClass()',
     '[attr.id]': 'context.descriptionId',
   },

package/src/app/lib/components/ui/sheet/sheet-footer.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SheetFooter',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-footer"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/sheet/sheet-header.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SheetHeader',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-header"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/sheet/sheet-title.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { SHEET_CONTEXT } from './sheet-context';
   selector: 'SheetTitle',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-title"',
     '[class]': 'computedClass()',
     '[attr.id]': 'context.titleId',
   },

package/src/app/lib/components/ui/sheet/sheet-trigger.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { SHEET_CONTEXT } from './sheet-context';
   selector: 'SheetTrigger',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sheet-trigger"',
     '(click)': 'onClick($event)',
     '[attr.aria-haspopup]': '"dialog"',
     '[attr.aria-expanded]': 'context.open()',

package/src/app/lib/components/ui/sheet/sheet.component.ts CHANGED Viewed

@@ -33,6 +33,10 @@ import { SHEET_CONTEXT, type SheetContextValue } from './sheet-context';
 @Component({
   selector: 'Sheet',
   template: `<ng-content />`,
+  host: {
+    'attr.data-slot': '"sheet"',
+    style: 'display: contents',
+  },
   providers: [
     {
       provide: SHEET_CONTEXT,

package/src/app/lib/components/ui/sidebar/sidebar-content.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarContent',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-content"',
     '[class]': 'computedClass()',
     'data-sidebar': 'content',
   },

package/src/app/lib/components/ui/sidebar/sidebar-footer.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarFooter',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-footer"',
     '[class]': 'computedClass()',
     'data-sidebar': 'footer',
   },

package/src/app/lib/components/ui/sidebar/sidebar-group-action.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarGroupAction',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-group-action"',
     '[class]': 'computedClass()',
     'data-sidebar': 'group-action',
   },

package/src/app/lib/components/ui/sidebar/sidebar-group-content.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarGroupContent',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-group-content"',
     '[class]': 'computedClass()',
     'data-sidebar': 'group-content',
   },

package/src/app/lib/components/ui/sidebar/sidebar-group-label.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarGroupLabel',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-group-label"',
     '[class]': 'computedClass()',
     'data-sidebar': 'group-label',
   },

package/src/app/lib/components/ui/sidebar/sidebar-group.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarGroup',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-group"',
     '[class]': 'computedClass()',
     'data-sidebar': 'group',
   },

package/src/app/lib/components/ui/sidebar/sidebar-header.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarHeader',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-header"',
     '[class]': 'computedClass()',
     'data-sidebar': 'header',
   },

package/src/app/lib/components/ui/sidebar/sidebar-input.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarInput',
   template: ``,
   host: {
+    'attr.data-slot': '"sidebar-input"',
     '[class]': 'computedClass()',
     'data-sidebar': 'input',
   },

package/src/app/lib/components/ui/sidebar/sidebar-inset.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarInset',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-inset"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/sidebar/sidebar-menu-action.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenuAction',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-action"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-action',
     '[attr.role]': '"button"',

package/src/app/lib/components/ui/sidebar/sidebar-menu-badge.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenuBadge',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-badge"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-badge',
   },

package/src/app/lib/components/ui/sidebar/sidebar-menu-button.component.ts CHANGED Viewed

@@ -12,6 +12,7 @@ import type { AriaCurrentValue } from './sidebar-context';
   selector: 'SidebarMenuButton',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-button"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-button',
     '[attr.data-size]': 'size()',

package/src/app/lib/components/ui/sidebar/sidebar-menu-item.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenuItem',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-item"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-item',
     '[attr.role]': '"presentation"',

package/src/app/lib/components/ui/sidebar/sidebar-menu-skeleton.component.ts CHANGED Viewed

@@ -13,6 +13,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     ></div>
   `,
   host: {
+    'attr.data-slot': '"sidebar-menu-skeleton"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-skeleton',
   },

package/src/app/lib/components/ui/sidebar/sidebar-menu-sub-button.component.ts CHANGED Viewed

@@ -12,6 +12,7 @@ import type { AriaCurrentValue } from './sidebar-context';
   selector: 'SidebarMenuSubButton',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-sub-button"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-sub-button',
     '[attr.data-size]': 'size()',

package/src/app/lib/components/ui/sidebar/sidebar-menu-sub-item.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenuSubItem',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-sub-item"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/sidebar/sidebar-menu-sub.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenuSub',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu-sub"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu-sub',
   },

package/src/app/lib/components/ui/sidebar/sidebar-menu.component.ts CHANGED Viewed

@@ -10,6 +10,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarMenu',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-menu"',
     '[class]': 'computedClass()',
     'data-sidebar': 'menu',
     '[attr.role]': '"menu"',

package/src/app/lib/components/ui/sidebar/sidebar-provider.component.ts CHANGED Viewed

@@ -41,6 +41,7 @@ import {
   selector: 'SidebarProvider',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"sidebar-provider"',
     '[class]': 'computedClass()',
     '[style.--sidebar-width]': 'sidebarWidth',
     '[style.--sidebar-width-icon]': 'SIDEBAR_WIDTH_ICON',

package/src/app/lib/components/ui/sidebar/sidebar-rail.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { SIDEBAR_CONTEXT } from './sidebar-context';
   selector: 'SidebarRail',
   template: ``,
   host: {
+    'attr.data-slot': '"sidebar-rail"',
     '[class]': 'computedClass()',
     '[attr.aria-label]': '"Toggle Sidebar"',
     '[attr.tabindex]': '-1',

package/src/app/lib/components/ui/sidebar/sidebar-separator.component.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'SidebarSeparator',
   template: ``,
   host: {
+    'attr.data-slot': '"sidebar-separator"',
     '[class]': 'computedClass()',
     'data-sidebar': 'separator',
   },

package/src/app/lib/components/ui/sidebar/sidebar-trigger.component.ts CHANGED Viewed

@@ -27,6 +27,7 @@ import { SIDEBAR_CONTEXT } from './sidebar-context';
     <ng-content />
   `,
   host: {
+    'attr.data-slot': '"sidebar-trigger"',
     '[class]': 'computedClass()',
     '(click)': 'onClick()',
   },

package/src/app/lib/components/ui/sidebar/sidebar.component.ts CHANGED Viewed

@@ -52,6 +52,7 @@ import {
     }
   `,
   host: {
+    'attr.data-slot': '"sidebar"',
     '[attr.data-state]': 'context.state()',
     '[attr.data-collapsible]': 'context.state() === "collapsed" ? collapsible() : ""',
     '[attr.data-variant]': 'variant()',

package/src/app/lib/components/ui/spinner/spinner.component.ts CHANGED Viewed

@@ -43,6 +43,7 @@ import { spinnerVariants, type SpinnerVariants } from './spinner-variants';
     </svg>
   `,
   host: {
+    'attr.data-slot': '"spinner"',
     role: 'status',
     'aria-label': 'Loading',
     '[attr.aria-busy]': 'true',

package/src/app/lib/components/ui/table/table-body.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <ng-content />
   </tbody>`,
   host: {
+    'attr.data-slot': '"table-body"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-caption.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <ng-content />
   </caption>`,
   host: {
+    'attr.data-slot': '"table-caption"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-cell.component.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TableCell',
   template: `<td [class]="computedClass()"><ng-content /></td>`,
   host: {
+    'attr.data-slot': '"table-cell"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-footer.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <ng-content />
   </tfoot>`,
   host: {
+    'attr.data-slot': '"table-footer"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-head.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TableHead',
   template: `<th [scope]="scope()" [class]="computedClass()"><ng-content /></th>`,
   host: {
+    'attr.data-slot': '"table-head"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-header.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <ng-content />
   </thead>`,
   host: {
+    'attr.data-slot': '"table-header"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table-row.component.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     <ng-content />
   </tr>`,
   host: {
+    'attr.data-slot': '"table-row"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/table/table.component.ts CHANGED Viewed

@@ -29,6 +29,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     </table>
   `,
   host: {
+    'attr.data-slot': '"table"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,