@hestia-earth/ui-components 0.43.0 → 0.43.2
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/fesm2022/hestia-earth-ui-components-katex.mjs +39 -0
- package/fesm2022/hestia-earth-ui-components-katex.mjs.map +1 -0
- package/fesm2022/hestia-earth-ui-components-svg-icons.mjs +246 -0
- package/fesm2022/hestia-earth-ui-components-svg-icons.mjs.map +1 -0
- package/fesm2022/hestia-earth-ui-components.mjs +32 -279
- package/fesm2022/hestia-earth-ui-components.mjs.map +1 -1
- package/package.json +9 -1
- package/svg-icons/icons-sprite.svg +1 -1
- package/types/hestia-earth-ui-components-katex.d.ts +16 -0
- package/types/hestia-earth-ui-components-svg-icons.d.ts +23 -0
- package/types/hestia-earth-ui-components.d.ts +20 -39
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { inject, ElementRef, input, effect, Directive } from '@angular/core';
|
|
3
|
+
import katex from 'katex';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Renders a KaTeX source string (without the `$$` delimiters) into the host element.
|
|
7
|
+
* `\htmlData` is trusted so annotated formulas can carry `data-key` / `data-value`.
|
|
8
|
+
*/
|
|
9
|
+
class KatexDirective {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.elementRef = inject(ElementRef);
|
|
12
|
+
this.heKatex = input.required(...(ngDevMode ? [{ debugName: "heKatex" }] : []));
|
|
13
|
+
// render inline (e.g. a single symbol within a sentence) rather than as centered display math
|
|
14
|
+
this.heKatexInline = input(false, ...(ngDevMode ? [{ debugName: "heKatexInline" }] : []));
|
|
15
|
+
effect(() => {
|
|
16
|
+
katex.render(this.heKatex(), this.elementRef.nativeElement, {
|
|
17
|
+
displayMode: !this.heKatexInline(),
|
|
18
|
+
throwOnError: false,
|
|
19
|
+
strict: false,
|
|
20
|
+
trust: ctx => ctx.command === '\\htmlData'
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KatexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: KatexDirective, isStandalone: true, selector: "[heKatex]", inputs: { heKatex: { classPropertyName: "heKatex", publicName: "heKatex", isSignal: true, isRequired: true, transformFunction: null }, heKatexInline: { classPropertyName: "heKatexInline", publicName: "heKatexInline", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KatexDirective, decorators: [{
|
|
28
|
+
type: Directive,
|
|
29
|
+
args: [{
|
|
30
|
+
selector: '[heKatex]'
|
|
31
|
+
}]
|
|
32
|
+
}], ctorParameters: () => [], propDecorators: { heKatex: [{ type: i0.Input, args: [{ isSignal: true, alias: "heKatex", required: true }] }], heKatexInline: [{ type: i0.Input, args: [{ isSignal: true, alias: "heKatexInline", required: false }] }] } });
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Generated bundle index. Do not edit.
|
|
36
|
+
*/
|
|
37
|
+
|
|
38
|
+
export { KatexDirective };
|
|
39
|
+
//# sourceMappingURL=hestia-earth-ui-components-katex.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hestia-earth-ui-components-katex.mjs","sources":["../../src/katex/katex.directive.ts","../../src/katex/hestia-earth-ui-components-katex.ts"],"sourcesContent":["import { Directive, ElementRef, effect, inject, input } from '@angular/core';\nimport katex from 'katex';\n\n/**\n * Renders a KaTeX source string (without the `$$` delimiters) into the host element.\n * `\\htmlData` is trusted so annotated formulas can carry `data-key` / `data-value`.\n */\n@Directive({\n selector: '[heKatex]'\n})\nexport class KatexDirective {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n protected readonly heKatex = input.required<string>();\n // render inline (e.g. a single symbol within a sentence) rather than as centered display math\n protected readonly heKatexInline = input(false);\n\n constructor() {\n effect(() => {\n katex.render(this.heKatex(), this.elementRef.nativeElement, {\n displayMode: !this.heKatexInline(),\n throwOnError: false,\n strict: false,\n trust: ctx => ctx.command === '\\\\htmlData'\n });\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;MAIU,cAAc,CAAA;AAOzB,IAAA,WAAA,GAAA;AANiB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEtD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAU;;AAElC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,KAAK,yDAAC;QAG7C,MAAM,CAAC,MAAK;AACV,YAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC1D,gBAAA,WAAW,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;AAClC,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,GAAG,IAAI,GAAG,CAAC,OAAO,KAAK;AAC/B,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;8GAhBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACTD;;AAEG;;;;"}
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { inject, input, computed, HostBinding, Component } from '@angular/core';
|
|
3
|
+
import { PlatformLocation } from '@angular/common';
|
|
4
|
+
|
|
5
|
+
// auto-generated content using "node scripts/generate-icons.js"
|
|
6
|
+
const iconSizes = [
|
|
7
|
+
'16',
|
|
8
|
+
'20',
|
|
9
|
+
'24',
|
|
10
|
+
'40',
|
|
11
|
+
'48'
|
|
12
|
+
];
|
|
13
|
+
const icons = [
|
|
14
|
+
'aggregation',
|
|
15
|
+
'api',
|
|
16
|
+
'api-circle',
|
|
17
|
+
'archive',
|
|
18
|
+
'arrow-down',
|
|
19
|
+
'arrow-down-right',
|
|
20
|
+
'arrow-left',
|
|
21
|
+
'arrow-right',
|
|
22
|
+
'arrow-up',
|
|
23
|
+
'autogenerate',
|
|
24
|
+
'autogenerate-circle',
|
|
25
|
+
'aws',
|
|
26
|
+
'ban',
|
|
27
|
+
'bell',
|
|
28
|
+
'bell-with-badge',
|
|
29
|
+
'book',
|
|
30
|
+
'breakdown',
|
|
31
|
+
'bug',
|
|
32
|
+
'buoy',
|
|
33
|
+
'calculation-toolkit',
|
|
34
|
+
'calculator',
|
|
35
|
+
'caret-down',
|
|
36
|
+
'caret-left',
|
|
37
|
+
'caret-right',
|
|
38
|
+
'caret-up',
|
|
39
|
+
'certificate',
|
|
40
|
+
'chart',
|
|
41
|
+
'checkmark',
|
|
42
|
+
'checkmark-circle',
|
|
43
|
+
'checkmark-circle-filled',
|
|
44
|
+
'checkmark-circle-filled-with-shadow',
|
|
45
|
+
'chevron-double-left',
|
|
46
|
+
'chevron-double-right',
|
|
47
|
+
'chevron-down',
|
|
48
|
+
'chevron-left',
|
|
49
|
+
'chevron-right',
|
|
50
|
+
'chevron-up',
|
|
51
|
+
'circle',
|
|
52
|
+
'citation',
|
|
53
|
+
'citation-square',
|
|
54
|
+
'clock',
|
|
55
|
+
'cloud',
|
|
56
|
+
'collapse',
|
|
57
|
+
'collapse-panel',
|
|
58
|
+
'commit',
|
|
59
|
+
'community',
|
|
60
|
+
'community-edition',
|
|
61
|
+
'compare',
|
|
62
|
+
'copy',
|
|
63
|
+
'corner-drag',
|
|
64
|
+
'csv-file',
|
|
65
|
+
'cycle',
|
|
66
|
+
'cycle-schema',
|
|
67
|
+
'dashboard',
|
|
68
|
+
'data-format',
|
|
69
|
+
'data-management',
|
|
70
|
+
'data-plan',
|
|
71
|
+
'database-wheat',
|
|
72
|
+
'dot-circle',
|
|
73
|
+
'dot-filled',
|
|
74
|
+
'download',
|
|
75
|
+
'drag',
|
|
76
|
+
'edit',
|
|
77
|
+
'edit-withfield',
|
|
78
|
+
'embed',
|
|
79
|
+
'exclamation',
|
|
80
|
+
'exclamation-triangle',
|
|
81
|
+
'exclamation-triangle-filled',
|
|
82
|
+
'export',
|
|
83
|
+
'external-link',
|
|
84
|
+
'feedback',
|
|
85
|
+
'fence',
|
|
86
|
+
'film',
|
|
87
|
+
'filter-funnel',
|
|
88
|
+
'filter-slider',
|
|
89
|
+
'flash',
|
|
90
|
+
'folder',
|
|
91
|
+
'folder-open',
|
|
92
|
+
'foodprocessor',
|
|
93
|
+
'globe-continents',
|
|
94
|
+
'globe-lines',
|
|
95
|
+
'glossary',
|
|
96
|
+
'greenhouse',
|
|
97
|
+
'guide',
|
|
98
|
+
'guide-overlay',
|
|
99
|
+
'heart',
|
|
100
|
+
'help',
|
|
101
|
+
'help-circle',
|
|
102
|
+
'history',
|
|
103
|
+
'home',
|
|
104
|
+
'husk',
|
|
105
|
+
'image',
|
|
106
|
+
'incognito',
|
|
107
|
+
'indexed',
|
|
108
|
+
'info',
|
|
109
|
+
'info-circle',
|
|
110
|
+
'info-circle-schema',
|
|
111
|
+
'lake',
|
|
112
|
+
'link',
|
|
113
|
+
'list-indented',
|
|
114
|
+
'livestock',
|
|
115
|
+
'loading',
|
|
116
|
+
'loading-bar',
|
|
117
|
+
'loading-circle-filled',
|
|
118
|
+
'loading-circle-filled-withshadow',
|
|
119
|
+
'log',
|
|
120
|
+
'mail',
|
|
121
|
+
'map',
|
|
122
|
+
'menu',
|
|
123
|
+
'messages',
|
|
124
|
+
'messages-with-badge',
|
|
125
|
+
'metrics',
|
|
126
|
+
'migration',
|
|
127
|
+
'minus',
|
|
128
|
+
'model-docs',
|
|
129
|
+
'news',
|
|
130
|
+
'node',
|
|
131
|
+
'notepad',
|
|
132
|
+
'ocean',
|
|
133
|
+
'organisation',
|
|
134
|
+
'organisation-schema',
|
|
135
|
+
'overflow-menu',
|
|
136
|
+
'pin',
|
|
137
|
+
'pin-schema',
|
|
138
|
+
'plus',
|
|
139
|
+
'pond',
|
|
140
|
+
'private-eye',
|
|
141
|
+
'private-eye-crossed',
|
|
142
|
+
'private-lock',
|
|
143
|
+
'private-lock-filled',
|
|
144
|
+
'private-unlocked',
|
|
145
|
+
'profile-checkmark',
|
|
146
|
+
'profile-circle',
|
|
147
|
+
'profile-circle-schema',
|
|
148
|
+
'profile-gear',
|
|
149
|
+
'progress',
|
|
150
|
+
'python',
|
|
151
|
+
'refresh',
|
|
152
|
+
'rename',
|
|
153
|
+
'retailer',
|
|
154
|
+
'review',
|
|
155
|
+
'river',
|
|
156
|
+
'save',
|
|
157
|
+
'schema',
|
|
158
|
+
'search',
|
|
159
|
+
'search-schema',
|
|
160
|
+
'search-with-exclamation',
|
|
161
|
+
'search-with-minus',
|
|
162
|
+
'search-with-plus',
|
|
163
|
+
'settings',
|
|
164
|
+
'share',
|
|
165
|
+
'share-socials',
|
|
166
|
+
'shrub',
|
|
167
|
+
'sign-out',
|
|
168
|
+
'slack',
|
|
169
|
+
'socials-gitlab',
|
|
170
|
+
'socials-google',
|
|
171
|
+
'socials-linkedin',
|
|
172
|
+
'socials-linkedin-circle',
|
|
173
|
+
'socials-orcid',
|
|
174
|
+
'socials-orcid-circle',
|
|
175
|
+
'sort-ascending',
|
|
176
|
+
'sort-caret-down-filled',
|
|
177
|
+
'sort-caret-stacked-filled-stacked',
|
|
178
|
+
'sort-caret-up-filled',
|
|
179
|
+
'source',
|
|
180
|
+
'source-schema',
|
|
181
|
+
'star',
|
|
182
|
+
'star-filled',
|
|
183
|
+
'table',
|
|
184
|
+
'tag-filled',
|
|
185
|
+
'tank',
|
|
186
|
+
'target',
|
|
187
|
+
'target-schema',
|
|
188
|
+
'term',
|
|
189
|
+
'term-schema',
|
|
190
|
+
'textform-list',
|
|
191
|
+
'tool',
|
|
192
|
+
'transport',
|
|
193
|
+
'transport-schema',
|
|
194
|
+
'trash',
|
|
195
|
+
'tree',
|
|
196
|
+
'turn-phone',
|
|
197
|
+
'unit',
|
|
198
|
+
'upload',
|
|
199
|
+
'video',
|
|
200
|
+
'webhook',
|
|
201
|
+
'xlsx-file',
|
|
202
|
+
'xmark',
|
|
203
|
+
'xmark-circle',
|
|
204
|
+
'xmark-circle-filled',
|
|
205
|
+
'xmark-circle-filled-with-shadow',
|
|
206
|
+
'zip'
|
|
207
|
+
];
|
|
208
|
+
|
|
209
|
+
const defaultSvgIconSize = '20';
|
|
210
|
+
class HESvgIconComponent {
|
|
211
|
+
constructor() {
|
|
212
|
+
this.baseHref = inject(PlatformLocation).getBaseHrefFromDOM() || '/';
|
|
213
|
+
this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
214
|
+
this.size = input(defaultSvgIconSize, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
215
|
+
this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : []));
|
|
216
|
+
this.iconName = computed(() => [this.name(), this.size()].filter(Boolean).join('-'), ...(ngDevMode ? [{ debugName: "iconName" }] : []));
|
|
217
|
+
this.iconPath = computed(() => `${this.baseHref}assets/svg-icons/icons-sprite.svg#${this.iconName()}px`, ...(ngDevMode ? [{ debugName: "iconPath" }] : []));
|
|
218
|
+
}
|
|
219
|
+
get _width() {
|
|
220
|
+
return `${this.size()}px`;
|
|
221
|
+
}
|
|
222
|
+
get _height() {
|
|
223
|
+
return `${this.size()}px`;
|
|
224
|
+
}
|
|
225
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HESvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: HESvgIconComponent, isStandalone: true, selector: "he-svg-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.icon-size": "size()", "style.width": "this._width", "style.height": "this._height" } }, ngImport: i0, template: "<svg [attr.animation]=\"animation()\">\n <use [attr.href]=\"iconPath()\"></use>\n</svg>\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg{color:inherit;width:inherit;height:inherit}svg[animation=spin]{animation:spinner 2s linear infinite}\n"] }); }
|
|
227
|
+
}
|
|
228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HESvgIconComponent, decorators: [{
|
|
229
|
+
type: Component,
|
|
230
|
+
args: [{ selector: 'he-svg-icon', imports: [], host: {
|
|
231
|
+
'[attr.icon-size]': 'size()'
|
|
232
|
+
}, template: "<svg [attr.animation]=\"animation()\">\n <use [attr.href]=\"iconPath()\"></use>\n</svg>\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg{color:inherit;width:inherit;height:inherit}svg[animation=spin]{animation:spinner 2s linear infinite}\n"] }]
|
|
233
|
+
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], _width: [{
|
|
234
|
+
type: HostBinding,
|
|
235
|
+
args: ['style.width']
|
|
236
|
+
}], _height: [{
|
|
237
|
+
type: HostBinding,
|
|
238
|
+
args: ['style.height']
|
|
239
|
+
}] } });
|
|
240
|
+
|
|
241
|
+
/**
|
|
242
|
+
* Generated bundle index. Do not edit.
|
|
243
|
+
*/
|
|
244
|
+
|
|
245
|
+
export { HESvgIconComponent, defaultSvgIconSize, iconSizes, icons };
|
|
246
|
+
//# sourceMappingURL=hestia-earth-ui-components-svg-icons.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hestia-earth-ui-components-svg-icons.mjs","sources":["../../src/svg-icons/icons.ts","../../src/svg-icons/svg-icon.component.ts","../../src/svg-icons/svg-icon.component.html","../../src/svg-icons/hestia-earth-ui-components-svg-icons.ts"],"sourcesContent":["// auto-generated content using \"node scripts/generate-icons.js\"\n\nexport type svgIconSizes = '16' | '20' | '24' | '40' | '48';\nexport const iconSizes = [\n '16',\n '20',\n '24',\n '40',\n '48'\n];\n\nexport type svgIconNames =\n | 'aggregation'\n | 'api'\n | 'api-circle'\n | 'archive'\n | 'arrow-down'\n | 'arrow-down-right'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'autogenerate'\n | 'autogenerate-circle'\n | 'aws'\n | 'ban'\n | 'bell'\n | 'bell-with-badge'\n | 'book'\n | 'breakdown'\n | 'bug'\n | 'buoy'\n | 'calculation-toolkit'\n | 'calculator'\n | 'caret-down'\n | 'caret-left'\n | 'caret-right'\n | 'caret-up'\n | 'certificate'\n | 'chart'\n | 'checkmark'\n | 'checkmark-circle'\n | 'checkmark-circle-filled'\n | 'checkmark-circle-filled-with-shadow'\n | 'chevron-double-left'\n | 'chevron-double-right'\n | 'chevron-down'\n | 'chevron-left'\n | 'chevron-right'\n | 'chevron-up'\n | 'circle'\n | 'citation'\n | 'citation-square'\n | 'clock'\n | 'cloud'\n | 'collapse'\n | 'collapse-panel'\n | 'commit'\n | 'community'\n | 'community-edition'\n | 'compare'\n | 'copy'\n | 'corner-drag'\n | 'csv-file'\n | 'cycle'\n | 'cycle-schema'\n | 'dashboard'\n | 'data-format'\n | 'data-management'\n | 'data-plan'\n | 'database-wheat'\n | 'dot-circle'\n | 'dot-filled'\n | 'download'\n | 'drag'\n | 'edit'\n | 'edit-withfield'\n | 'embed'\n | 'exclamation'\n | 'exclamation-triangle'\n | 'exclamation-triangle-filled'\n | 'export'\n | 'external-link'\n | 'feedback'\n | 'fence'\n | 'film'\n | 'filter-funnel'\n | 'filter-slider'\n | 'flash'\n | 'folder'\n | 'folder-open'\n | 'foodprocessor'\n | 'globe-continents'\n | 'globe-lines'\n | 'glossary'\n | 'greenhouse'\n | 'guide'\n | 'guide-overlay'\n | 'heart'\n | 'help'\n | 'help-circle'\n | 'history'\n | 'home'\n | 'husk'\n | 'image'\n | 'incognito'\n | 'indexed'\n | 'info'\n | 'info-circle'\n | 'info-circle-schema'\n | 'lake'\n | 'link'\n | 'list-indented'\n | 'livestock'\n | 'loading'\n | 'loading-bar'\n | 'loading-circle-filled'\n | 'loading-circle-filled-withshadow'\n | 'log'\n | 'mail'\n | 'map'\n | 'menu'\n | 'messages'\n | 'messages-with-badge'\n | 'metrics'\n | 'migration'\n | 'minus'\n | 'model-docs'\n | 'news'\n | 'node'\n | 'notepad'\n | 'ocean'\n | 'organisation'\n | 'organisation-schema'\n | 'overflow-menu'\n | 'pin'\n | 'pin-schema'\n | 'plus'\n | 'pond'\n | 'private-eye'\n | 'private-eye-crossed'\n | 'private-lock'\n | 'private-lock-filled'\n | 'private-unlocked'\n | 'profile-checkmark'\n | 'profile-circle'\n | 'profile-circle-schema'\n | 'profile-gear'\n | 'progress'\n | 'python'\n | 'refresh'\n | 'rename'\n | 'retailer'\n | 'review'\n | 'river'\n | 'save'\n | 'schema'\n | 'search'\n | 'search-schema'\n | 'search-with-exclamation'\n | 'search-with-minus'\n | 'search-with-plus'\n | 'settings'\n | 'share'\n | 'share-socials'\n | 'shrub'\n | 'sign-out'\n | 'slack'\n | 'socials-gitlab'\n | 'socials-google'\n | 'socials-linkedin'\n | 'socials-linkedin-circle'\n | 'socials-orcid'\n | 'socials-orcid-circle'\n | 'sort-ascending'\n | 'sort-caret-down-filled'\n | 'sort-caret-stacked-filled-stacked'\n | 'sort-caret-up-filled'\n | 'source'\n | 'source-schema'\n | 'star'\n | 'star-filled'\n | 'table'\n | 'tag-filled'\n | 'tank'\n | 'target'\n | 'target-schema'\n | 'term'\n | 'term-schema'\n | 'textform-list'\n | 'tool'\n | 'transport'\n | 'transport-schema'\n | 'trash'\n | 'tree'\n | 'turn-phone'\n | 'unit'\n | 'upload'\n | 'video'\n | 'webhook'\n | 'xlsx-file'\n | 'xmark'\n | 'xmark-circle'\n | 'xmark-circle-filled'\n | 'xmark-circle-filled-with-shadow'\n | 'zip';\nexport const icons: svgIconNames[] = [\n 'aggregation',\n 'api',\n 'api-circle',\n 'archive',\n 'arrow-down',\n 'arrow-down-right',\n 'arrow-left',\n 'arrow-right',\n 'arrow-up',\n 'autogenerate',\n 'autogenerate-circle',\n 'aws',\n 'ban',\n 'bell',\n 'bell-with-badge',\n 'book',\n 'breakdown',\n 'bug',\n 'buoy',\n 'calculation-toolkit',\n 'calculator',\n 'caret-down',\n 'caret-left',\n 'caret-right',\n 'caret-up',\n 'certificate',\n 'chart',\n 'checkmark',\n 'checkmark-circle',\n 'checkmark-circle-filled',\n 'checkmark-circle-filled-with-shadow',\n 'chevron-double-left',\n 'chevron-double-right',\n 'chevron-down',\n 'chevron-left',\n 'chevron-right',\n 'chevron-up',\n 'circle',\n 'citation',\n 'citation-square',\n 'clock',\n 'cloud',\n 'collapse',\n 'collapse-panel',\n 'commit',\n 'community',\n 'community-edition',\n 'compare',\n 'copy',\n 'corner-drag',\n 'csv-file',\n 'cycle',\n 'cycle-schema',\n 'dashboard',\n 'data-format',\n 'data-management',\n 'data-plan',\n 'database-wheat',\n 'dot-circle',\n 'dot-filled',\n 'download',\n 'drag',\n 'edit',\n 'edit-withfield',\n 'embed',\n 'exclamation',\n 'exclamation-triangle',\n 'exclamation-triangle-filled',\n 'export',\n 'external-link',\n 'feedback',\n 'fence',\n 'film',\n 'filter-funnel',\n 'filter-slider',\n 'flash',\n 'folder',\n 'folder-open',\n 'foodprocessor',\n 'globe-continents',\n 'globe-lines',\n 'glossary',\n 'greenhouse',\n 'guide',\n 'guide-overlay',\n 'heart',\n 'help',\n 'help-circle',\n 'history',\n 'home',\n 'husk',\n 'image',\n 'incognito',\n 'indexed',\n 'info',\n 'info-circle',\n 'info-circle-schema',\n 'lake',\n 'link',\n 'list-indented',\n 'livestock',\n 'loading',\n 'loading-bar',\n 'loading-circle-filled',\n 'loading-circle-filled-withshadow',\n 'log',\n 'mail',\n 'map',\n 'menu',\n 'messages',\n 'messages-with-badge',\n 'metrics',\n 'migration',\n 'minus',\n 'model-docs',\n 'news',\n 'node',\n 'notepad',\n 'ocean',\n 'organisation',\n 'organisation-schema',\n 'overflow-menu',\n 'pin',\n 'pin-schema',\n 'plus',\n 'pond',\n 'private-eye',\n 'private-eye-crossed',\n 'private-lock',\n 'private-lock-filled',\n 'private-unlocked',\n 'profile-checkmark',\n 'profile-circle',\n 'profile-circle-schema',\n 'profile-gear',\n 'progress',\n 'python',\n 'refresh',\n 'rename',\n 'retailer',\n 'review',\n 'river',\n 'save',\n 'schema',\n 'search',\n 'search-schema',\n 'search-with-exclamation',\n 'search-with-minus',\n 'search-with-plus',\n 'settings',\n 'share',\n 'share-socials',\n 'shrub',\n 'sign-out',\n 'slack',\n 'socials-gitlab',\n 'socials-google',\n 'socials-linkedin',\n 'socials-linkedin-circle',\n 'socials-orcid',\n 'socials-orcid-circle',\n 'sort-ascending',\n 'sort-caret-down-filled',\n 'sort-caret-stacked-filled-stacked',\n 'sort-caret-up-filled',\n 'source',\n 'source-schema',\n 'star',\n 'star-filled',\n 'table',\n 'tag-filled',\n 'tank',\n 'target',\n 'target-schema',\n 'term',\n 'term-schema',\n 'textform-list',\n 'tool',\n 'transport',\n 'transport-schema',\n 'trash',\n 'tree',\n 'turn-phone',\n 'unit',\n 'upload',\n 'video',\n 'webhook',\n 'xlsx-file',\n 'xmark',\n 'xmark-circle',\n 'xmark-circle-filled',\n 'xmark-circle-filled-with-shadow',\n 'zip'\n];\n","import { Component, computed, HostBinding, inject, input } from '@angular/core';\nimport { PlatformLocation } from '@angular/common';\n\nimport { svgIconSizes, svgIconNames } from './icons';\n\nexport const defaultSvgIconSize: svgIconSizes = '20';\n\n@Component({\n selector: 'he-svg-icon',\n imports: [],\n templateUrl: './svg-icon.component.html',\n styleUrls: ['./svg-icon.component.scss'],\n host: {\n '[attr.icon-size]': 'size()'\n }\n})\nexport class HESvgIconComponent {\n private readonly baseHref = inject(PlatformLocation).getBaseHrefFromDOM() || '/';\n\n protected readonly name = input.required<svgIconNames>();\n protected readonly size = input<svgIconSizes>(defaultSvgIconSize);\n protected readonly animation = input<string>();\n\n private readonly iconName = computed(() => [this.name(), this.size()].filter(Boolean).join('-'));\n protected readonly iconPath = computed(\n () => `${this.baseHref}assets/svg-icons/icons-sprite.svg#${this.iconName()}px`\n );\n\n @HostBinding('style.width')\n protected get _width() {\n return `${this.size()}px`;\n }\n\n @HostBinding('style.height')\n protected get _height() {\n return `${this.size()}px`;\n }\n}\n","<svg [attr.animation]=\"animation()\">\n <use [attr.href]=\"iconPath()\"></use>\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|