@tociva/tailng-icons 0.6.0 → 0.10.0
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.
- package/README.md +3 -3
- package/fesm2022/tociva-tailng-icons-icon.mjs +51 -0
- package/fesm2022/tociva-tailng-icons-icon.mjs.map +1 -0
- package/fesm2022/tociva-tailng-icons.mjs +10 -41
- package/fesm2022/tociva-tailng-icons.mjs.map +1 -1
- package/package.json +5 -1
- package/types/tociva-tailng-icons-icon.d.ts +30 -0
- package/types/tociva-tailng-icons.d.ts +7 -27
package/README.md
CHANGED
|
@@ -40,13 +40,13 @@ npm install @ng-icons/bootstrap-icons
|
|
|
40
40
|
|
|
41
41
|
```typescript
|
|
42
42
|
import { Component } from '@angular/core';
|
|
43
|
-
import {
|
|
43
|
+
import { TngIcon } from '@tociva/tailng-icons';
|
|
44
44
|
import { bootstrapCheckCircle } from '@ng-icons/bootstrap-icons';
|
|
45
45
|
|
|
46
46
|
@Component({
|
|
47
47
|
selector: 'app-example',
|
|
48
48
|
standalone: true,
|
|
49
|
-
imports: [
|
|
49
|
+
imports: [TngIcon],
|
|
50
50
|
providers: [
|
|
51
51
|
{
|
|
52
52
|
provide: NgIconsToken,
|
|
@@ -98,7 +98,7 @@ Icons use `currentColor`, so you can style them with Tailwind:
|
|
|
98
98
|
|
|
99
99
|
## API Reference
|
|
100
100
|
|
|
101
|
-
### `
|
|
101
|
+
### `TngIcon`
|
|
102
102
|
|
|
103
103
|
#### Inputs
|
|
104
104
|
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, computed, Component } from '@angular/core';
|
|
3
|
+
import { NgIconComponent } from '@ng-icons/core';
|
|
4
|
+
|
|
5
|
+
class TngIcon {
|
|
6
|
+
/** Icon name from @ng-icons registry */
|
|
7
|
+
name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
8
|
+
/**
|
|
9
|
+
* Size:
|
|
10
|
+
* - number => px
|
|
11
|
+
* - string => passed as-is (e.g. '1em', '20px', '1.25rem')
|
|
12
|
+
*/
|
|
13
|
+
size = input('1em', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
14
|
+
/** Additional classes for host element */
|
|
15
|
+
klass = input('', ...(ngDevMode ? [{ debugName: "klass" }] : []));
|
|
16
|
+
/**
|
|
17
|
+
* Accessibility:
|
|
18
|
+
* - decorative=true => aria-hidden (default)
|
|
19
|
+
* - decorative=false => aria-label is recommended
|
|
20
|
+
*/
|
|
21
|
+
decorative = input(true, { ...(ngDevMode ? { debugName: "decorative" } : {}), transform: booleanAttribute });
|
|
22
|
+
ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
23
|
+
normalizedSize = computed(() => {
|
|
24
|
+
const s = this.size();
|
|
25
|
+
return typeof s === 'number' ? `${s}px` : s;
|
|
26
|
+
}, ...(ngDevMode ? [{ debugName: "normalizedSize" }] : []));
|
|
27
|
+
classes = computed(() => {
|
|
28
|
+
const extra = this.klass().trim();
|
|
29
|
+
return ['inline-flex', 'align-middle', extra].filter(Boolean).join(' ');
|
|
30
|
+
}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
31
|
+
ariaHidden = computed(() => (this.decorative() ? 'true' : null), ...(ngDevMode ? [{ debugName: "ariaHidden" }] : []));
|
|
32
|
+
computedAriaLabel = computed(() => {
|
|
33
|
+
if (this.decorative())
|
|
34
|
+
return null;
|
|
35
|
+
const label = this.ariaLabel().trim();
|
|
36
|
+
return label || null;
|
|
37
|
+
}, ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : []));
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: TngIcon, isStandalone: true, selector: "tng-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, klass: { classPropertyName: "klass", publicName: "klass", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-icon\n [name]=\"name()\"\n [size]=\"normalizedSize()\"\n [class]=\"classes()\"\n [attr.aria-hidden]=\"ariaHidden()\"\n [attr.aria-label]=\"computedAriaLabel()\"\n></ng-icon>\n", dependencies: [{ kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] });
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngIcon, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'tng-icon', standalone: true, imports: [NgIconComponent], template: "<ng-icon\n [name]=\"name()\"\n [size]=\"normalizedSize()\"\n [class]=\"classes()\"\n [attr.aria-hidden]=\"ariaHidden()\"\n [attr.aria-label]=\"computedAriaLabel()\"\n></ng-icon>\n" }]
|
|
44
|
+
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], klass: [{ type: i0.Input, args: [{ isSignal: true, alias: "klass", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Generated bundle index. Do not edit.
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
export { TngIcon };
|
|
51
|
+
//# sourceMappingURL=tociva-tailng-icons-icon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tociva-tailng-icons-icon.mjs","sources":["../../../../libs/icons/icon/src/lib/icon.component.ts","../../../../libs/icons/icon/src/lib/icon.component.html","../../../../libs/icons/icon/src/tociva-tailng-icons-icon.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { NgIconComponent } from '@ng-icons/core';\nimport { booleanAttribute } from '@angular/core';\n\ntype TngIconSize = number | string;\n\n@Component({\n selector: 'tng-icon',\n standalone: true,\n imports: [NgIconComponent],\n templateUrl: './icon.component.html',\n})\nexport class TngIcon {\n /** Icon name from @ng-icons registry */\n name = input.required<string>();\n\n /**\n * Size:\n * - number => px\n * - string => passed as-is (e.g. '1em', '20px', '1.25rem')\n */\n size = input<TngIconSize>('1em');\n\n /** Additional classes for host element */\n klass = input<string>('');\n\n /**\n * Accessibility:\n * - decorative=true => aria-hidden (default)\n * - decorative=false => aria-label is recommended\n */\n decorative = input(true, { transform: booleanAttribute });\n ariaLabel = input<string>('');\n\n readonly normalizedSize = computed(() => {\n const s = this.size();\n return typeof s === 'number' ? `${s}px` : s;\n });\n\n readonly classes = computed(() => {\n const extra = this.klass().trim();\n return ['inline-flex', 'align-middle', extra].filter(Boolean).join(' ');\n });\n\n readonly ariaHidden = computed(() => (this.decorative() ? 'true' : null));\n\n readonly computedAriaLabel = computed(() => {\n if (this.decorative()) return null;\n const label = this.ariaLabel().trim();\n return label || null;\n });\n}\n","<ng-icon\n [name]=\"name()\"\n [size]=\"normalizedSize()\"\n [class]=\"classes()\"\n [attr.aria-hidden]=\"ariaHidden()\"\n [attr.aria-label]=\"computedAriaLabel()\"\n></ng-icon>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,OAAO,CAAA;;AAElB,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU;AAE/B;;;;AAIG;AACH,IAAA,IAAI,GAAG,KAAK,CAAc,KAAK,gDAAC;;AAGhC,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AAEzB;;;;AAIG;IACH,UAAU,GAAG,KAAK,CAAC,IAAI,uDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACzD,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,qDAAC;AAEpB,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AACtC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;AACrB,QAAA,OAAO,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAA,EAAG,CAAC,CAAA,EAAA,CAAI,GAAG,CAAC;AAC7C,IAAA,CAAC,0DAAC;AAEO,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE;AACjC,QAAA,OAAO,CAAC,aAAa,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACzE,IAAA,CAAC,mDAAC;IAEO,UAAU,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAEhE,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QACzC,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,IAAI;QAClC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACrC,OAAO,KAAK,IAAI,IAAI;AACtB,IAAA,CAAC,6DAAC;uGAtCS,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZpB,0LAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGd,OAAO,EAAA,UAAA,EAAA,CAAA;kBANnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,0LAAA,EAAA;;;AET5B;;AAEG;;;;"}
|
|
@@ -1,51 +1,20 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { NgIconComponent } from '@ng-icons/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
4
3
|
|
|
5
|
-
class
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
* - number => px
|
|
11
|
-
* - string => passed as-is (e.g. '1em', '20px', '1.25rem')
|
|
12
|
-
*/
|
|
13
|
-
size = input('1em', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
14
|
-
/** Additional classes for host element */
|
|
15
|
-
klass = input('', ...(ngDevMode ? [{ debugName: "klass" }] : []));
|
|
16
|
-
/**
|
|
17
|
-
* Accessibility:
|
|
18
|
-
* - decorative=true => aria-hidden (default)
|
|
19
|
-
* - decorative=false => aria-label is recommended
|
|
20
|
-
*/
|
|
21
|
-
decorative = input(true, { ...(ngDevMode ? { debugName: "decorative" } : {}), transform: booleanAttribute });
|
|
22
|
-
ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
23
|
-
normalizedSize = computed(() => {
|
|
24
|
-
const s = this.size();
|
|
25
|
-
return typeof s === 'number' ? `${s}px` : s;
|
|
26
|
-
}, ...(ngDevMode ? [{ debugName: "normalizedSize" }] : []));
|
|
27
|
-
classes = computed(() => {
|
|
28
|
-
const extra = this.klass().trim();
|
|
29
|
-
return ['inline-flex', 'align-middle', extra].filter(Boolean).join(' ');
|
|
30
|
-
}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
31
|
-
ariaHidden = computed(() => (this.decorative() ? 'true' : null), ...(ngDevMode ? [{ debugName: "ariaHidden" }] : []));
|
|
32
|
-
computedAriaLabel = computed(() => {
|
|
33
|
-
if (this.decorative())
|
|
34
|
-
return null;
|
|
35
|
-
const label = this.ariaLabel().trim();
|
|
36
|
-
return label || null;
|
|
37
|
-
}, ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : []));
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TailngIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: TailngIconComponent, isStandalone: true, selector: "tng-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, klass: { classPropertyName: "klass", publicName: "klass", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-icon\n [name]=\"name()\"\n [size]=\"normalizedSize()\"\n [class]=\"classes()\"\n [attr.aria-hidden]=\"ariaHidden()\"\n [attr.aria-label]=\"computedAriaLabel()\"\n></ng-icon>\n", dependencies: [{ kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] });
|
|
4
|
+
class TngInfo {
|
|
5
|
+
docsUrl = 'https://tailng.dev';
|
|
6
|
+
githubUrl = 'https://github.com/tociva/tailng';
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngInfo, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TngInfo, isStandalone: true, selector: "tng-info", ngImport: i0, template: "<div class=\"rounded border p-4 text-sm\">\n <h3 class=\"font-semibold\">tailng UI</h3>\n\n <p class=\"mt-2\">\n A modern Angular UI library powered by Tailwind CSS.\n </p>\n\n <ul class=\"mt-3 space-y-1\">\n <li>\n Docs:\n <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n {{ docsUrl }}\n </a>\n </li>\n <li>\n GitHub:\n <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n {{ githubUrl }}\n </a>\n </li>\n </ul>\n</div>" });
|
|
40
9
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type:
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngInfo, decorators: [{
|
|
42
11
|
type: Component,
|
|
43
|
-
args: [{
|
|
44
|
-
}]
|
|
12
|
+
args: [{ standalone: true, selector: 'tng-info', template: "<div class=\"rounded border p-4 text-sm\">\n <h3 class=\"font-semibold\">tailng UI</h3>\n\n <p class=\"mt-2\">\n A modern Angular UI library powered by Tailwind CSS.\n </p>\n\n <ul class=\"mt-3 space-y-1\">\n <li>\n Docs:\n <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n {{ docsUrl }}\n </a>\n </li>\n <li>\n GitHub:\n <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n {{ githubUrl }}\n </a>\n </li>\n </ul>\n</div>" }]
|
|
13
|
+
}] });
|
|
45
14
|
|
|
46
15
|
/**
|
|
47
16
|
* Generated bundle index. Do not edit.
|
|
48
17
|
*/
|
|
49
18
|
|
|
50
|
-
export {
|
|
19
|
+
export { TngInfo };
|
|
51
20
|
//# sourceMappingURL=tociva-tailng-icons.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tociva-tailng-icons.mjs","sources":["../../../../libs/icons/src/
|
|
1
|
+
{"version":3,"file":"tociva-tailng-icons.mjs","sources":["../../../../libs/icons/src/info/info.component.ts","../../../../libs/icons/src/info/info.component.html","../../../../libs/icons/src/tociva-tailng-icons.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n standalone: true,\n selector: 'tng-info',\n templateUrl: './info.component.html',\n})\nexport class TngInfo {\n readonly docsUrl = 'https://tailng.dev';\n readonly githubUrl = 'https://github.com/tociva/tailng';\n}","<div class=\"rounded border p-4 text-sm\">\n <h3 class=\"font-semibold\">tailng UI</h3>\n\n <p class=\"mt-2\">\n A modern Angular UI library powered by Tailwind CSS.\n </p>\n\n <ul class=\"mt-3 space-y-1\">\n <li>\n Docs:\n <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n {{ docsUrl }}\n </a>\n </li>\n <li>\n GitHub:\n <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n {{ githubUrl }}\n </a>\n </li>\n </ul>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,OAAO,CAAA;IACT,OAAO,GAAG,oBAAoB;IAC9B,SAAS,GAAG,kCAAkC;uGAF5C,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,oECPpB,ggBAqBM,EAAA,CAAA;;2FDdO,OAAO,EAAA,UAAA,EAAA,CAAA;kBALnB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,UAAU,EAAA,QAAA,EAAA,ggBAAA,EAAA;;;AEJtB;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tociva/tailng-icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Angular icon components for Tailng",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -29,6 +29,10 @@
|
|
|
29
29
|
".": {
|
|
30
30
|
"types": "./types/tociva-tailng-icons.d.ts",
|
|
31
31
|
"default": "./fesm2022/tociva-tailng-icons.mjs"
|
|
32
|
+
},
|
|
33
|
+
"./icon": {
|
|
34
|
+
"types": "./types/tociva-tailng-icons-icon.d.ts",
|
|
35
|
+
"default": "./fesm2022/tociva-tailng-icons-icon.mjs"
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
38
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type TngIconSize = number | string;
|
|
4
|
+
declare class TngIcon {
|
|
5
|
+
/** Icon name from @ng-icons registry */
|
|
6
|
+
name: _angular_core.InputSignal<string>;
|
|
7
|
+
/**
|
|
8
|
+
* Size:
|
|
9
|
+
* - number => px
|
|
10
|
+
* - string => passed as-is (e.g. '1em', '20px', '1.25rem')
|
|
11
|
+
*/
|
|
12
|
+
size: _angular_core.InputSignal<TngIconSize>;
|
|
13
|
+
/** Additional classes for host element */
|
|
14
|
+
klass: _angular_core.InputSignal<string>;
|
|
15
|
+
/**
|
|
16
|
+
* Accessibility:
|
|
17
|
+
* - decorative=true => aria-hidden (default)
|
|
18
|
+
* - decorative=false => aria-label is recommended
|
|
19
|
+
*/
|
|
20
|
+
decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
21
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
22
|
+
readonly normalizedSize: _angular_core.Signal<string>;
|
|
23
|
+
readonly classes: _angular_core.Signal<string>;
|
|
24
|
+
readonly ariaHidden: _angular_core.Signal<string>;
|
|
25
|
+
readonly computedAriaLabel: _angular_core.Signal<string>;
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngIcon, never>;
|
|
27
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngIcon, "tng-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { TngIcon };
|
|
@@ -1,30 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* Size:
|
|
9
|
-
* - number => px
|
|
10
|
-
* - string => passed as-is (e.g. '1em', '20px', '1.25rem')
|
|
11
|
-
*/
|
|
12
|
-
size: _angular_core.InputSignal<TailngIconSize>;
|
|
13
|
-
/** Additional classes for host element */
|
|
14
|
-
klass: _angular_core.InputSignal<string>;
|
|
15
|
-
/**
|
|
16
|
-
* Accessibility:
|
|
17
|
-
* - decorative=true => aria-hidden (default)
|
|
18
|
-
* - decorative=false => aria-label is recommended
|
|
19
|
-
*/
|
|
20
|
-
decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
21
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
22
|
-
readonly normalizedSize: _angular_core.Signal<string>;
|
|
23
|
-
readonly classes: _angular_core.Signal<string>;
|
|
24
|
-
readonly ariaHidden: _angular_core.Signal<string>;
|
|
25
|
-
readonly computedAriaLabel: _angular_core.Signal<string>;
|
|
26
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngIconComponent, never>;
|
|
27
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngIconComponent, "tng-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
3
|
+
declare class TngInfo {
|
|
4
|
+
readonly docsUrl = "https://tailng.dev";
|
|
5
|
+
readonly githubUrl = "https://github.com/tociva/tailng";
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngInfo, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngInfo, "tng-info", never, {}, {}, never, never, true, never>;
|
|
28
8
|
}
|
|
29
9
|
|
|
30
|
-
export {
|
|
10
|
+
export { TngInfo };
|