npm - @ngbase/adk - Versions diffs - 0.1.7 → 0.1.8 - Mend

@ngbase/adk 0.1.7 → 0.1.8

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 (15) hide show

package/fesm2022/ngbase-adk-tabs.mjs CHANGED Viewed

@@ -97,7 +97,7 @@ class TabButton {
         this.accessibleItem._ayId.set(this.tabGroup.ayId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TabButton, isStandalone: true, selector: "button[ngbTabButton]", inputs: { ngbTabButton: { classPropertyName: "ngbTabButton", publicName: "ngbTabButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "click": "!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())" }, properties: { "attr.id": "ngbTabButton().id" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TabButton, isStandalone: true, selector: "button[ngbTabButton]", inputs: { ngbTabButton: { classPropertyName: "ngbTabButton", publicName: "ngbTabButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "click": "!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())" }, properties: { "attr.id": "ngbTabButton().id", "attr.data-ch": "!!ngbTabButton().header()" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
     @if (ngbTabButton().header(); as template) {
       <ng-container *ngTemplateOutlet="template" />
     } @else {
@@ -124,6 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         role: 'tab',
                         '[attr.id]': 'ngbTabButton().id',
                         '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',
+                        '[attr.data-ch]': `!!ngbTabButton().header()`,
                     },
                 }]
         }], ctorParameters: () => [] });

