@ng-cn/core 1.0.16 → 1.0.17

package/src/app/lib/components/ui/tabs/tabs-content.component.ts

@@ -59,18 +59,15 @@ export interface TabsContentProps {
  */
 @Component({
   selector: 'TabsContent',
-  template: `
-    @if (shouldRender()) {
-      <ng-content />
-    }
-  `,
+  template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"tabs-content"',
     '[class]': 'computedClass()',
     '[attr.id]': 'panelId()',
     '[attr.data-state]': 'state()',
     '[attr.data-orientation]': 'tabs.orientation()',
     '[attr.aria-labelledby]': 'tabId()',
-    '[attr.hidden]': '!isActive() ? true : null',
+    '[attr.hidden]': '!isActive() && !forceMount() ? true : null',
     '[attr.tabindex]': 'isActive() ? 0 : -1',
     role: 'tabpanel',
   },

package/src/app/lib/components/ui/tabs/tabs-list.component.ts

@@ -86,6 +86,7 @@ export interface TabsListProps {
     }
   `,
   host: {
+    'attr.data-slot': '"tabs-list"',
     '[class]': 'computedClass()',
     role: 'tablist',
     '[attr.id]': 'tabs.tablistId',

package/src/app/lib/components/ui/tabs/tabs-trigger.component.ts

@@ -74,6 +74,7 @@ export interface TabsTriggerProps {
   selector: 'TabsTrigger',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"tabs-trigger"',
     '[class]': 'computedClass()',
     '[attr.id]': 'tabId()',
     '[attr.data-state]': 'state()',

package/src/app/lib/components/ui/tabs/tabs.component.ts

@@ -116,6 +116,7 @@ export interface TabsProps {
   selector: 'Tabs',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"tabs"',
     '[class]': 'computedClass()',
     '[attr.data-orientation]': 'orientation()',
   },

package/src/app/lib/components/ui/toast/toast-action.component.ts

@@ -44,6 +44,7 @@ export interface ToastActionProps {
     </button>
   `,
   host: {
+    'attr.data-slot': '"toast-action"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/toast/toast-description.component.ts

@@ -30,6 +30,7 @@ export interface ToastDescriptionProps {
   selector: 'ToastDescription',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"toast-description"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/toast/toast-title.component.ts

@@ -30,6 +30,7 @@ export interface ToastTitleProps {
   selector: 'ToastTitle',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"toast-title"',
     '[class]': 'computedClass()',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/toast/toast.component.ts

@@ -133,6 +133,7 @@ export interface ToastProps {
     </div>
   `,
   host: {
+    'attr.data-slot': '"toast"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/toast/toaster.component.ts

@@ -84,6 +84,7 @@ export interface ToasterProps {
     </div>
   `,
   host: {
+    'attr.data-slot': '"toaster"',
     class: 'contents',
     ngSkipHydration: 'true',
   },

package/src/app/lib/components/ui/toggle/toggle-variants.ts

@@ -6,7 +6,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
  * WCAG AA compliant contrast ratios for all variants
  */
 export const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-foreground transition-colors hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-foreground transition-colors hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 [&_lucide-icon]:pointer-events-none [&_lucide-icon:not([class*='size-'])]:size-4 [&_lucide-icon]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none",
   {
     variants: {
       variant: {

package/src/app/lib/components/ui/tooltip/tooltip-content.component.ts

@@ -91,6 +91,7 @@ export interface TooltipContentProps {
     </Presence>
   `,
   host: {
+    'attr.data-slot': '"tooltip-content"',
     class: 'contents',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,

package/src/app/lib/components/ui/tooltip/tooltip-provider.component.ts

@@ -52,6 +52,10 @@ export interface TooltipProviderProps {
 @Component({
   selector: 'TooltipProvider',
   template: `<ng-content />`,
+  host: {
+    'attr.data-slot': '"tooltip-provider"',
+    style: 'display: contents',
+  },
   providers: [
     {
       provide: TOOLTIP_CONTEXT,

package/src/app/lib/components/ui/tooltip/tooltip-trigger.component.ts

@@ -54,6 +54,7 @@ export interface TooltipTriggerProps {
   selector: 'TooltipTrigger',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"tooltip-trigger"',
     '(mouseenter)': 'onMouseEnter()',
     '(mouseleave)': 'onMouseLeave()',
     '(focus)': 'onFocus()',

package/src/app/lib/components/ui/tooltip/tooltip.component.ts

@@ -96,6 +96,7 @@ export interface TooltipProps {
   selector: 'Tooltip',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"tooltip"',
     class: 'relative inline-block',
   },
   providers: [

package/src/app/lib/components/ui/typography/typography-blockquote.component.ts

@@ -13,6 +13,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyBlockquote',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-blockquote"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-h1.component.ts

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyH1',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-h1"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-h2.component.ts

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyH2',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-h2"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-h3.component.ts

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyH3',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-h3"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-h4.component.ts

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyH4',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-h4"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-inline-code.component.ts

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

package/src/app/lib/components/ui/typography/typography-large.component.ts

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

package/src/app/lib/components/ui/typography/typography-lead.component.ts

@@ -13,6 +13,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyLead',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-lead"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-list.component.ts

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

package/src/app/lib/components/ui/typography/typography-muted.component.ts

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

package/src/app/lib/components/ui/typography/typography-p.component.ts

@@ -11,6 +11,7 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
   selector: 'TypographyP',
   template: `<ng-content />`,
   host: {
+    'attr.data-slot': '"typography-p"',
     '[class]': 'computedClass()',
     style: 'display: block',
   },

package/src/app/lib/components/ui/typography/typography-small.component.ts

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