@xui/carousel 2.0.0-alpha.15 → 2.0.0-alpha.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 (4) hide show
  1. package/README.md +1 -1
  2. package/fesm2022/xui-carousel.mjs +10 -4
  3. package/fesm2022/xui-carousel.mjs.map +1 -1
  4. package/package.json +4 -4
package/README.md CHANGED
@@ -127,7 +127,7 @@ The full token reference, rendered in both themes, is the **Design tokens** page
127
127
 
128
128
  **Date & time** — [`@xui/date-input`](https://www.npmjs.com/package/@xui/date-input) · [`@xui/date-picker`](https://www.npmjs.com/package/@xui/date-picker) · [`@xui/date-range-input`](https://www.npmjs.com/package/@xui/date-range-input) · [`@xui/date-range-picker`](https://www.npmjs.com/package/@xui/date-range-picker) · [`@xui/time-picker`](https://www.npmjs.com/package/@xui/time-picker) · [`@xui/timezone-select`](https://www.npmjs.com/package/@xui/timezone-select)
129
129
 
130
- **Data display** — [`@xui/avatar`](https://www.npmjs.com/package/@xui/avatar) · [`@xui/badge`](https://www.npmjs.com/package/@xui/badge) · [`@xui/card`](https://www.npmjs.com/package/@xui/card) · [`@xui/card-list`](https://www.npmjs.com/package/@xui/card-list) · [`@xui/carousel`](https://www.npmjs.com/package/@xui/carousel) · [`@xui/data-table`](https://www.npmjs.com/package/@xui/data-table) · [`@xui/descriptions`](https://www.npmjs.com/package/@xui/descriptions) · [`@xui/entity-title`](https://www.npmjs.com/package/@xui/entity-title) · [`@xui/kbd`](https://www.npmjs.com/package/@xui/kbd) · [`@xui/statistic`](https://www.npmjs.com/package/@xui/statistic) · [`@xui/status`](https://www.npmjs.com/package/@xui/status) · [`@xui/table`](https://www.npmjs.com/package/@xui/table) · [`@xui/tag`](https://www.npmjs.com/package/@xui/tag) · [`@xui/timeline`](https://www.npmjs.com/package/@xui/timeline) · [`@xui/tree`](https://www.npmjs.com/package/@xui/tree)
130
+ **Data display** — [`@xui/avatar`](https://www.npmjs.com/package/@xui/avatar) · [`@xui/card`](https://www.npmjs.com/package/@xui/card) · [`@xui/card-list`](https://www.npmjs.com/package/@xui/card-list) · [`@xui/carousel`](https://www.npmjs.com/package/@xui/carousel) · [`@xui/data-table`](https://www.npmjs.com/package/@xui/data-table) · [`@xui/descriptions`](https://www.npmjs.com/package/@xui/descriptions) · [`@xui/entity-title`](https://www.npmjs.com/package/@xui/entity-title) · [`@xui/kbd`](https://www.npmjs.com/package/@xui/kbd) · [`@xui/statistic`](https://www.npmjs.com/package/@xui/statistic) · [`@xui/status`](https://www.npmjs.com/package/@xui/status) · [`@xui/table`](https://www.npmjs.com/package/@xui/table) · [`@xui/tag`](https://www.npmjs.com/package/@xui/tag) · [`@xui/timeline`](https://www.npmjs.com/package/@xui/timeline) · [`@xui/tree`](https://www.npmjs.com/package/@xui/tree)
131
131
 
132
132
  **Navigation** — [`@xui/breadcrumb`](https://www.npmjs.com/package/@xui/breadcrumb) · [`@xui/menubar`](https://www.npmjs.com/package/@xui/menubar) · [`@xui/navbar`](https://www.npmjs.com/package/@xui/navbar) · [`@xui/navigation-menu`](https://www.npmjs.com/package/@xui/navigation-menu) · [`@xui/pagination`](https://www.npmjs.com/package/@xui/pagination) · [`@xui/panel-stack`](https://www.npmjs.com/package/@xui/panel-stack) · [`@xui/steps`](https://www.npmjs.com/package/@xui/steps) · [`@xui/tabs`](https://www.npmjs.com/package/@xui/tabs)
133
133
 
package/fesm2022/xui-carousel.mjs CHANGED
@@ -136,10 +136,13 @@ class XuiCarousel {
136
136
  (keydown)="onKeydown($event)"
137
137
  >
138
138
  @if (effect() === 'fade') {
139
- <div class="relative h-full w-full">
139
+ <!-- A grid with every slide in the one cell, rather than a stack of absolutely positioned
140
+ ones: they still overlap to crossfade, but they are in flow, so the carousel takes its
141
+ height from them. Out of flow, nothing gave it a height and it collapsed to nothing. -->
142
+ <div class="grid h-full w-full">
140
143
  @for (item of items(); track $index; let i = $index) {
141
144
  <div
142
- class="absolute inset-0 transition-opacity duration-500"
145
+ class="col-start-1 row-start-1 transition-opacity duration-500"
143
146
  [style.opacity]="i === index() ? 1 : 0"
144
147
  [style.pointer-events]="i === index() ? 'auto' : 'none'"
145
148
  [attr.aria-hidden]="i === index() ? null : true"
@@ -205,10 +208,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
205
208
  (keydown)="onKeydown($event)"
206
209
  >
207
210
  @if (effect() === 'fade') {
208
- <div class="relative h-full w-full">
211
+ <!-- A grid with every slide in the one cell, rather than a stack of absolutely positioned
212
+ ones: they still overlap to crossfade, but they are in flow, so the carousel takes its
213
+ height from them. Out of flow, nothing gave it a height and it collapsed to nothing. -->
214
+ <div class="grid h-full w-full">
209
215
  @for (item of items(); track $index; let i = $index) {
210
216
  <div
211
- class="absolute inset-0 transition-opacity duration-500"
217
+ class="col-start-1 row-start-1 transition-opacity duration-500"
212
218
  [style.opacity]="i === index() ? 1 : 0"
213
219
  [style.pointer-events]="i === index() ? 'auto' : 'none'"
214
220
  [attr.aria-hidden]="i === index() ? null : true"
package/fesm2022/xui-carousel.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"xui-carousel.mjs","sources":["../../../../../../libs/ui/carousel/xui/src/lib/carousel-item.ts","../../../../../../libs/ui/carousel/xui/src/lib/carousel.ts","../../../../../../libs/ui/carousel/xui/src/index.ts","../../../../../../libs/ui/carousel/xui/src/xui-carousel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\n\n/** One slide inside {@link XuiCarousel}. Its projected content is the slide. */\n@Component({\n selector: 'xui-carousel-item',\n template: `<ng-template #content><ng-content /></ng-template>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class XuiCarouselItem {\n readonly content = viewChild.required<TemplateRef<unknown>>('content');\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n effect,\n input,\n model,\n numberAttribute,\n signal,\n ViewEncapsulation\n} from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matChevronLeftRound, matChevronRightRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { arrowDirectionOnAxis, injectXDirection } from '@xui/core/a11y';\nimport { XuiIcon } from '@xui/icon';\nimport type { ClassValue } from 'clsx';\nimport { XuiCarouselItem } from './carousel-item';\n\n/**\n * A slideshow of `<xui-carousel-item>` slides with arrows, dot indicators and\n * optional autoplay (paused on hover). `effect` slides (`scrollx`) or crossfades\n * (`fade`); `index` is two-way bindable.\n *\n * ```html\n * <xui-carousel autoplay dots>\n * <xui-carousel-item>Slide 1</xui-carousel-item>\n * <xui-carousel-item>Slide 2</xui-carousel-item>\n * </xui-carousel>\n * ```\n */\n@Component({\n selector: 'xui-carousel',\n imports: [NgTemplateOutlet, NgIcon, XuiIcon],\n viewProviders: [provideIcons({ matChevronLeftRound, matChevronRightRound })],\n template: `\n <div\n class=\"relative h-full w-full overflow-hidden\"\n tabindex=\"0\"\n (mouseenter)=\"paused.set(true)\"\n (mouseleave)=\"paused.set(false)\"\n (keydown)=\"onKeydown($event)\"\n >\n @if (effect() === 'fade') {\n <div class=\"relative h-full w-full\">\n @for (item of items(); track $index; let i = $index) {\n <div\n class=\"absolute inset-0 transition-opacity duration-500\"\n [style.opacity]=\"i === index() ? 1 : 0\"\n [style.pointer-events]=\"i === index() ? 'auto' : 'none'\"\n [attr.aria-hidden]=\"i === index() ? null : true\"\n [attr.inert]=\"i === index() ? null : ''\"\n >\n <ng-container [ngTemplateOutlet]=\"item.content()\" />\n </div>\n }\n </div>\n } @else {\n <div class=\"flex h-full transition-transform duration-500 ease-out\" [style.transform]=\"trackTransform()\">\n @for (item of items(); track $index; let i = $index) {\n <!-- inert as well as aria-hidden: an off-screen slide holding a\n link or button would otherwise still be a tab stop. -->\n <div\n class=\"h-full w-full shrink-0 grow-0 basis-full\"\n [attr.aria-hidden]=\"i === index() ? null : true\"\n [attr.inert]=\"i === index() ? null : ''\"\n >\n <ng-container [ngTemplateOutlet]=\"item.content()\" />\n </div>\n }\n </div>\n }\n\n @if (arrows() && count() > 1) {\n <button type=\"button\" [class]=\"arrowClass('previous')\" (click)=\"prev()\" aria-label=\"Previous slide\">\n <ng-icon xui size=\"20px\" name=\"matChevronLeftRound\" />\n </button>\n <button type=\"button\" [class]=\"arrowClass('next')\" (click)=\"next()\" aria-label=\"Next slide\">\n <ng-icon xui size=\"20px\" name=\"matChevronRightRound\" />\n </button>\n }\n\n @if (dots() && count() > 1) {\n <div class=\"absolute inset-x-0 bottom-3 flex justify-center gap-2\">\n @for (item of items(); track $index; let i = $index) {\n <button\n type=\"button\"\n [class]=\"dotClass(i === index())\"\n [attr.aria-current]=\"i === index() ? 'true' : null\"\n [attr.aria-label]=\"'Go to slide ' + (i + 1)\"\n (click)=\"go(i)\"\n ></button>\n }\n </div>\n }\n </div>\n `,\n host: {\n '[class]': 'computedClass()',\n role: 'region',\n 'aria-roledescription': 'carousel'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class XuiCarousel {\n readonly class = input<ClassValue>('');\n\n protected readonly direction = injectXDirection();\n\n readonly index = model<number>(0);\n readonly autoplay = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n readonly interval = input<number, NumberInput>(3000, { transform: numberAttribute });\n readonly dots = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly arrows = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly loop = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly effect = input<'scrollx' | 'fade'>('scrollx');\n\n protected readonly items = contentChildren(XuiCarouselItem);\n protected readonly count = computed(() => this.items().length);\n protected readonly paused = signal(false);\n\n constructor() {\n // Autoplay: a self-cleaning interval that pauses on hover.\n effect(onCleanup => {\n if (!this.autoplay() || this.paused() || this.count() <= 1) {\n return;\n }\n const id = setInterval(() => this.next(), this.interval());\n onCleanup(() => clearInterval(id));\n });\n }\n\n protected go(target: number): void {\n const count = this.count();\n if (count === 0) {\n return;\n }\n this.index.set(((target % count) + count) % count);\n }\n\n next(): void {\n const count = this.count();\n if (this.loop()) {\n this.go(this.index() + 1);\n } else {\n this.index.set(Math.min(count - 1, this.index() + 1));\n }\n }\n\n prev(): void {\n if (this.loop()) {\n this.go(this.index() - 1);\n } else {\n this.index.set(Math.max(0, this.index() - 1));\n }\n }\n\n protected onKeydown(event: KeyboardEvent): void {\n // Arrows follow what the user sees: in RTL slides advance leftwards, so\n // ArrowLeft is \"next\".\n const arrow = arrowDirectionOnAxis(event.key, this.direction(), 'horizontal');\n if (!arrow) {\n return;\n }\n\n event.preventDefault();\n if (arrow === 'next') {\n this.next();\n } else {\n this.prev();\n }\n }\n\n protected readonly computedClass = computed(() =>\n xui('bg-surface-inset relative block overflow-hidden rounded-lg', this.class())\n );\n\n /** `previous` sits at the inline start, `next` at the inline end. */\n protected arrowClass(side: 'previous' | 'next'): string {\n return xui(\n // eslint-disable-next-line local/no-hand-z-index -- nav buttons stack above the slides inside the carousel’s own stacking context\n 'bg-surface-overlay/70 text-foreground hover:bg-surface-overlay absolute top-1/2 z-10 flex size-9 -translate-y-1/2 items-center justify-center rounded-full backdrop-blur transition-colors',\n side === 'previous' ? 'start-3' : 'end-3',\n // The chevrons are drawn pointing left/right; mirror them so \"previous\"\n // still points back towards the start of the line.\n this.direction() === 'rtl' && '-scale-x-100'\n );\n }\n\n /**\n * How far to slide the track. `translateX` is physical while the flex row\n * lays slides out inline, so RTL needs the opposite sign.\n */\n protected trackTransform(): string {\n const offset = this.index() * 100 * (this.direction() === 'rtl' ? 1 : -1);\n return `translateX(${offset}%)`;\n }\n\n protected dotClass(active: boolean): string {\n return xui('h-2 rounded-full transition-all', active ? 'bg-foreground w-5' : 'bg-foreground/40 w-2');\n }\n}\n","import { XuiCarousel } from './lib/carousel';\nimport { XuiCarouselItem } from './lib/carousel-item';\n\nexport * from './lib/carousel';\nexport * from './lib/carousel-item';\n\nexport const XuiCarouselImports = [XuiCarousel, XuiCarouselItem] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"xui-carousel.mjs","sources":["../../../../../../libs/ui/carousel/xui/src/lib/carousel-item.ts","../../../../../../libs/ui/carousel/xui/src/lib/carousel.ts","../../../../../../libs/ui/carousel/xui/src/index.ts","../../../../../../libs/ui/carousel/xui/src/xui-carousel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\n\n/** One slide inside {@link XuiCarousel}. Its projected content is the slide. */\n@Component({\n selector: 'xui-carousel-item',\n template: `<ng-template #content><ng-content /></ng-template>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class XuiCarouselItem {\n readonly content = viewChild.required<TemplateRef<unknown>>('content');\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n effect,\n input,\n model,\n numberAttribute,\n signal,\n ViewEncapsulation\n} from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matChevronLeftRound, matChevronRightRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { arrowDirectionOnAxis, injectXDirection } from '@xui/core/a11y';\nimport { XuiIcon } from '@xui/icon';\nimport type { ClassValue } from 'clsx';\nimport { XuiCarouselItem } from './carousel-item';\n\n/**\n * A slideshow of `<xui-carousel-item>` slides with arrows, dot indicators and\n * optional autoplay (paused on hover). `effect` slides (`scrollx`) or crossfades\n * (`fade`); `index` is two-way bindable.\n *\n * ```html\n * <xui-carousel autoplay dots>\n * <xui-carousel-item>Slide 1</xui-carousel-item>\n * <xui-carousel-item>Slide 2</xui-carousel-item>\n * </xui-carousel>\n * ```\n */\n@Component({\n selector: 'xui-carousel',\n imports: [NgTemplateOutlet, NgIcon, XuiIcon],\n viewProviders: [provideIcons({ matChevronLeftRound, matChevronRightRound })],\n template: `\n <div\n class=\"relative h-full w-full overflow-hidden\"\n tabindex=\"0\"\n (mouseenter)=\"paused.set(true)\"\n (mouseleave)=\"paused.set(false)\"\n (keydown)=\"onKeydown($event)\"\n >\n @if (effect() === 'fade') {\n <!-- A grid with every slide in the one cell, rather than a stack of absolutely positioned\n ones: they still overlap to crossfade, but they are in flow, so the carousel takes its\n height from them. Out of flow, nothing gave it a height and it collapsed to nothing. -->\n <div class=\"grid h-full w-full\">\n @for (item of items(); track $index; let i = $index) {\n <div\n class=\"col-start-1 row-start-1 transition-opacity duration-500\"\n [style.opacity]=\"i === index() ? 1 : 0\"\n [style.pointer-events]=\"i === index() ? 'auto' : 'none'\"\n [attr.aria-hidden]=\"i === index() ? null : true\"\n [attr.inert]=\"i === index() ? null : ''\"\n >\n <ng-container [ngTemplateOutlet]=\"item.content()\" />\n </div>\n }\n </div>\n } @else {\n <div class=\"flex h-full transition-transform duration-500 ease-out\" [style.transform]=\"trackTransform()\">\n @for (item of items(); track $index; let i = $index) {\n <!-- inert as well as aria-hidden: an off-screen slide holding a\n link or button would otherwise still be a tab stop. -->\n <div\n class=\"h-full w-full shrink-0 grow-0 basis-full\"\n [attr.aria-hidden]=\"i === index() ? null : true\"\n [attr.inert]=\"i === index() ? null : ''\"\n >\n <ng-container [ngTemplateOutlet]=\"item.content()\" />\n </div>\n }\n </div>\n }\n\n @if (arrows() && count() > 1) {\n <button type=\"button\" [class]=\"arrowClass('previous')\" (click)=\"prev()\" aria-label=\"Previous slide\">\n <ng-icon xui size=\"20px\" name=\"matChevronLeftRound\" />\n </button>\n <button type=\"button\" [class]=\"arrowClass('next')\" (click)=\"next()\" aria-label=\"Next slide\">\n <ng-icon xui size=\"20px\" name=\"matChevronRightRound\" />\n </button>\n }\n\n @if (dots() && count() > 1) {\n <div class=\"absolute inset-x-0 bottom-3 flex justify-center gap-2\">\n @for (item of items(); track $index; let i = $index) {\n <button\n type=\"button\"\n [class]=\"dotClass(i === index())\"\n [attr.aria-current]=\"i === index() ? 'true' : null\"\n [attr.aria-label]=\"'Go to slide ' + (i + 1)\"\n (click)=\"go(i)\"\n ></button>\n }\n </div>\n }\n </div>\n `,\n host: {\n '[class]': 'computedClass()',\n role: 'region',\n 'aria-roledescription': 'carousel'\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class XuiCarousel {\n readonly class = input<ClassValue>('');\n\n protected readonly direction = injectXDirection();\n\n readonly index = model<number>(0);\n readonly autoplay = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n readonly interval = input<number, NumberInput>(3000, { transform: numberAttribute });\n readonly dots = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly arrows = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly loop = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n readonly effect = input<'scrollx' | 'fade'>('scrollx');\n\n protected readonly items = contentChildren(XuiCarouselItem);\n protected readonly count = computed(() => this.items().length);\n protected readonly paused = signal(false);\n\n constructor() {\n // Autoplay: a self-cleaning interval that pauses on hover.\n effect(onCleanup => {\n if (!this.autoplay() || this.paused() || this.count() <= 1) {\n return;\n }\n const id = setInterval(() => this.next(), this.interval());\n onCleanup(() => clearInterval(id));\n });\n }\n\n protected go(target: number): void {\n const count = this.count();\n if (count === 0) {\n return;\n }\n this.index.set(((target % count) + count) % count);\n }\n\n next(): void {\n const count = this.count();\n if (this.loop()) {\n this.go(this.index() + 1);\n } else {\n this.index.set(Math.min(count - 1, this.index() + 1));\n }\n }\n\n prev(): void {\n if (this.loop()) {\n this.go(this.index() - 1);\n } else {\n this.index.set(Math.max(0, this.index() - 1));\n }\n }\n\n protected onKeydown(event: KeyboardEvent): void {\n // Arrows follow what the user sees: in RTL slides advance leftwards, so\n // ArrowLeft is \"next\".\n const arrow = arrowDirectionOnAxis(event.key, this.direction(), 'horizontal');\n if (!arrow) {\n return;\n }\n\n event.preventDefault();\n if (arrow === 'next') {\n this.next();\n } else {\n this.prev();\n }\n }\n\n protected readonly computedClass = computed(() =>\n xui('bg-surface-inset relative block overflow-hidden rounded-lg', this.class())\n );\n\n /** `previous` sits at the inline start, `next` at the inline end. */\n protected arrowClass(side: 'previous' | 'next'): string {\n return xui(\n // eslint-disable-next-line local/no-hand-z-index -- nav buttons stack above the slides inside the carousel’s own stacking context\n 'bg-surface-overlay/70 text-foreground hover:bg-surface-overlay absolute top-1/2 z-10 flex size-9 -translate-y-1/2 items-center justify-center rounded-full backdrop-blur transition-colors',\n side === 'previous' ? 'start-3' : 'end-3',\n // The chevrons are drawn pointing left/right; mirror them so \"previous\"\n // still points back towards the start of the line.\n this.direction() === 'rtl' && '-scale-x-100'\n );\n }\n\n /**\n * How far to slide the track. `translateX` is physical while the flex row\n * lays slides out inline, so RTL needs the opposite sign.\n */\n protected trackTransform(): string {\n const offset = this.index() * 100 * (this.direction() === 'rtl' ? 1 : -1);\n return `translateX(${offset}%)`;\n }\n\n protected dotClass(active: boolean): string {\n return xui('h-2 rounded-full transition-all', active ? 'bg-foreground w-5' : 'bg-foreground/40 w-2');\n }\n}\n","import { XuiCarousel } from './lib/carousel';\nimport { XuiCarouselItem } from './lib/carousel-item';\n\nexport * from './lib/carousel';\nexport * from './lib/carousel-item';\n\nexport const XuiCarouselImports = [XuiCarousel, XuiCarouselItem] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xui/carousel",
3
- "version": "2.0.0-alpha.15",
3
+ "version": "2.0.0-alpha.17",
4
4
  "description": "Modern Angular 22 UI Library based on TailwindCSS",
5
5
  "keywords": [
6
6
  "angular",
@@ -13,7 +13,7 @@
13
13
  "url": "https://github.com/rikarin/xui/issues"
14
14
  },
15
15
  "repository": "https://github.com/Rikarin/xui",
16
- "license": "MIT",
16
+ "license": "Apache-2.0",
17
17
  "author": "Jiu",
18
18
  "maintainers": [
19
19
  "Jiu",
@@ -41,8 +41,8 @@
41
41
  "@angular/core": "22",
42
42
  "@ng-icons/core": "34",
43
43
  "@ng-icons/material-icons": "34",
44
- "@xui/core": "2.0.0-alpha.15",
45
- "@xui/icon": "2.0.0-alpha.15",
44
+ "@xui/core": "2.0.0-alpha.17",
45
+ "@xui/icon": "2.0.0-alpha.17",
46
46
  "clsx": "^2.1.1"
47
47
  },
48
48
  "publishConfig": {