@xui/status 2.0.0-alpha.7 → 2.0.0-alpha.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 (6) hide show
  1. package/README.md +33 -23
  2. package/fesm2022/xui-status.mjs +10 -10
  3. package/fesm2022/xui-status.mjs.map +1 -1
  4. package/index.d.ts +30 -9
  5. package/package.json +4 -4
  6. package/lib/status.component.d.ts +0 -20
package/README.md CHANGED
@@ -4,17 +4,13 @@
4
4
 
5
5
  ---
6
6
 
7
- ![Build Status](https://github.com/rikarin/xui/actions/workflows/continuous-delivery.yaml/badge.svg?branch=master)
7
+ ![Build Status](https://github.com/rikarin/xui/actions/workflows/publish.yaml/badge.svg?branch=develop)
8
8
  [![Demo](https://img.shields.io/badge/demo-online-ed1c46)](https://xuijs.org/)
9
- [![npm](https://img.shields.io/npm/v/%40xui/components.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/org/xui)
10
- [![Downloads](https://img.shields.io/npm/dt/%40xui/components.svg)](https://www.npmjs.com/org/xui)
11
- [![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/components.svg)](https://www.npmjs.com/org/xui)
12
- [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/components)](https://bundlephobia.com/result?p=xui)
9
+ [![npm](https://img.shields.io/npm/v/%40xui/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/org/xui)
13
10
  [![License](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE)
14
- [![Discord](https://img.shields.io/discord/776258487307075594.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/aPkZsFcu)
15
11
  [![Netlify Status](https://api.netlify.com/api/v1/badges/fa0cfd14-97df-47fa-8a7c-152e6d4cfda2/deploy-status)](https://app.netlify.com/sites/xui/deploys)
16
12
 
17
- xUI is a customizable Angular 19 UI Library with full support of TailwindCSS styling based on popular React library ShardCN and its Angular alternative SpartanUI.
13
+ xUI is a customizable Angular 20 UI Library with full support of TailwindCSS styling based on popular React library ShardCN and its Angular alternative SpartanUI.
18
14
 
19
15
  ## Features
20
16
 
@@ -31,9 +27,31 @@ xUI is a customizable Angular 19 UI Library with full support of TailwindCSS sty
31
27
  - [StackBlitz Demo](https://stackblitz.com/fork/xui)
32
28
  - [Documentation](https://xuijs.org)
33
29
  - [Live Demo](https://cord.dj/r)
30
+ - [Packages](#packages)
34
31
  - [Installation](#installation)
35
-
36
- <a name="installation"></a>
32
+ - [Browser Support](#browser-support)
33
+ - [Development](#development)
34
+ - [Issues](#issues)
35
+ - [Roadmap](#roadmap)
36
+
37
+ ## Packages
38
+
39
+ | Package | Usage | Description |
40
+ | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
41
+ | Core | [![Downloads](https://img.shields.io/npm/dt/%40xui/core.svg)](https://www.npmjs.com/package/%40xui/core)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/core.svg)](https://www.npmjs.com/package/%40xui/core)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/core)](https://bundlephobia.com/result?p=%40xui/core) | Core package required by all other packages |
42
+ | Badge | [![Downloads](https://img.shields.io/npm/dt/%40xui/badge.svg)](https://www.npmjs.com/package/%40xui/badge)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/badge.svg)](https://www.npmjs.com/package/%40xui/badge)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/badge)](https://bundlephobia.com/result?p=%40xui/badge) | Badge component |
43
+ | Breadcrumb | [![Downloads](https://img.shields.io/npm/dt/%40xui/breadcrumb.svg)](https://www.npmjs.com/package/%40xui/breadcrumb)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/breadcrumb.svg)](https://www.npmjs.com/package/%40xui/breadcrumb)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/breadcrumb)](https://bundlephobia.com/result?p=%40xui/breadcrumb) | Breadcrumb component |
44
+ | Button | [![Downloads](https://img.shields.io/npm/dt/%40xui/button.svg)](https://www.npmjs.com/package/%40xui/button)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/button.svg)](https://www.npmjs.com/package/%40xui/button)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/button)](https://bundlephobia.com/result?p=%40xui/button) | Button component |
45
+ | Button Group | [![Downloads](https://img.shields.io/npm/dt/%40xui/button-group.svg)](https://www.npmjs.com/package/%40xui/button-group)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/button-group.svg)](https://www.npmjs.com/package/%40xui/button-group)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/button-group)](https://bundlephobia.com/result?p=%40xui/button-group) | Button Group component |
46
+ | Checkbox | [![Downloads](https://img.shields.io/npm/dt/%40xui/checkbox.svg)](https://www.npmjs.com/package/%40xui/checkbox)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/checkbox.svg)](https://www.npmjs.com/package/%40xui/checkbox)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/checkbox)](https://bundlephobia.com/result?p=%40xui/checkbox) | Checkbox component |
47
+ | Form Field | [![Downloads](https://img.shields.io/npm/dt/%40xui/form-field.svg)](https://www.npmjs.com/package/%40xui/form-field)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/form-field.svg)](https://www.npmjs.com/package/%40xui/form-field)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/form-field)](https://bundlephobia.com/result?p=%40xui/form-field) | Form Field component |
48
+ | Icon | [![Downloads](https://img.shields.io/npm/dt/%40xui/icon.svg)](https://www.npmjs.com/package/%40xui/icon)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/icon.svg)](https://www.npmjs.com/package/%40xui/icon)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/icon)](https://bundlephobia.com/result?p=%40xui/icon) | Icon component |
49
+ | Input | [![Downloads](https://img.shields.io/npm/dt/%40xui/input.svg)](https://www.npmjs.com/package/%40xui/input)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/input.svg)](https://www.npmjs.com/package/%40xui/input)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/input)](https://bundlephobia.com/result?p=%40xui/input) | Input component |
50
+ | Label | [![Downloads](https://img.shields.io/npm/dt/%40xui/label.svg)](https://www.npmjs.com/package/%40xui/label)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/label.svg)](https://www.npmjs.com/package/%40xui/label)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/label)](https://bundlephobia.com/result?p=%40xui/label) | Label component |
51
+ | Skeleton | [![Downloads](https://img.shields.io/npm/dt/%40xui/skeleton.svg)](https://www.npmjs.com/package/%40xui/skeleton)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/skeleton.svg)](https://www.npmjs.com/package/%40xui/skeleton)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/skeleton)](https://bundlephobia.com/result?p=%40xui/skeleton) | Skeleton component |
52
+ | Sonner | [![Downloads](https://img.shields.io/npm/dt/%40xui/sonner.svg)](https://www.npmjs.com/package/%40xui/sonner)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/sonner.svg)](https://www.npmjs.com/package/%40xui/sonner)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/sonner)](https://bundlephobia.com/result?p=%40xui/sonner) | Sonner component |
53
+ | Status | [![Downloads](https://img.shields.io/npm/dt/%40xui/status.svg)](https://www.npmjs.com/package/%40xui/status)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/status.svg)](https://www.npmjs.com/package/%40xui/status)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/status)](https://bundlephobia.com/result?p=%40xui/status) | Status component |
54
+ | Table | [![Downloads](https://img.shields.io/npm/dt/%40xui/table.svg)](https://www.npmjs.com/package/%40xui/table)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/table.svg)](https://www.npmjs.com/package/%40xui/table)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/table)](https://bundlephobia.com/result?p=%40xui/table) | Table component |
37
55
 
38
56
  ## Installation
39
57
 
@@ -67,31 +85,22 @@ pnpm storybook
67
85
 
68
86
  If you find any issues in the library or have and idea for an improvement feel free to open an [issue](https://github.com/Rikarin/xui/issues).
69
87
 
70
- ## Roadmap (12/42)
88
+ ## Roadmap
71
89
 
72
90
  - [ ] Accordion
73
91
  - [ ] Alert
74
92
  - [ ] Alert Dialog
75
93
  - [ ] Avatar
76
- - [x] Badge
77
- - [x] Breadcrumb
78
- - [x] Button
79
- - [x] Button Group
80
94
  - [ ] Calendar
81
95
  - [ ] Card
82
96
  - [ ] Carousel
83
- - [x] Checkbox
84
97
  - [ ] Collapsible
85
98
  - [ ] Combobox
86
99
  - [ ] Command
87
100
  - [ ] Date Picker
88
101
  - [ ] Date Range Picker
89
102
  - [ ] Dialog
90
- - [x] Form Field
91
103
  - [ ] Hover Card
92
- - [x] Icon
93
- - [x] Input
94
- - [x] Label
95
104
  - [ ] Menu
96
105
  - [ ] Pagination
97
106
  - [ ] Popover
@@ -101,17 +110,15 @@ If you find any issues in the library or have and idea for an improvement feel f
101
110
  - [ ] Select
102
111
  - [ ] Separator
103
112
  - [ ] Sheet
104
- - [x] Skeleton
105
113
  - [ ] Slider
106
- - [x] Sonner
107
114
  - [ ] Spinner
108
- - [x] Status
109
115
  - [ ] Switch
110
- - [ ] Table
111
116
  - [ ] Tabs
112
117
  - [ ] Toggle
113
118
  - [ ] Tooltip
114
119
  - [ ] Typography
120
+ - [ ] Input OTP
121
+ - [ ] Toggle Group
115
122
 
116
123
  ### Additional
117
124
 
@@ -149,4 +156,7 @@ Make cli to install the components
149
156
  - data driven component
150
157
 
151
158
  - Sonner
159
+
152
160
  - Colors
161
+
162
+ - adjust generator to generate stories into the apps/storybook
package/fesm2022/xui-status.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { input, computed, Component, NgModule } from '@angular/core';
2
+ import { input, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
3
  import { xui } from '@xui/core';
4
4
  import { cva } from 'class-variance-authority';
5
5
 
@@ -39,8 +39,8 @@ class XuiStatusComponent {
39
39
  }
40
40
  return null;
41
41
  });
42
- /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
43
- /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.3", type: XuiStatusComponent, isStandalone: true, selector: "xui-status", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()", "style.clip-path": "computedStyle()" } }, ngImport: i0, template: `<svg>
42
+ /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
43
+ /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: XuiStatusComponent, isStandalone: true, selector: "xui-status", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()", "style.clip-path": "computedStyle()" } }, ngImport: i0, template: `<svg>
44
44
  <clipPath id="x-status-idle-clip-path" clipPathUnits="objectBoundingBox">
45
45
  <path d="M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0" />
46
46
  </clipPath>
@@ -58,13 +58,13 @@ class XuiStatusComponent {
58
58
  d="M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76"
59
59
  />
60
60
  </clipPath>
61
- </svg>`, isInline: true });
61
+ </svg>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
62
62
  }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusComponent, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusComponent, decorators: [{
64
64
  type: Component,
65
65
  args: [{
66
66
  selector: 'xui-status',
67
- imports: [],
67
+ changeDetection: ChangeDetectionStrategy.OnPush,
68
68
  template: `<svg>
69
69
  <clipPath id="x-status-idle-clip-path" clipPathUnits="objectBoundingBox">
70
70
  <path d="M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0" />
@@ -93,11 +93,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
93
93
 
94
94
  const XuiStatusImports = [XuiStatusComponent];
95
95
  class XuiStatusModule {
96
- /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
97
- /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusModule, imports: [XuiStatusComponent], exports: [XuiStatusComponent] });
98
- /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusModule });
96
+ /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
97
+ /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusModule, imports: [XuiStatusComponent], exports: [XuiStatusComponent] });
98
+ /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusModule });
99
99
  }
100
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiStatusModule, decorators: [{
100
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiStatusModule, decorators: [{
101
101
  type: NgModule,
102
102
  args: [{
103
103
  imports: [...XuiStatusImports],
package/fesm2022/xui-status.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"xui-status.mjs","sources":["../../../../../../libs/ui/status/xui/src/lib/status.component.ts","../../../../../../libs/ui/status/xui/src/index.ts","../../../../../../libs/ui/status/xui/src/xui-status.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nconst statusVariants = cva(['inline-flex aspect-square rounded-[50%]'], {\n variants: {\n variant: {\n online: 'bg-success',\n idle: 'bg-warning',\n dnd: 'bg-error',\n offline: 'bg-gray-600'\n },\n size: {\n sm: 'w-3',\n md: 'w-4',\n lg: 'w-6'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n});\n\nexport type StatusVariants = VariantProps<typeof statusVariants>;\n\n@Component({\n selector: 'xui-status',\n imports: [],\n template: `<svg>\n <clipPath id=\"x-status-idle-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path d=\"M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0\" />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-dnd-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 M0.78,0.603 H0.22 a0.103,0.103,0,0,1,0,-0.205 H0.78 a0.103,0.103,0,1,1,0,0.205\"\n />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-offline-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76\"\n />\n </clipPath>\n </svg>`,\n host: {\n '[class]': 'computedClass()',\n '[style.clip-path]': 'computedStyle()'\n }\n})\nexport class XuiStatusComponent {\n /** The user defined classes */\n readonly class = input<ClassValue>('');\n readonly variant = input.required<StatusVariants['variant']>();\n readonly size = input<StatusVariants['size']>('md');\n\n /** The classes to apply to the component merged with the user defined classes */\n protected readonly computedClass = computed(() =>\n xui(statusVariants({ variant: this.variant(), size: this.size() }), this.class())\n );\n\n protected readonly computedStyle = computed(() => {\n switch (this.variant()) {\n case 'idle':\n return 'url(#x-status-idle-clip-path)';\n case 'dnd':\n return 'url(#x-status-dnd-clip-path)';\n case 'offline':\n return 'url(#x-status-offline-clip-path)';\n }\n\n return null;\n });\n}\n","import { NgModule } from '@angular/core';\nimport { XuiStatusComponent } from './lib/status.component';\nexport * from './lib/status.component';\n\nexport const XuiStatusImports = [XuiStatusComponent] as const;\n\n@NgModule({\n imports: [...XuiStatusImports],\n exports: [...XuiStatusImports]\n})\nexport class XuiStatusModule {}\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-status.mjs","sources":["../tmp-esm2022/lib/status.component.js","../tmp-esm2022/index.js","../tmp-esm2022/xui-status.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { cva } from 'class-variance-authority';\nimport * as i0 from \"@angular/core\";\nconst statusVariants = cva(['inline-flex aspect-square rounded-[50%]'], {\n variants: {\n variant: {\n online: 'bg-success',\n idle: 'bg-warning',\n dnd: 'bg-error',\n offline: 'bg-gray-600'\n },\n size: {\n sm: 'w-3',\n md: 'w-4',\n lg: 'w-6'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n});\nexport class XuiStatusComponent {\n /** The user defined classes */\n class = input('');\n variant = input.required();\n size = input('md');\n /** The classes to apply to the component merged with the user defined classes */\n computedClass = computed(() => xui(statusVariants({ variant: this.variant(), size: this.size() }), this.class()));\n computedStyle = computed(() => {\n switch (this.variant()) {\n case 'idle':\n return 'url(#x-status-idle-clip-path)';\n case 'dnd':\n return 'url(#x-status-dnd-clip-path)';\n case 'offline':\n return 'url(#x-status-offline-clip-path)';\n }\n return null;\n });\n /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });\n /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.0.3\", type: XuiStatusComponent, isStandalone: true, selector: \"xui-status\", inputs: { class: { classPropertyName: \"class\", publicName: \"class\", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: \"variant\", publicName: \"variant\", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { \"class\": \"computedClass()\", \"style.clip-path\": \"computedStyle()\" } }, ngImport: i0, template: `<svg>\n <clipPath id=\"x-status-idle-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path d=\"M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0\" />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-dnd-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 M0.78,0.603 H0.22 a0.103,0.103,0,0,1,0,-0.205 H0.78 a0.103,0.103,0,1,1,0,0.205\"\n />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-offline-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76\"\n />\n </clipPath>\n </svg>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusComponent, decorators: [{\n type: Component,\n args: [{\n selector: 'xui-status',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<svg>\n <clipPath id=\"x-status-idle-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path d=\"M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0\" />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-dnd-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 M0.78,0.603 H0.22 a0.103,0.103,0,0,1,0,-0.205 H0.78 a0.103,0.103,0,1,1,0,0.205\"\n />\n </clipPath>\n </svg>\n <svg>\n <clipPath id=\"x-status-offline-clip-path\" clipPathUnits=\"objectBoundingBox\">\n <path\n d=\"M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76\"\n />\n </clipPath>\n </svg>`,\n host: {\n '[class]': 'computedClass()',\n '[style.clip-path]': 'computedStyle()'\n }\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvc3RhdHVzL3h1aS9zcmMvbGliL3N0YXR1cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxFQUFFLEdBQUcsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7QUFHN0QsTUFBTSxjQUFjLEdBQUcsR0FBRyxDQUFDLENBQUMseUNBQXlDLENBQUMsRUFBRTtJQUN0RSxRQUFRLEVBQUU7UUFDUixPQUFPLEVBQUU7WUFDUCxNQUFNLEVBQUUsWUFBWTtZQUNwQixJQUFJLEVBQUUsWUFBWTtZQUNsQixHQUFHLEVBQUUsVUFBVTtZQUNmLE9BQU8sRUFBRSxhQUFhO1NBQ3ZCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osRUFBRSxFQUFFLEtBQUs7WUFDVCxFQUFFLEVBQUUsS0FBSztZQUNULEVBQUUsRUFBRSxLQUFLO1NBQ1Y7S0FDRjtJQUNELGVBQWUsRUFBRTtRQUNmLElBQUksRUFBRSxJQUFJO0tBQ1g7Q0FDRixDQUFDLENBQUM7QUErQkgsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QiwrQkFBK0I7SUFDdEIsS0FBSyxHQUFHLEtBQUssQ0FBYSxFQUFFLENBQUMsQ0FBQztJQUM5QixPQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBNkIsQ0FBQztJQUN0RCxJQUFJLEdBQUcsS0FBSyxDQUF5QixJQUFJLENBQUMsQ0FBQztJQUVwRCxpRkFBaUY7SUFDOUQsYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDL0MsR0FBRyxDQUFDLGNBQWMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQ2xGLENBQUM7SUFFaUIsYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDL0MsUUFBUSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztZQUN2QixLQUFLLE1BQU07Z0JBQ1QsT0FBTywrQkFBK0IsQ0FBQztZQUN6QyxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyw4QkFBOEIsQ0FBQztZQUN4QyxLQUFLLFNBQVM7Z0JBQ1osT0FBTyxrQ0FBa0MsQ0FBQztRQUM5QyxDQUFDO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDLENBQUMsQ0FBQzswSEF0QlEsa0JBQWtCOzhHQUFsQixrQkFBa0Isd2hCQXhCbkI7Ozs7Ozs7Ozs7Ozs7Ozs7OztXQWtCRDs7MkZBTUUsa0JBQWtCO2tCQTNCOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBa0JEO29CQUNULElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsaUJBQWlCO3dCQUM1QixtQkFBbUIsRUFBRSxpQkFBaUI7cUJBQ3ZDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB4dWkgfSBmcm9tICdAeHVpL2NvcmUnO1xuaW1wb3J0IHsgY3ZhLCBWYXJpYW50UHJvcHMgfSBmcm9tICdjbGFzcy12YXJpYW5jZS1hdXRob3JpdHknO1xuaW1wb3J0IHR5cGUgeyBDbGFzc1ZhbHVlIH0gZnJvbSAnY2xzeCc7XG5cbmNvbnN0IHN0YXR1c1ZhcmlhbnRzID0gY3ZhKFsnaW5saW5lLWZsZXggYXNwZWN0LXNxdWFyZSByb3VuZGVkLVs1MCVdJ10sIHtcbiAgdmFyaWFudHM6IHtcbiAgICB2YXJpYW50OiB7XG4gICAgICBvbmxpbmU6ICdiZy1zdWNjZXNzJyxcbiAgICAgIGlkbGU6ICdiZy13YXJuaW5nJyxcbiAgICAgIGRuZDogJ2JnLWVycm9yJyxcbiAgICAgIG9mZmxpbmU6ICdiZy1ncmF5LTYwMCdcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgIHNtOiAndy0zJyxcbiAgICAgIG1kOiAndy00JyxcbiAgICAgIGxnOiAndy02J1xuICAgIH1cbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgc2l6ZTogJ21kJ1xuICB9XG59KTtcblxuZXhwb3J0IHR5cGUgU3RhdHVzVmFyaWFudHMgPSBWYXJpYW50UHJvcHM8dHlwZW9mIHN0YXR1c1ZhcmlhbnRzPjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpLXN0YXR1cycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYDxzdmc+XG4gICAgICA8Y2xpcFBhdGggaWQ9XCJ4LXN0YXR1cy1pZGxlLWNsaXAtcGF0aFwiIGNsaXBQYXRoVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiPlxuICAgICAgICA8cGF0aCBkPVwiTTAuNTY0LDAgQTAuMzk5LDAuMzk5LDAsMSwxLDAsMC41NjQgQTAuNTAyLDAuNTAyLDAsMSwwLDAuNTY0LDBcIiAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtZG5kLWNsaXAtcGF0aFwiIGNsaXBQYXRoVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMC41LDAgYTAuNSwwLjUsMCwxLDAsMC41LDAuNSBBMC41LDAuNSwwLDAsMCwwLjUsMCBNMC43OCwwLjYwMyBIMC4yMiBhMC4xMDMsMC4xMDMsMCwwLDEsMCwtMC4yMDUgSDAuNzggYTAuMTAzLDAuMTAzLDAsMSwxLDAsMC4yMDVcIlxuICAgICAgICAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtb2ZmbGluZS1jbGlwLXBhdGhcIiBjbGlwUGF0aFVuaXRzPVwib2JqZWN0Qm91bmRpbmdCb3hcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTAuNSwwIGEwLjUsMC41LDAsMSwwLDAuNSwwLjUgQTAuNSwwLjUsMCwwLDAsMC41LDAgbTAsMC43NiBBMC4yNiwwLjI2LDAsMSwxLDAuNzYsMC41IEEwLjI2LDAuMjYsMCwwLDEsMC41LDAuNzZcIlxuICAgICAgICAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5gLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnY29tcHV0ZWRDbGFzcygpJyxcbiAgICAnW3N0eWxlLmNsaXAtcGF0aF0nOiAnY29tcHV0ZWRTdHlsZSgpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIFh1aVN0YXR1c0NvbXBvbmVudCB7XG4gIC8qKiBUaGUgdXNlciBkZWZpbmVkIGNsYXNzZXMgKi9cbiAgcmVhZG9ubHkgY2xhc3MgPSBpbnB1dDxDbGFzc1ZhbHVlPignJyk7XG4gIHJlYWRvbmx5IHZhcmlhbnQgPSBpbnB1dC5yZXF1aXJlZDxTdGF0dXNWYXJpYW50c1sndmFyaWFudCddPigpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8U3RhdHVzVmFyaWFudHNbJ3NpemUnXT4oJ21kJyk7XG5cbiAgLyoqIFRoZSBjbGFzc2VzIHRvIGFwcGx5IHRvIHRoZSBjb21wb25lbnQgbWVyZ2VkIHdpdGggdGhlIHVzZXIgZGVmaW5lZCBjbGFzc2VzICovXG4gIHByb3RlY3RlZCByZWFkb25seSBjb21wdXRlZENsYXNzID0gY29tcHV0ZWQoKCkgPT5cbiAgICB4dWkoc3RhdHVzVmFyaWFudHMoeyB2YXJpYW50OiB0aGlzLnZhcmlhbnQoKSwgc2l6ZTogdGhpcy5zaXplKCkgfSksIHRoaXMuY2xhc3MoKSlcbiAgKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29tcHV0ZWRTdHlsZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBzd2l0Y2ggKHRoaXMudmFyaWFudCgpKSB7XG4gICAgICBjYXNlICdpZGxlJzpcbiAgICAgICAgcmV0dXJuICd1cmwoI3gtc3RhdHVzLWlkbGUtY2xpcC1wYXRoKSc7XG4gICAgICBjYXNlICdkbmQnOlxuICAgICAgICByZXR1cm4gJ3VybCgjeC1zdGF0dXMtZG5kLWNsaXAtcGF0aCknO1xuICAgICAgY2FzZSAnb2ZmbGluZSc6XG4gICAgICAgIHJldHVybiAndXJsKCN4LXN0YXR1cy1vZmZsaW5lLWNsaXAtcGF0aCknO1xuICAgIH1cblxuICAgIHJldHVybiBudWxsO1xuICB9KTtcbn1cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { XuiStatusComponent } from './lib/status.component';\nimport * as i0 from \"@angular/core\";\nexport * from './lib/status.component';\nexport const XuiStatusImports = [XuiStatusComponent];\nexport class XuiStatusModule {\n /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusModule, imports: [XuiStatusComponent], exports: [XuiStatusComponent] });\n /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusModule });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiStatusModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [...XuiStatusImports],\n exports: [...XuiStatusImports]\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3N0YXR1cy94dWkvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBQzVELGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBVSxDQUFDO0FBTTlELE1BQU0sT0FBTyxlQUFlOzBIQUFmLGVBQWU7MkhBQWYsZUFBZSxZQU5LLGtCQUFrQixhQUFsQixrQkFBa0I7MkhBTXRDLGVBQWU7OzJGQUFmLGVBQWU7a0JBSjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsR0FBRyxnQkFBZ0IsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsR0FBRyxnQkFBZ0IsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgWHVpU3RhdHVzQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvc3RhdHVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGF0dXMuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IFh1aVN0YXR1c0ltcG9ydHMgPSBbWHVpU3RhdHVzQ29tcG9uZW50XSBhcyBjb25zdDtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogWy4uLlh1aVN0YXR1c0ltcG9ydHNdLFxuICBleHBvcnRzOiBbLi4uWHVpU3RhdHVzSW1wb3J0c11cbn0pXG5leHBvcnQgY2xhc3MgWHVpU3RhdHVzTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieHVpLXN0YXR1cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvc3RhdHVzL3h1aS9zcmMveHVpLXN0YXR1cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
package/index.d.ts CHANGED
@@ -1,10 +1,31 @@
1
- import { XuiStatusComponent } from './lib/status.component';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./lib/status.component";
4
- export * from './lib/status.component';
5
- export declare const XuiStatusImports: readonly [typeof XuiStatusComponent];
6
- export declare class XuiStatusModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<XuiStatusModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<XuiStatusModule, never, [typeof i1.XuiStatusComponent], [typeof i1.XuiStatusComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<XuiStatusModule>;
1
+ import * as _angular_core from '@angular/core';
2
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
+ import { VariantProps } from 'class-variance-authority';
4
+ import { ClassValue } from 'clsx';
5
+
6
+ declare const statusVariants: (props?: ({
7
+ variant?: "online" | "idle" | "dnd" | "offline" | null | undefined;
8
+ size?: "sm" | "md" | "lg" | null | undefined;
9
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
10
+ type StatusVariants = VariantProps<typeof statusVariants>;
11
+ declare class XuiStatusComponent {
12
+ /** The user defined classes */
13
+ readonly class: _angular_core.InputSignal<ClassValue>;
14
+ readonly variant: _angular_core.InputSignal<"online" | "idle" | "dnd" | "offline" | null | undefined>;
15
+ readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | null | undefined>;
16
+ /** The classes to apply to the component merged with the user defined classes */
17
+ protected readonly computedClass: _angular_core.Signal<string>;
18
+ protected readonly computedStyle: _angular_core.Signal<"url(#x-status-idle-clip-path)" | "url(#x-status-dnd-clip-path)" | "url(#x-status-offline-clip-path)" | null>;
19
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XuiStatusComponent, never>;
20
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<XuiStatusComponent, "xui-status", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
10
21
  }
22
+
23
+ declare const XuiStatusImports: readonly [typeof XuiStatusComponent];
24
+ declare class XuiStatusModule {
25
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XuiStatusModule, never>;
26
+ static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XuiStatusModule, never, [typeof XuiStatusComponent], [typeof XuiStatusComponent]>;
27
+ static ɵinj: _angular_core.ɵɵInjectorDeclaration<XuiStatusModule>;
28
+ }
29
+
30
+ export { XuiStatusComponent, XuiStatusImports, XuiStatusModule };
31
+ export type { StatusVariants };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@xui/status",
3
- "version": "2.0.0-alpha.7",
4
- "description": "Modern Angular 19 UI Library based on TailwindCSS",
3
+ "version": "2.0.0-alpha.8",
4
+ "description": "Modern Angular 20 UI Library based on TailwindCSS",
5
5
  "keywords": [
6
6
  "angular",
7
7
  "ui",
@@ -20,8 +20,8 @@
20
20
  ],
21
21
  "sideEffects": false,
22
22
  "peerDependencies": {
23
- "@angular/core": "19",
24
- "@xui/core": "2",
23
+ "@angular/core": "20",
24
+ "@xui/core": "2.0.0-alpha.8",
25
25
  "class-variance-authority": "^0.7.1",
26
26
  "clsx": "^2.1.1"
27
27
  },
package/lib/status.component.d.ts DELETED
@@ -1,20 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import type { ClassValue } from 'clsx';
3
- import * as i0 from "@angular/core";
4
- declare const statusVariants: (props?: ({
5
- variant?: "online" | "idle" | "dnd" | "offline" | null | undefined;
6
- size?: "sm" | "md" | "lg" | null | undefined;
7
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
- export type StatusVariants = VariantProps<typeof statusVariants>;
9
- export declare class XuiStatusComponent {
10
- /** The user defined classes */
11
- readonly class: import("@angular/core").InputSignal<ClassValue>;
12
- readonly variant: import("@angular/core").InputSignal<"online" | "idle" | "dnd" | "offline" | null | undefined>;
13
- readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
14
- /** The classes to apply to the component merged with the user defined classes */
15
- protected readonly computedClass: import("@angular/core").Signal<string>;
16
- protected readonly computedStyle: import("@angular/core").Signal<"url(#x-status-idle-clip-path)" | "url(#x-status-dnd-clip-path)" | "url(#x-status-offline-clip-path)" | null>;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<XuiStatusComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<XuiStatusComponent, "xui-status", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
19
- }
20
- export {};