package/fesm2022/ngbase-adk-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngbase-adk-tabs.mjs","sources":["../../../projects/adk/tabs/tab.ts","../../../projects/adk/tabs/tab-group.ts","../../../projects/adk/tabs/public-api.ts","../../../projects/adk/tabs/ngbase-adk-tabs.ts"],"sourcesContent":["import {\n Directive,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n input,\n signal,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbTabHeader]',\n})\nexport class NgbTabHeader {}\n\n@Directive({\n selector: '[ngbTabLazy]',\n})\nexport class NgbTabLazy {}\n\n@Directive({\n selector: 'ngb-tab',\n exportAs: 'ngbTab',\n host: {\n role: 'tabpanel',\n '[tabindex]': 'active() ? 0 : -1',\n '[attr.aria-hidden]': '!active()',\n '[attr.aria-labelledby]': 'id',\n },\n})\nexport class NgbTab {\n // Dependencies\n readonly header = contentChild(NgbTabHeader, { read: TemplateRef });\n readonly lazy = contentChild(NgbTabLazy, { read: TemplateRef });\n\n // Inputs\n readonly label = input('Tab');\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly mode = input<'hidden' \| 'lazy'>();\n readonly value = input<string \| number>();\n\n readonly id = uniqueId();\n readonly index = signal(0);\n readonly tabId = computed(() => this.value() ?? this.index());\n\n // State\n readonly active = signal(false);\n\n private activated = false;\n readonly activeMode = computed(() => {\n this.activated \|\|= this.active();\n return this.mode() ? this.activated : this.active();\n });\n readonly lazyTemplate = computed(() => this.active() && this.lazy());\n}\n\nexport function aliasTab(tab: typeof NgbTab) {\n return { provide: NgbTab, useExisting: tab };\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n afterNextRender,\n computed,\n contentChildren,\n effect,\n inject,\n input,\n model,\n output,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTab } from './tab';\n\nexport interface NgbTabChangeEvent {\n tab: NgbTab;\n index: number;\n}\n\n@Directive({\n selector: '[ngbTabButtonsGroup]',\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tablist',\n style: 'scrollbar-width: none',\n },\n})\nexport class TabButtonsGroup {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleGroup = inject(AccessibleGroup);\n\n constructor() {\n this.accessibleGroup.ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Component({\n selector: 'button[ngbTabButton]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [AccessibleItem],\n imports: [NgTemplateOutlet],\n template: `\n @if (ngbTabButton().header(); as template) {\n <ng-container ngTemplateOutlet=\"template\" />\n } @else {\n {{ ngbTabButton().label() }}\n }\n `,\n host: {\n type: 'button',\n role: 'tab',\n '[attr.id]': 'ngbTabButton().id',\n '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',\n },\n})\nexport class TabButton {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleItem = inject(AccessibleItem);\n\n readonly ngbTabButton = input.required<NgbTab>();\n\n constructor() {\n this.accessibleItem._selected = computed(\n () => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(),\n );\n this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());\n this.accessibleItem._ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Directive({\n selector: 'button[ngbTabScroll]',\n host: {\n type: 'button',\n tabindex: '-1',\n style: '{display: none}',\n '(click)': 'tabGroup.scroll(ngbTabScroll())',\n },\n})\nexport class TabScroll {\n readonly ngbTabScroll = input.required<'left' \| 'right'>();\n readonly tabGroup = inject(NgbTabs);\n}\n\n@Directive({\n selector: 'ngb-tabs',\n exportAs: 'ngbTabs',\n})\nexport class NgbTabs<T extends NgbTab = NgbTab> {\n readonly tabList = viewChild.required<TabButtonsGroup, ElementRef<HTMLElement>>(TabButtonsGroup, {\n read: ElementRef,\n });\n readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n readonly tabButtons = viewChildren<TabButton, ElementRef<HTMLElement>>(TabButton, {\n read: ElementRef,\n });\n // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');\n // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');\n readonly scrollButtons = viewChildren<TabScroll, ElementRef<HTMLElement>>(TabScroll, {\n read: ElementRef,\n });\n readonly tabs = contentChildren<T>(NgbTab as any);\n\n readonly selectedIndex = model<any>(0);\n readonly selectedTabChange = output<NgbTabChangeEvent>();\n\n private selectedId?: number;\n private readonly tabMap = new Map<number, string>();\n readonly ayId = uniqueId();\n\n constructor() {\n effect(cleanup => {\n const tabList = this.tabList().nativeElement;\n const tabListContainer = this.tabListContainer().nativeElement;\n if (typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n this.updateScrollDisplay(tabList);\n });\n observer.observe(tabListContainer);\n cleanup(() => observer.disconnect());\n }\n });\n\n effect(() => {\n const tabs = this.tabs();\n tabs.forEach((tab, index) => tab.index.set(index));\n });\n\n effect(() => {\n const tabs = this.tabs();\n let activeIndex = this.selectedIndex();\n if (activeIndex === undefined \|\| activeIndex === null) {\n this.setActive(tabs[0]);\n return;\n } else if (activeIndex >= tabs.length) {\n // if the index is out of bounds, set the last tab as active\n this.setActive(tabs[tabs.length - 1]);\n return;\n }\n\n if (this.selectedId !== undefined && activeIndex === this.selectedId) {\n const id = this.tabMap.get(this.selectedId);\n const tab = tabs.find(tab => tab.id === id);\n if (tab && activeIndex !== tab.index()) {\n this.setActive(tab);\n this.selectedId = undefined;\n return;\n }\n }\n\n // make sure the index is not a disabled tab\n // if (tabs[activeIndex]?.disabled()) {\n // const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);\n // activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;\n // this.selectedIndex.set(activeIndex);\n // this.selectedId = activeIndex;\n // return;\n // }\n\n // tabMap is used to keep track of the tab headers\n this.tabMap.clear();\n let activeTab: NgbTab;\n tabs.forEach((tab, index) => {\n tab.active.set(activeIndex === tab.tabId());\n if (activeIndex === tab.tabId()) {\n activeTab = tab;\n }\n this.tabMap.set(index, tab.id);\n });\n\n this.selectedId = activeIndex;\n\n // scroll to the active tab\n this.scrollToActive(activeTab!.index());\n });\n\n afterNextRender(() => {\n const el = this.tabList().nativeElement;\n this.updateScrollDisplay(el);\n el.addEventListener('scroll', () => {\n requestAnimationFrame(() => {\n this.updateScrollDisplay(el);\n });\n });\n });\n }\n\n private updateScrollDisplay(el: HTMLElement) {\n const leftScroll = this.scrollButtons()[0]!.nativeElement;\n const rightScroll = this.scrollButtons()[1]!.nativeElement;\n leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';\n rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';\n }\n\n scroll(direction: 'left' \| 'right') {\n const tabList = this.tabList()!.nativeElement;\n const el = this.tabList()!.nativeElement;\n const scroll = el.clientWidth 0.8;\n const isLeft = direction === 'left';\n tabList.scrollTo({\n left: tabList.scrollLeft + (isLeft ? -scroll : scroll),\n behavior: 'smooth',\n });\n }\n\n setActive(tab: NgbTab) {\n // if the tab is not found, return\n if (!tab) return;\n\n this.selectedIndex.set(tab.tabId());\n this.scrollToActive(tab.index());\n this.selectedTabChange.emit({ tab, index: tab.index() });\n }\n\n private scrollToActive(index: number) {\n const tabList = this.tabList().nativeElement;\n const tabs = this.tabButtons().slice(0, index + 1);\n // ssr does not support getBoundingClientRect\n const totalWidth = tabs.reduce((a, c) => {\n const width = c.nativeElement.getBoundingClientRect?.().width \|\| 0;\n return a + width;\n }, 0);\n\n const { width } = tabList.getBoundingClientRect?.() \|\| { width: 0 };\n const scrollLeft = tabList.scrollLeft;\n const lastTab = tabs[tabs.length - 1]?.nativeElement;\n const lastTabWidth = lastTab?.getBoundingClientRect?.().width \|\| 0;\n const withoutLastTabWidth = totalWidth - lastTabWidth;\n\n const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;\n const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;\n\n if (withoutLastTabWidth < scrollLeft \|\| totalWidth > scrollLeft + width) {\n tabList.scrollTo({ left, behavior: 'smooth' });\n }\n }\n}\n\nexport function aliasTabs<T extends NgbTab>(tab: typeof NgbTabs<T>) {\n return {\n provide: NgbTabs,\n useExisting: tab,\n };\n}\n","/\n Public API Surface of tab\n /\n\nexport from './tab';\nexport * from './tab-group';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngbase-adk-tabs.mjs","sources":["../../../projects/adk/tabs/tab.ts","../../../projects/adk/tabs/tab-group.ts","../../../projects/adk/tabs/public-api.ts","../../../projects/adk/tabs/ngbase-adk-tabs.ts"],"sourcesContent":["import {\n Directive,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n input,\n signal,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbTabHeader]',\n})\nexport class NgbTabHeader {}\n\n@Directive({\n selector: '[ngbTabLazy]',\n})\nexport class NgbTabLazy {}\n\n@Directive({\n selector: 'ngb-tab',\n exportAs: 'ngbTab',\n host: {\n role: 'tabpanel',\n '[tabindex]': 'active() ? 0 : -1',\n '[attr.aria-hidden]': '!active()',\n '[attr.aria-labelledby]': 'id',\n },\n})\nexport class NgbTab {\n // Dependencies\n readonly header = contentChild(NgbTabHeader, { read: TemplateRef });\n readonly lazy = contentChild(NgbTabLazy, { read: TemplateRef });\n\n // Inputs\n readonly label = input('Tab');\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly mode = input<'hidden' \| 'lazy'>();\n readonly value = input<string \| number>();\n\n readonly id = uniqueId();\n readonly index = signal(0);\n readonly tabId = computed(() => this.value() ?? this.index());\n\n // State\n readonly active = signal(false);\n\n private activated = false;\n readonly activeMode = computed(() => {\n this.activated \|\|= this.active();\n return this.mode() ? this.activated : this.active();\n });\n readonly lazyTemplate = computed(() => this.active() && this.lazy());\n}\n\nexport function aliasTab(tab: typeof NgbTab) {\n return { provide: NgbTab, useExisting: tab };\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n afterNextRender,\n computed,\n contentChildren,\n effect,\n inject,\n input,\n model,\n output,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTab } from './tab';\n\nexport interface NgbTabChangeEvent {\n tab: NgbTab;\n index: number;\n}\n\n@Directive({\n selector: '[ngbTabButtonsGroup]',\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tablist',\n style: 'scrollbar-width: none',\n },\n})\nexport class TabButtonsGroup {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleGroup = inject(AccessibleGroup);\n\n constructor() {\n this.accessibleGroup.ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Component({\n selector: 'button[ngbTabButton]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [AccessibleItem],\n imports: [NgTemplateOutlet],\n template: `\n @if (ngbTabButton().header(); as template) {\n <ng-container ngTemplateOutlet=\"template\" />\n } @else {\n {{ ngbTabButton().label() }}\n }\n `,\n host: {\n type: 'button',\n role: 'tab',\n '[attr.id]': 'ngbTabButton().id',\n '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',\n '[attr.data-ch]': `!!ngbTabButton().header()`,\n },\n})\nexport class TabButton {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleItem = inject(AccessibleItem);\n\n readonly ngbTabButton = input.required<NgbTab>();\n\n constructor() {\n this.accessibleItem._selected = computed(\n () => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(),\n );\n this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());\n this.accessibleItem._ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Directive({\n selector: 'button[ngbTabScroll]',\n host: {\n type: 'button',\n tabindex: '-1',\n style: '{display: none}',\n '(click)': 'tabGroup.scroll(ngbTabScroll())',\n },\n})\nexport class TabScroll {\n readonly ngbTabScroll = input.required<'left' \| 'right'>();\n readonly tabGroup = inject(NgbTabs);\n}\n\n@Directive({\n selector: 'ngb-tabs',\n exportAs: 'ngbTabs',\n})\nexport class NgbTabs<T extends NgbTab = NgbTab> {\n readonly tabList = viewChild.required<TabButtonsGroup, ElementRef<HTMLElement>>(TabButtonsGroup, {\n read: ElementRef,\n });\n readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n readonly tabButtons = viewChildren<TabButton, ElementRef<HTMLElement>>(TabButton, {\n read: ElementRef,\n });\n // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');\n // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');\n readonly scrollButtons = viewChildren<TabScroll, ElementRef<HTMLElement>>(TabScroll, {\n read: ElementRef,\n });\n readonly tabs = contentChildren<T>(NgbTab as any);\n\n readonly selectedIndex = model<any>(0);\n readonly selectedTabChange = output<NgbTabChangeEvent>();\n\n private selectedId?: number;\n private readonly tabMap = new Map<number, string>();\n readonly ayId = uniqueId();\n\n constructor() {\n effect(cleanup => {\n const tabList = this.tabList().nativeElement;\n const tabListContainer = this.tabListContainer().nativeElement;\n if (typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n this.updateScrollDisplay(tabList);\n });\n observer.observe(tabListContainer);\n cleanup(() => observer.disconnect());\n }\n });\n\n effect(() => {\n const tabs = this.tabs();\n tabs.forEach((tab, index) => tab.index.set(index));\n });\n\n effect(() => {\n const tabs = this.tabs();\n let activeIndex = this.selectedIndex();\n if (activeIndex === undefined \|\| activeIndex === null) {\n this.setActive(tabs[0]);\n return;\n } else if (activeIndex >= tabs.length) {\n // if the index is out of bounds, set the last tab as active\n this.setActive(tabs[tabs.length - 1]);\n return;\n }\n\n if (this.selectedId !== undefined && activeIndex === this.selectedId) {\n const id = this.tabMap.get(this.selectedId);\n const tab = tabs.find(tab => tab.id === id);\n if (tab && activeIndex !== tab.index()) {\n this.setActive(tab);\n this.selectedId = undefined;\n return;\n }\n }\n\n // make sure the index is not a disabled tab\n // if (tabs[activeIndex]?.disabled()) {\n // const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);\n // activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;\n // this.selectedIndex.set(activeIndex);\n // this.selectedId = activeIndex;\n // return;\n // }\n\n // tabMap is used to keep track of the tab headers\n this.tabMap.clear();\n let activeTab: NgbTab;\n tabs.forEach((tab, index) => {\n tab.active.set(activeIndex === tab.tabId());\n if (activeIndex === tab.tabId()) {\n activeTab = tab;\n }\n this.tabMap.set(index, tab.id);\n });\n\n this.selectedId = activeIndex;\n\n // scroll to the active tab\n this.scrollToActive(activeTab!.index());\n });\n\n afterNextRender(() => {\n const el = this.tabList().nativeElement;\n this.updateScrollDisplay(el);\n el.addEventListener('scroll', () => {\n requestAnimationFrame(() => {\n this.updateScrollDisplay(el);\n });\n });\n });\n }\n\n private updateScrollDisplay(el: HTMLElement) {\n const leftScroll = this.scrollButtons()[0]!.nativeElement;\n const rightScroll = this.scrollButtons()[1]!.nativeElement;\n leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';\n rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';\n }\n\n scroll(direction: 'left' \| 'right') {\n const tabList = this.tabList()!.nativeElement;\n const el = this.tabList()!.nativeElement;\n const scroll = el.clientWidth 0.8;\n const isLeft = direction === 'left';\n tabList.scrollTo({\n left: tabList.scrollLeft + (isLeft ? -scroll : scroll),\n behavior: 'smooth',\n });\n }\n\n setActive(tab: NgbTab) {\n // if the tab is not found, return\n if (!tab) return;\n\n this.selectedIndex.set(tab.tabId());\n this.scrollToActive(tab.index());\n this.selectedTabChange.emit({ tab, index: tab.index() });\n }\n\n private scrollToActive(index: number) {\n const tabList = this.tabList().nativeElement;\n const tabs = this.tabButtons().slice(0, index + 1);\n // ssr does not support getBoundingClientRect\n const totalWidth = tabs.reduce((a, c) => {\n const width = c.nativeElement.getBoundingClientRect?.().width \|\| 0;\n return a + width;\n }, 0);\n\n const { width } = tabList.getBoundingClientRect?.() \|\| { width: 0 };\n const scrollLeft = tabList.scrollLeft;\n const lastTab = tabs[tabs.length - 1]?.nativeElement;\n const lastTabWidth = lastTab?.getBoundingClientRect?.().width \|\| 0;\n const withoutLastTabWidth = totalWidth - lastTabWidth;\n\n const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;\n const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;\n\n if (withoutLastTabWidth < scrollLeft \|\| totalWidth > scrollLeft + width) {\n tabList.scrollTo({ left, behavior: 'smooth' });\n }\n }\n}\n\nexport function aliasTabs<T extends NgbTab>(tab: typeof NgbTabs<T>) {\n return {\n provide: NgbTabs,\n useExisting: tab,\n };\n}\n","/\n Public API Surface of tab\n /\n\nexport from './tab';\nexport * from './tab-group';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ngbase/adk",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/ng-base/ngbase.git"

package/schematics/components/files/badge/badge-llm.md.template CHANGED Viewed

@@ -10,12 +10,12 @@ import { Badge } from '@/ui/badge';
 - **Inputs:**
-  - `variant`: 'info' | 'success' | 'warning' | 'danger' = 'info' - Badge variant
+  - `variant`: 'default' | 'secondary' | 'outline' | 'destructive' = 'default' - Badge variant
 - **Export:** `<%= name %>Badge`
 ## Usage
 ```html
-<<%= name %>-badge>Badge</<%= name %>-badge> <button <%= name %>Badge variant="success">Badge</button>
+<<%= name %>-badge>Badge</<%= name %>-badge> <button <%= name %>Badge variant="secondary">Badge</button>
 ```

package/schematics/components/files/badge/badge.ts.template CHANGED Viewed

@@ -5,10 +5,15 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
   host: {
-    class: 'flex items-center gap-1 rounded-full px-2 py-1 text-xs font-semibold',
-    '[class]': `variant() === 'success' ? 'bg-green-100 text-green-700' : variant() === 'warning' ? 'bg-yellow-100 text-yellow-700' : variant() === 'danger' ? 'bg-red-100 text-red-700' : 'bg-muted'`,
+    class: 'inline-flex items-center gap-1 rounded-md border px-2.5 py-0.5 text-xs font-semibold',
+    '[class]': `variant() === 'default'
+      ? 'bg-primary text-primary-foreground hover:bg-primary/80 border-transparent'
+      : variant() === 'secondary' ? 'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent'
+      : variant() === 'outline' ? 'text-foreground border-input bg-background hover:bg-accent border-border'
+      : variant() === 'destructive' ? 'bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent'
+      : 'bg-muted border-transparent'`,
   },
 })
 export class Badge {
-  readonly variant = input<'info' | 'success' | 'warning' | 'danger'>('info');
+  readonly variant = input<'default' | 'secondary' | 'outline' | 'destructive'>('default');
 }

package/schematics/components/files/checkbox/focus-style.directive.ts.template CHANGED Viewed

@@ -1,12 +1,15 @@
-import { booleanAttribute, Directive, input } from '@angular/core';
+import { Directive } from '@angular/core';
+export const focusStyles = {
+  within: 'focus-within:ring-[2px] focus-within:border-primary',
+  focus:
+    'outline-none focus-visible:ring-[2px] ring-primary/30 ring-offset-background focus-visible:border-primary',
+};
 @Directive({
   selector: '[<%= name %>FocusStyle]',
   host: {
-    class: 'outline-none',
-    '[class]': `!unfocus() ? 'focus-visible:ring-2 focus-within:ring-2 focus-within:ring-offset-2 ring-primary focus-visible:ring-offset-2 ring-offset-background data-[focus]:ring-2 data-[focus]:ring-offset-2 data-[focus]:ring-offset-background data-[focus]:ring-primary' : ''`,
+    class: focusStyles.focus,
   },
 })
-export class FocusStyle {
-  unfocus = input(false, { transform: booleanAttribute });
-}
+export class FocusStyle {}

package/schematics/components/files/checkbox/index.ts.template CHANGED Viewed

@@ -3,4 +3,4 @@
  */
 export * from './checkbox';
-export { FocusStyle as ɵFocusStyle } from './focus-style.directive';
+export { FocusStyle as ɵFocusStyle, focusStyles as ɵFocusStyles } from './focus-style.directive';

package/schematics/components/files/form-field/form-field.ts.template CHANGED Viewed

@@ -25,7 +25,7 @@ import { NgbSelectTarget } from '@ngbase/adk/select';
   template: `
     <ng-content select="[<%= name %>Label]" />
     <ng-content select="[<%= name %>Description]" />
-    <div class="mt-1 flex items-center" #target <%= name %>InputStyle>
+    <div class="flex items-center" #target <%= name %>InputStyle>
       <ng-content select="[<%= name %>Prefix]" />
       <ng-content />
       <ng-content select="[<%= name %>Suffix]" />

package/schematics/components/files/form-field/input-style.directive.ts.template CHANGED Viewed

@@ -1,11 +1,10 @@
 import { Directive } from '@angular/core';
-import { ɵFocusStyle as FocusStyle } from '<%= basepath %>/checkbox';
+import { ɵFocusStyles as focusStyles } from '<%= basepath %>/checkbox';
 @Directive({
   selector: '[<%= name %>InputStyle]',
-  hostDirectives: [{ directive: FocusStyle, inputs: ['unfocus'] }],
   host: {
-    class: 'inline-block rounded-lg bg-transparent px-2.5 py-2 border font-normal min-h-10',
+    class: `mis inline-block rounded-lg bg-transparent px-2.5 py-2 border font-normal min-h-10 ${focusStyles.focus} ${focusStyles.within}`,
   },
 })
 export class InputStyle {}

package/schematics/components/files/list/list.ts.template CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Directive } from '@angular/core';
 import { NgbList, NgbListActionGroup, provideList } from '@ngbase/adk/list';
+import { FocusStyle } from '../checkbox/focus-style.directive';
 @Directive({
   selector: '[<%= name %>ListStyle]',
@@ -12,7 +13,7 @@ export class ListStyle {}
 @Directive({
   selector: '[<%= name %>List]',
-  hostDirectives: [ListStyle],
+  hostDirectives: [ListStyle, FocusStyle],
   providers: [provideList(List)],
   host: {
     role: 'list',

package/schematics/components/files/pagination/pagination.ts.template CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   lucideChevronsLeft,
   lucideChevronsRight,
 } from '@ng-icons/lucide';
+import { FormField } from '<%= basepath %>/form-field';
 @Component({
   selector: '<%= name %>-pagination',
@@ -22,21 +23,19 @@ import {
       lucideChevronsRight,
     }),
   ],
-  imports: [Button, Icon, Select, Option, NgbPaginationBtn],
+  imports: [Button, Icon, Select, Option, NgbPaginationBtn, FormField],
   template: `
     <div class="flex items-center gap-2">
       <div>Rows per page</div>
-      <<%= name %>-select
-        [value]="size()"
-        (valueChange)="sizeChanged($event)"
-        class="h-8 !w-auto rounded-md border px-2"
-      >
-        @for (size of sizeOptions(); track size) {
-          <<%= name %>-option [value]="size">
-            {{ size }}
-          </<%= name %>-option>
-        }
-      </<%= name %>-select>
+      <<%= name %>-form-field class="!w-auto [&>.mis]:min-h-8 [&>.mis]:py-0">
+        <<%= name %>-select [value]="size()" (valueChange)="sizeChanged($event)">
+          @for (size of sizeOptions(); track size) {
+            <<%= name %>-option [value]="size">
+              {{ size }}
+            </<%= name %>-option>
+          }
+        </<%= name %>-select>
+      </<%= name %>-form-field>
     </div>
     <div>Page {{ active() }} of {{ totalSnaps() }}</div>
     <div class="flex items-center gap-2">

package/schematics/components/files/select/option.ts.template CHANGED Viewed

@@ -14,7 +14,7 @@ import { ListStyle } from '<%= basepath %>/list';
     <ng-content />`,
   host: {
     class: 'outline-none',
-    '[class.bg-muted]': 'option.active() || option.checked()',
+    '[class.bg-muted]': 'option.active() || (!option.multiple() && option.checked())',
   },
 })
 export class Option<T> {
@@ -24,7 +24,7 @@ export class Option<T> {
 @Component({
   selector: '<%= name %>-option-group, [<%= name %>OptionGroup]',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<div class="text-muted-foreground bg-popover sticky -top-1 z-10 px-2 py-1.5 text-sm">
+  template: `<div class="sticky -top-1 z-10 bg-popover px-2 py-1.5 text-sm text-muted-foreground">
       {{ label() }}
     </div>
     <ng-content />`,

package/schematics/components/files/selectable/selectable.ts.template CHANGED Viewed

@@ -1,15 +1,16 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { NgbSelectable, NgbSelectableItem } from '@ngbase/adk/selectable';
+import { ɵFocusStyle as FocusStyle } from '<%= basepath %>/checkbox';
 @Component({
   selector: '<%= name %>-selectable-item, [<%= name %>SelectableItem]',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  hostDirectives: [{ directive: NgbSelectableItem, inputs: ['value'] }],
+  hostDirectives: [{ directive: NgbSelectableItem, inputs: ['value'] }, FocusStyle],
   template: `<ng-content />`,
   host: {
     class:
-      'flex-1 flex items-center font-medium justify-center px-3 py-1.5 cursor-pointer transition-colors rounded-md whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary',
-    '[class]': `selectable.selected() ? 'bg-background text-primary shadow-md ring-1 ring-border' : 'opacity-60'`,
+      'flex-1 flex items-center font-medium justify-center px-3 py-1.5 cursor-pointer transition-colors rounded-md whitespace-nowrap border',
+    '[class]': `selectable.selected() ? 'bg-background text-primary shadow-md border-border' : 'opacity-60 border-transparent'`,
   },
 })
 export class SelectableItem<T> {

package/schematics/components/files/tabs/tab.ts.template CHANGED Viewed

@@ -36,7 +36,7 @@ import {
             @for (tab of tabs(); track tab.id) {
               <button
                 [ngbTabButton]="tab"
-                class="whitespace-nowrap border-b-2 border-transparent px-4 py-3 font-medium text-muted-foreground aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted-foreground aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50"
+                class="whitespace-nowrap border-b-2 border-transparent font-medium text-muted-foreground aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted-foreground aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50 [&[data-ch='false']]:px-4 [&[data-ch='false']]:py-3 [&[data-ch='true']>*:first-child]:px-4 [&[data-ch='true']>*:first-child]:py-3"
               ></button>
             }
           </div>

package/schematics/components/files/theme/theme-button.component.ts.template DELETED Viewed

@@ -1,26 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Button } from '<%= basepath %>/button';
-import { Icon } from '<%= basepath %>/icon';
-import { provideIcons } from '@ng-icons/core';
-import { lucideMoon, lucideSun } from '@ng-icons/lucide';
-import { injectTheme } from './theme.service';
-@Component({
-  selector: '<%= name %>-theme-button',
-  imports: [Icon, Button],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  viewProviders: [provideIcons({ lucideMoon, lucideSun })],
-  template: `
-    <button <%= name %>Button="icon" class="tour-mode h-9 w-9" (click)="themeService.toggle()">
-      <<%= name %>-icon [name]="themeService.mode() === 'dark' ? 'lucideSun' : 'lucideMoon'" />
-      <span class="sr-only">Toggle theme</span>
-    </button>
-  `,
-})
-export class ThemeButton {
-  readonly themeService = injectTheme();
-  constructor() {
-    // shortcutListener('ctrl+d', () => this.themeService.toggle());
-  }
-}