@folkehelseinstituttet/designsystem 0.43.5 → 0.45.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/custom-elements.json +1 -1
- package/fhi-checkbox.js +37 -15
- package/fhi-checkbox.js.map +1 -1
- package/fhi-checkbox.manifest.json +1 -1
- package/fhi-radio.js +49 -36
- package/fhi-radio.js.map +1 -1
- package/fhi-radio.manifest.json +1 -1
- package/fhi-select.js +1 -1
- package/fhi-text-area.d.ts +1 -0
- package/fhi-text-area.js +223 -0
- package/fhi-text-area.js.map +1 -0
- package/fhi-text-area.manifest.json +1 -0
- package/index.js +113 -112
- package/package.json +1 -1
- package/web-types.json +282 -127
package/fhi-text-area.js
ADDED
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import { a as e, d as t, o as n, r, s as i, t as a, u as o } from "./decorate-DFXIek-k.js";
|
|
2
|
+
import { t as s } from "./if-defined-Dl-W5B5_.js";
|
|
3
|
+
import "./fhi-body.js";
|
|
4
|
+
import "./fhi-label.js";
|
|
5
|
+
//#region src/components/fhi-text-area/fhi-text-area.component.ts
|
|
6
|
+
var c = "fhi-text-area", l = class extends i {
|
|
7
|
+
static {
|
|
8
|
+
this.formAssociated = !0;
|
|
9
|
+
}
|
|
10
|
+
get name() {
|
|
11
|
+
return this._name;
|
|
12
|
+
}
|
|
13
|
+
set name(e) {
|
|
14
|
+
let t = this._name;
|
|
15
|
+
this._name = e, this.requestUpdate("name", t), this._internals.setFormValue(this._value);
|
|
16
|
+
}
|
|
17
|
+
get value() {
|
|
18
|
+
return this._value;
|
|
19
|
+
}
|
|
20
|
+
set value(e) {
|
|
21
|
+
let t = this._value;
|
|
22
|
+
this._value = e, this.requestUpdate("value", t), this._internals.setFormValue(this._value);
|
|
23
|
+
}
|
|
24
|
+
constructor() {
|
|
25
|
+
super(), this.label = void 0, this.message = void 0, this.helpText = void 0, this.placeholder = void 0, this.status = void 0, this.readonly = !1, this.disabled = !1, this.rows = 2, this._name = void 0, this._value = "", this._internals = this.attachInternals();
|
|
26
|
+
}
|
|
27
|
+
_dispatchChangeEvent() {
|
|
28
|
+
this.dispatchEvent(new Event("change", {
|
|
29
|
+
bubbles: !0,
|
|
30
|
+
composed: !0
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
_dispatchInputEvent() {
|
|
34
|
+
this.dispatchEvent(new Event("input", {
|
|
35
|
+
bubbles: !0,
|
|
36
|
+
composed: !0
|
|
37
|
+
}));
|
|
38
|
+
}
|
|
39
|
+
handleChange(e) {
|
|
40
|
+
e.stopPropagation(), this._dispatchChangeEvent();
|
|
41
|
+
}
|
|
42
|
+
handleInput(e) {
|
|
43
|
+
this.value = this._textarea.value, this._internals.setFormValue(this.value), e.stopPropagation(), this._dispatchInputEvent();
|
|
44
|
+
}
|
|
45
|
+
formResetCallback() {
|
|
46
|
+
this.value = this.getAttribute("value") || "", this._internals.setFormValue(this.value);
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
return o`
|
|
50
|
+
${this.label && o`<label for="textarea-element"
|
|
51
|
+
><fhi-label size="small">${this.label}</fhi-label></label
|
|
52
|
+
> `}
|
|
53
|
+
${this.helpText ? o`
|
|
54
|
+
<fhi-body class="help-text" size="small">${this.helpText}</fhi-body>
|
|
55
|
+
` : ""}
|
|
56
|
+
<div class="textarea-container">
|
|
57
|
+
<textarea
|
|
58
|
+
id="textarea-element"
|
|
59
|
+
name=${s(this.name)}
|
|
60
|
+
placeholder=${s(this.placeholder)}
|
|
61
|
+
.value=${this.value}
|
|
62
|
+
?readonly=${this.readonly}
|
|
63
|
+
?disabled=${this.disabled}
|
|
64
|
+
rows=${s(this.rows)}
|
|
65
|
+
@change=${this.handleChange}
|
|
66
|
+
@input=${this.handleInput}
|
|
67
|
+
></textarea>
|
|
68
|
+
</div>
|
|
69
|
+
${this.message ? o`
|
|
70
|
+
<fhi-body size="small" class="message">${this.message}</fhi-body>
|
|
71
|
+
` : ""}
|
|
72
|
+
`;
|
|
73
|
+
}
|
|
74
|
+
static {
|
|
75
|
+
this.styles = t`
|
|
76
|
+
:host {
|
|
77
|
+
display: flex;
|
|
78
|
+
flex-direction: column;
|
|
79
|
+
font-family: var(--fhi-font-family-default);
|
|
80
|
+
-webkit-font-smoothing: antialiased;
|
|
81
|
+
|
|
82
|
+
.textarea-container {
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
border: var(--fhi-dimension-border-width) solid
|
|
85
|
+
var(--fhi-color-neutral-border-default);
|
|
86
|
+
border-radius: var(--fhi-border-radius-050);
|
|
87
|
+
background-color: var(--fhi-color-neutral-background-default);
|
|
88
|
+
transition: border-color var(--fhi-motion-ease-default) var(--fhi-motion-duration-quick);
|
|
89
|
+
|
|
90
|
+
&:hover {
|
|
91
|
+
border-color: var(--fhi-color-accent-border-default);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&:focus-within {
|
|
95
|
+
border-color: var(--fhi-color-accent-border-strong);
|
|
96
|
+
background-color: var(--fhi-color-accent-background-default);
|
|
97
|
+
outline: auto;
|
|
98
|
+
outline-color: -webkit-focus-ring-color;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
textarea {
|
|
103
|
+
box-sizing: border-box;
|
|
104
|
+
display: block;
|
|
105
|
+
width: 100%;
|
|
106
|
+
resize: vertical;
|
|
107
|
+
min-height: var(--fhi-spacing-500);
|
|
108
|
+
padding: var(--fhi-spacing-100) var(--fhi-spacing-150);
|
|
109
|
+
color: var(--fhi-color-neutral-text-default);
|
|
110
|
+
background-color: transparent;
|
|
111
|
+
margin: 0;
|
|
112
|
+
border: none;
|
|
113
|
+
font-family: var(--fhi-font-family-default);
|
|
114
|
+
font-weight: var(--fhi-typography-body-medium-font-weight);
|
|
115
|
+
font-size: var(--fhi-typography-body-medium-font-size);
|
|
116
|
+
line-height: var(--fhi-typography-body-medium-line-height);
|
|
117
|
+
letter-spacing: var(--fhi-typography-body-medium-letter-spacing);
|
|
118
|
+
transition: background-color var(--fhi-motion-ease-default) var(--fhi-motion-duration-quick);
|
|
119
|
+
|
|
120
|
+
&::placeholder {
|
|
121
|
+
color: var(--fhi-color-neutral-base-default);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&:hover:not(:disabled):not([readonly]) {
|
|
125
|
+
border-color: var(--fhi-color-accent-border-default);
|
|
126
|
+
background-color: var(--fhi-color-accent-background-subtle);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
&:focus {
|
|
130
|
+
background-color: var(--fhi-color-accent-background-default);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
label {
|
|
135
|
+
color: var(--fhi-color-neutral-text-default);
|
|
136
|
+
margin: 0;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
label + .textarea-container {
|
|
140
|
+
margin-top: var(--fhi-spacing-050);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.help-text {
|
|
144
|
+
color: var(--fhi-color-neutral-text-subtle);
|
|
145
|
+
margin: 0 0 var(--fhi-spacing-050) 0;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.message {
|
|
149
|
+
margin: var(--fhi-spacing-050) 0 0 0;
|
|
150
|
+
color: var(--fhi-color-neutral-text-default);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:host([disabled]) {
|
|
155
|
+
opacity: var(--fhi-opacity-disabled);
|
|
156
|
+
cursor: not-allowed;
|
|
157
|
+
label,
|
|
158
|
+
textarea,
|
|
159
|
+
.textarea-container {
|
|
160
|
+
cursor: not-allowed;
|
|
161
|
+
}
|
|
162
|
+
.textarea-container {
|
|
163
|
+
&:hover {
|
|
164
|
+
border-color: var(--fhi-color-neutral-border-default);
|
|
165
|
+
background-color: var(--fhi-color-neutral-background-default);
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:host([readonly]:not([disabled])) {
|
|
171
|
+
.textarea-container {
|
|
172
|
+
border: unset;
|
|
173
|
+
border-radius: unset;
|
|
174
|
+
background-color: unset;
|
|
175
|
+
border-left: var(--fhi-dimension-border-width) solid
|
|
176
|
+
var(--fhi-color-neutral-border-default);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
:host([status='error']:not([disabled]):not([readonly])) {
|
|
181
|
+
label {
|
|
182
|
+
color: var(--fhi-color-danger-text-default);
|
|
183
|
+
}
|
|
184
|
+
.textarea-container {
|
|
185
|
+
border-color: var(--fhi-color-danger-border-strong);
|
|
186
|
+
background-color: var(--fhi-color-danger-background-default);
|
|
187
|
+
}
|
|
188
|
+
textarea {
|
|
189
|
+
color: var(--fhi-color-neutral-text-default);
|
|
190
|
+
&:hover {
|
|
191
|
+
background-color: var(--fhi-color-danger-background-default);
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
.message {
|
|
195
|
+
color: var(--fhi-color-danger-text-subtle);
|
|
196
|
+
}
|
|
197
|
+
.help-text {
|
|
198
|
+
color: var(--fhi-color-danger-text-default);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
`;
|
|
202
|
+
}
|
|
203
|
+
};
|
|
204
|
+
a([e({ type: String })], l.prototype, "label", void 0), a([e({ type: String })], l.prototype, "message", void 0), a([e({
|
|
205
|
+
type: String,
|
|
206
|
+
attribute: "help-text"
|
|
207
|
+
})], l.prototype, "helpText", void 0), a([e({ type: String })], l.prototype, "placeholder", void 0), a([e({
|
|
208
|
+
type: String,
|
|
209
|
+
reflect: !0
|
|
210
|
+
})], l.prototype, "status", void 0), a([e({
|
|
211
|
+
type: Boolean,
|
|
212
|
+
reflect: !0
|
|
213
|
+
})], l.prototype, "readonly", void 0), a([e({
|
|
214
|
+
type: Boolean,
|
|
215
|
+
reflect: !0
|
|
216
|
+
})], l.prototype, "disabled", void 0), a([e({ type: Number })], l.prototype, "rows", void 0), a([r("#textarea-element")], l.prototype, "_textarea", void 0), a([e({
|
|
217
|
+
type: String,
|
|
218
|
+
reflect: !0
|
|
219
|
+
})], l.prototype, "name", null), a([e({ type: String })], l.prototype, "value", null), l = a([n(c)], l);
|
|
220
|
+
//#endregion
|
|
221
|
+
export { l as FhiTextArea, c as FhiTextAreaSelector };
|
|
222
|
+
|
|
223
|
+
//# sourceMappingURL=fhi-text-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-text-area.js","names":[],"sources":["../../src/components/fhi-text-area/fhi-text-area.component.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../typography/fhi-body/fhi-body.component';\nimport '../typography/fhi-label/fhi-label.component';\n\nexport const FhiTextAreaSelector = 'fhi-text-area';\n\n/**\n * ## FHI Text Area\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-text-area--docs}\n *\n * The `<fhi-text-area>` component is used to collect user input in forms.\n * It provides a labeled text area with optional placeholder text, status indication, and a message area for additional information or validation feedback.\n *\n * @tag fhi-text-area\n * @element fhi-text-area\n */\n@customElement(FhiTextAreaSelector)\nexport class FhiTextArea extends LitElement {\n static readonly formAssociated = true;\n\n /**\n * The text that labels the text area.\n * A text area should always have a label to ensure accessibility.\n * @type {string}\n */\n @property({ type: String }) label?: string = undefined;\n\n /**\n * The message shown beneath the text area.\n * This is often used to provide additional information or feedback to the user.\n * @type {string}\n */\n @property({ type: String }) message?: string = undefined;\n\n /**\n * The message shown above the text area.\n * This is often used to provide additional information to the user.\n * @type {string}\n */\n @property({ type: String, attribute: 'help-text' }) helpText?: string =\n undefined;\n\n /**\n * Sets the placeholder text for the text area.\n * This text is displayed when the text area is empty, providing a hint to the user about the expected input.\n * @type {string}\n */\n @property({ type: String }) placeholder?: string = undefined;\n\n /**\n * Sets the visual status of the text area. There is currently only one status available: `error`.\n *\n * The `error` status is used to indicate that there is an issue with the text area, such as invalid or missing data.\n * @reflect\n * @type {'error'}\n */\n @property({ type: String, reflect: true }) status?: 'error' = undefined;\n\n /**\n * Sets the text area to read-only. A read-only field cannot be modified by the user but may be submitted with the form.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) readonly? = false;\n\n /**\n * Disables the text area. This changes its appearance and makes it non-interactive.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) disabled? = false;\n\n /**\n * Sets the number of visible text lines for the text area.\n * @reflect\n * @type {number}\n */\n @property({ type: Number }) rows? = 2;\n\n @query('#textarea-element')\n private _textarea!: HTMLTextAreaElement;\n\n private _name?: string = undefined;\n\n /**\n * The name of the text area. This is submitted with the form data as a `key`.\n *\n * This attribute conforms with the standard HTML `name` attribute for text areas.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#name}\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n get name(): string | undefined {\n return this._name;\n }\n set name(newName: string) {\n const oldName = this._name;\n this._name = newName;\n this.requestUpdate('name', oldName);\n this._internals.setFormValue(this._value);\n }\n\n private _value: string = '';\n\n /**\n * The default value of the text area.\n *\n * You can fetch the current value of the text area by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n *\n * This attribute conforms with the standard HTML `value` attribute for text areas.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/value}\n *\n * @type {string}\n */\n @property({ type: String })\n get value(): string {\n return this._value;\n }\n\n set value(newValue: string) {\n const oldValue = this._value;\n this._value = newValue;\n this.requestUpdate('value', oldValue);\n this._internals.setFormValue(this._value);\n }\n\n private _internals: ElementInternals;\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n }\n\n private _dispatchChangeEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `change`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private _dispatchInputEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `input`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('input', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private handleChange(event: Event): void {\n event.stopPropagation();\n this._dispatchChangeEvent();\n }\n\n private handleInput(event: Event): void {\n this.value = this._textarea.value;\n this._internals.setFormValue(this.value);\n\n event.stopPropagation();\n this._dispatchInputEvent();\n }\n\n public formResetCallback(): void {\n this.value = this.getAttribute('value') || '';\n this._internals.setFormValue(this.value);\n }\n\n render() {\n return html`\n ${this.label &&\n html`<label for=\"textarea-element\"\n ><fhi-label size=\"small\">${this.label}</fhi-label></label\n > `}\n ${this.helpText\n ? html`\n <fhi-body class=\"help-text\" size=\"small\">${this.helpText}</fhi-body>\n `\n : ''}\n <div class=\"textarea-container\">\n <textarea\n id=\"textarea-element\"\n name=${ifDefined(this.name)}\n placeholder=${ifDefined(this.placeholder)}\n .value=${this.value}\n ?readonly=${this.readonly}\n ?disabled=${this.disabled}\n rows=${ifDefined(this.rows)}\n @change=${this.handleChange}\n @input=${this.handleInput}\n ></textarea>\n </div>\n ${this.message\n ? html`\n <fhi-body size=\"small\" class=\"message\">${this.message}</fhi-body>\n `\n : ''}\n `;\n }\n\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n font-family: var(--fhi-font-family-default);\n -webkit-font-smoothing: antialiased;\n\n .textarea-container {\n overflow: hidden;\n border: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n border-radius: var(--fhi-border-radius-050);\n background-color: var(--fhi-color-neutral-background-default);\n transition: border-color var(--fhi-motion-ease-default) var(--fhi-motion-duration-quick);\n \n &:hover {\n border-color: var(--fhi-color-accent-border-default);\n }\n\n &:focus-within {\n border-color: var(--fhi-color-accent-border-strong);\n background-color: var(--fhi-color-accent-background-default);\n outline: auto;\n outline-color: -webkit-focus-ring-color;\n }\n }\n\n textarea {\n box-sizing: border-box;\n display: block;\n width: 100%;\n resize: vertical;\n min-height: var(--fhi-spacing-500);\n padding: var(--fhi-spacing-100) var(--fhi-spacing-150);\n color: var(--fhi-color-neutral-text-default);\n background-color: transparent;\n margin: 0;\n border: none;\n font-family: var(--fhi-font-family-default);\n font-weight: var(--fhi-typography-body-medium-font-weight);\n font-size: var(--fhi-typography-body-medium-font-size);\n line-height: var(--fhi-typography-body-medium-line-height);\n letter-spacing: var(--fhi-typography-body-medium-letter-spacing);\n transition: background-color var(--fhi-motion-ease-default) var(--fhi-motion-duration-quick);\n\n &::placeholder {\n color: var(--fhi-color-neutral-base-default);\n }\n\n &:hover:not(:disabled):not([readonly]) {\n border-color: var(--fhi-color-accent-border-default);\n background-color: var(--fhi-color-accent-background-subtle);\n }\n \n &:focus {\n background-color: var(--fhi-color-accent-background-default);\n }\n }\n\n label {\n color: var(--fhi-color-neutral-text-default);\n margin: 0;\n }\n\n label + .textarea-container {\n margin-top: var(--fhi-spacing-050);\n }\n\n .help-text {\n color: var(--fhi-color-neutral-text-subtle);\n margin: 0 0 var(--fhi-spacing-050) 0;\n }\n\n .message {\n margin: var(--fhi-spacing-050) 0 0 0;\n color: var(--fhi-color-neutral-text-default);\n }\n }\n\n :host([disabled]) {\n opacity: var(--fhi-opacity-disabled);\n cursor: not-allowed;\n label,\n textarea,\n .textarea-container {\n cursor: not-allowed;\n }\n .textarea-container {\n &:hover {\n border-color: var(--fhi-color-neutral-border-default);\n background-color: var(--fhi-color-neutral-background-default);\n }\n }\n }\n\n :host([readonly]:not([disabled])) {\n .textarea-container {\n border: unset;\n border-radius: unset;\n background-color: unset;\n border-left: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n }\n }\n\n :host([status='error']:not([disabled]):not([readonly])) {\n label {\n color: var(--fhi-color-danger-text-default);\n }\n .textarea-container {\n border-color: var(--fhi-color-danger-border-strong);\n background-color: var(--fhi-color-danger-background-default);\n }\n textarea {\n color: var(--fhi-color-neutral-text-default);\n &:hover {\n background-color: var(--fhi-color-danger-background-default);\n }\n }\n .message {\n color: var(--fhi-color-danger-text-subtle);\n }\n .help-text {\n color: var(--fhi-color-danger-text-default);\n }\n }\n `;\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"kind":"javascript-module","path":"src/components/fhi-text-area/fhi-text-area.component.ts","declarations":[{"kind":"class","description":"## FHI Text Area\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-text-area--docs\n\nThe `<fhi-text-area>` component is used to collect user input in forms.\nIt provides a labeled text area with optional placeholder text, status indication, and a message area for additional information or validation feedback.","name":"FhiTextArea","members":[{"kind":"method","name":"_dispatchChangeEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_dispatchInputEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"field","name":"_internals","type":{"text":"ElementInternals"},"privacy":"private"},{"kind":"field","name":"_name","type":{"text":"string | undefined"},"privacy":"private","default":"undefined"},{"kind":"field","name":"_textarea","type":{"text":"HTMLTextAreaElement"},"privacy":"private"},{"kind":"field","name":"_value","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the text area. This changes its appearance and makes it non-interactive.","reflects":true,"attribute":"disabled"},{"kind":"field","name":"formAssociated","type":{"text":"boolean"},"static":true,"readonly":true,"default":"true"},{"kind":"method","name":"formResetCallback","privacy":"public","return":{"type":{"text":"void"}}},{"kind":"method","name":"handleChange","privacy":"private","return":{"type":{"text":"void"}},"parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"handleInput","privacy":"private","return":{"type":{"text":"void"}},"parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"field","name":"helpText","type":{"text":"string"},"default":"undefined","description":"The message shown above the text area.\nThis is often used to provide additional information to the user.","attribute":"help-text"},{"kind":"field","name":"label","type":{"text":"string"},"default":"undefined","description":"The text that labels the text area.\nA text area should always have a label to ensure accessibility.","attribute":"label"},{"kind":"field","name":"message","type":{"text":"string"},"default":"undefined","description":"The message shown beneath the text area.\nThis is often used to provide additional information or feedback to the user.","attribute":"message"},{"kind":"field","name":"name","type":{"text":"string"},"description":"The name of the text area. This is submitted with the form data as a `key`.\n\nThis attribute conforms with the standard HTML `name` attribute for text areas.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#name","reflects":true,"attribute":"name"},{"kind":"field","name":"placeholder","type":{"text":"string"},"default":"undefined","description":"Sets the placeholder text for the text area.\nThis text is displayed when the text area is empty, providing a hint to the user about the expected input.","attribute":"placeholder"},{"kind":"field","name":"readonly","type":{"text":"boolean"},"default":"false","description":"Sets the text area to read-only. A read-only field cannot be modified by the user but may be submitted with the form.","reflects":true,"attribute":"readonly"},{"kind":"field","name":"rows","type":{"text":"number"},"default":"2","description":"Sets the number of visible text lines for the text area.","reflects":true,"attribute":"rows"},{"kind":"field","name":"status","type":{"text":"'error'"},"default":"undefined","description":"Sets the visual status of the text area. There is currently only one status available: `error`.\n\nThe `error` status is used to indicate that there is an issue with the text area, such as invalid or missing data.","reflects":true,"attribute":"status"},{"kind":"field","name":"value","type":{"text":"string"},"description":"The default value of the text area.\n\nYou can fetch the current value of the text area by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n\nThis attribute conforms with the standard HTML `value` attribute for text areas.\nSee: https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/value","attribute":"value"}],"events":[{"name":"change","type":{"text":"Event"},"description":"Standard DOM event with the type `change`.\nThis event is dispatched when the value of the input changes."},{"name":"input","type":{"text":"Event"},"description":"Standard DOM event with the type `input`.\nThis event is dispatched when the value of the input changes."}],"attributes":[{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the text area. This changes its appearance and makes it non-interactive.","fieldName":"disabled"},{"name":"help-text","type":{"text":"string"},"default":"undefined","description":"The message shown above the text area.\nThis is often used to provide additional information to the user.","fieldName":"helpText"},{"name":"label","type":{"text":"string"},"default":"undefined","description":"The text that labels the text area.\nA text area should always have a label to ensure accessibility.","fieldName":"label"},{"name":"message","type":{"text":"string"},"default":"undefined","description":"The message shown beneath the text area.\nThis is often used to provide additional information or feedback to the user.","fieldName":"message"},{"name":"name","type":{"text":"string"},"description":"The name of the text area. This is submitted with the form data as a `key`.\n\nThis attribute conforms with the standard HTML `name` attribute for text areas.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#name","fieldName":"name"},{"name":"placeholder","type":{"text":"string"},"default":"undefined","description":"Sets the placeholder text for the text area.\nThis text is displayed when the text area is empty, providing a hint to the user about the expected input.","fieldName":"placeholder"},{"name":"readonly","type":{"text":"boolean"},"default":"false","description":"Sets the text area to read-only. A read-only field cannot be modified by the user but may be submitted with the form.","fieldName":"readonly"},{"name":"rows","type":{"text":"number"},"default":"2","description":"Sets the number of visible text lines for the text area.","fieldName":"rows"},{"name":"status","type":{"text":"'error'"},"default":"undefined","description":"Sets the visual status of the text area. There is currently only one status available: `error`.\n\nThe `error` status is used to indicate that there is an issue with the text area, such as invalid or missing data.","fieldName":"status"},{"name":"value","type":{"text":"string"},"description":"The default value of the text area.\n\nYou can fetch the current value of the text area by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n\nThis attribute conforms with the standard HTML `value` attribute for text areas.\nSee: https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/value","fieldName":"value"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-text-area","customElement":true},{"kind":"variable","name":"FhiTextAreaSelector","type":{"text":"string"},"default":"'fhi-text-area'"}]}
|
package/index.js
CHANGED
|
@@ -13,115 +13,116 @@ import { FhiHeadline as S, FhiHeadlineSelector as C } from "./fhi-headline.js";
|
|
|
13
13
|
import { FhiModalDialog as w, FhiModalDialogSelector as T } from "./fhi-modal-dialog.js";
|
|
14
14
|
import { FhiRadio as E, FhiRadioSelector as D } from "./fhi-radio.js";
|
|
15
15
|
import { FhiTag as O, FhiTagSelector as k } from "./fhi-tag.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
|
|
16
|
+
import { FhiLabel as A, FhiLabelSelector as j } from "./fhi-label.js";
|
|
17
|
+
import { FhiTextArea as M, FhiTextAreaSelector as N } from "./fhi-text-area.js";
|
|
18
|
+
import { FhiTextInput as P, FhiTextInputSelector as F } from "./fhi-text-input.js";
|
|
19
|
+
import { n as I, t as L } from "./fhi-tooltip.component-O9cZeuTN.js";
|
|
20
|
+
import { FhiIconArrowDownLeft as R, FhiIconArrowDownLeftSelector as z } from "./fhi-icon-arrow-down-left.js";
|
|
21
|
+
import { FhiIconArrowDownRight as B, FhiIconArrowDownRightSelector as V } from "./fhi-icon-arrow-down-right.js";
|
|
22
|
+
import { FhiIconArrowDown as H, FhiIconArrowDownSelector as U } from "./fhi-icon-arrow-down.js";
|
|
23
|
+
import { FhiIconArrowLeft as W, FhiIconArrowLeftSelector as G } from "./fhi-icon-arrow-left.js";
|
|
24
|
+
import { FhiIconArrowRightLeft as K, FhiIconArrowRightLeftSelector as q } from "./fhi-icon-arrow-right-left.js";
|
|
25
|
+
import { FhiIconArrowRight as J, FhiIconArrowRightSelector as Y } from "./fhi-icon-arrow-right.js";
|
|
26
|
+
import { FhiIconArrowUpDown as X, FhiIconArrowUpDownSelector as Z } from "./fhi-icon-arrow-up-down.js";
|
|
27
|
+
import { FhiIconArrowUpLeft as Q, FhiIconArrowUpLeftSelector as $ } from "./fhi-icon-arrow-up-left.js";
|
|
28
|
+
import { FhiIconArrowUpRight as ee, FhiIconArrowUpRightSelector as te } from "./fhi-icon-arrow-up-right.js";
|
|
29
|
+
import { FhiIconArrowUp as ne, FhiIconArrowUpSelector as re } from "./fhi-icon-arrow-up.js";
|
|
30
|
+
import { FhiIconBell as ie, FhiIconBellSelector as ae } from "./fhi-icon-bell.js";
|
|
31
|
+
import { FhiIconCalendarClock as oe, FhiIconCalendarClockSelector as se } from "./fhi-icon-calendar-clock.js";
|
|
32
|
+
import { FhiIconChartBarStacked as ce, FhiIconChartBarStackedSelector as le } from "./fhi-icon-chart-bar-stacked.js";
|
|
33
|
+
import { FhiIconChartBar as ue, FhiIconChartBarSelector as de } from "./fhi-icon-chart-bar.js";
|
|
34
|
+
import { FhiIconChartColumnStacked as fe, FhiIconChartColumnStackedSelector as pe } from "./fhi-icon-chart-column-stacked.js";
|
|
35
|
+
import { FhiIconChartColumn as me, FhiIconChartColumnSelector as he } from "./fhi-icon-chart-column.js";
|
|
36
|
+
import { FhiIconChartLine as ge, FhiIconChartLineSelector as _e } from "./fhi-icon-chart-line.js";
|
|
37
|
+
import { FhiIconChartNoAxesCombined as ve, FhiIconChartNoAxesCombinedSelector as ye } from "./fhi-icon-chart-no-axes-combined.js";
|
|
38
|
+
import { FhiIconChartPie as be, FhiIconChartPieSelector as xe } from "./fhi-icon-chart-pie.js";
|
|
39
|
+
import { FhiIconCheck as Se, FhiIconCheckSelector as Ce } from "./fhi-icon-check.js";
|
|
40
|
+
import { FhiIconChevronDown as we, FhiIconChevronDownSelector as Te } from "./fhi-icon-chevron-down.js";
|
|
41
|
+
import { FhiIconChevronLeft as Ee, FhiIconChevronLeftSelector as De } from "./fhi-icon-chevron-left.js";
|
|
42
|
+
import { FhiIconChevronRight as Oe, FhiIconChevronRightSelector as ke } from "./fhi-icon-chevron-right.js";
|
|
43
|
+
import { FhiIconChevronUp as Ae, FhiIconChevronUpSelector as je } from "./fhi-icon-chevron-up.js";
|
|
44
|
+
import { FhiIconChevronsDown as Me, FhiIconChevronsDownSelector as Ne } from "./fhi-icon-chevrons-down.js";
|
|
45
|
+
import { FhiIconChevronsLeft as Pe, FhiIconChevronsLeftSelector as Fe } from "./fhi-icon-chevrons-left.js";
|
|
46
|
+
import { FhiIconChevronsRight as Ie, FhiIconChevronsRightSelector as Le } from "./fhi-icon-chevrons-right.js";
|
|
47
|
+
import { FhiIconChevronsUp as Re, FhiIconChevronsUpSelector as ze } from "./fhi-icon-chevrons-up.js";
|
|
48
|
+
import { FhiIconCircleArrowDown as Be, FhiIconCircleArrowDownSelector as Ve } from "./fhi-icon-circle-arrow-down.js";
|
|
49
|
+
import { FhiIconCircleArrowLeft as He, FhiIconCircleArrowLeftSelector as Ue } from "./fhi-icon-circle-arrow-left.js";
|
|
50
|
+
import { FhiIconCircleArrowRight as We, FhiIconCircleArrowRightSelector as Ge } from "./fhi-icon-circle-arrow-right.js";
|
|
51
|
+
import { FhiIconCircleArrowUp as Ke, FhiIconCircleArrowUpSelector as qe } from "./fhi-icon-circle-arrow-up.js";
|
|
52
|
+
import { FhiIconCircleCheckBig as Je, FhiIconCircleCheckBigSelector as Ye } from "./fhi-icon-circle-check-big.js";
|
|
53
|
+
import { FhiIconCircleCheck as Xe, FhiIconCircleCheckSelector as Ze } from "./fhi-icon-circle-check.js";
|
|
54
|
+
import { FhiIconCircleChevronDown as Qe, FhiIconCircleChevronDownSelector as $e } from "./fhi-icon-circle-chevron-down.js";
|
|
55
|
+
import { FhiIconCircleChevronLeft as et, FhiIconCircleChevronLeftSelector as tt } from "./fhi-icon-circle-chevron-left.js";
|
|
56
|
+
import { FhiIconCircleChevronRight as nt, FhiIconCircleChevronRightSelector as rt } from "./fhi-icon-circle-chevron-right.js";
|
|
57
|
+
import { FhiIconCircleChevronUp as it, FhiIconCircleChevronUpSelector as at } from "./fhi-icon-circle-chevron-up.js";
|
|
58
|
+
import { FhiIconCircleExclamation as ot, FhiIconCircleExclamationSelector as st } from "./fhi-icon-circle-exclamation.js";
|
|
59
|
+
import { FhiIconCircleInfo as ct, FhiIconCircleInfoSelector as lt } from "./fhi-icon-circle-info.js";
|
|
60
|
+
import { FhiIconCircleMinus as ut, FhiIconCircleMinusSelector as dt } from "./fhi-icon-circle-minus.js";
|
|
61
|
+
import { FhiIconCirclePlus as ft, FhiIconCirclePlusSelector as pt } from "./fhi-icon-circle-plus.js";
|
|
62
|
+
import { FhiIconCircleQuestion as mt, FhiIconCircleQuestionSelector as ht } from "./fhi-icon-circle-question.js";
|
|
63
|
+
import { FhiIconCircleX as gt, FhiIconCircleXSelector as _t } from "./fhi-icon-circle-x.js";
|
|
64
|
+
import { FhiIconCircle as vt, FhiIconCircleSelector as yt } from "./fhi-icon-circle.js";
|
|
65
|
+
import { FhiIconClock as bt, FhiIconClockSelector as xt } from "./fhi-icon-clock.js";
|
|
66
|
+
import { FhiIconCopy as St, FhiIconCopySelector as Ct } from "./fhi-icon-copy.js";
|
|
67
|
+
import { FhiIconDownload as wt, FhiIconDownloadSelector as Tt } from "./fhi-icon-download.js";
|
|
68
|
+
import { FhiIconEllipsisVertical as Et, FhiIconEllipsisVerticalSelector as Dt } from "./fhi-icon-ellipsis-vertical.js";
|
|
69
|
+
import { FhiIconEllipsis as Ot, FhiIconEllipsisSelector as kt } from "./fhi-icon-ellipsis.js";
|
|
70
|
+
import { FhiIconExclamation as At, FhiIconExclamationSelector as jt } from "./fhi-icon-exclamation.js";
|
|
71
|
+
import { FhiIconExpand as Mt, FhiIconExpandSelector as Nt } from "./fhi-icon-expand.js";
|
|
72
|
+
import { FhiIconExternalLink as Pt, FhiIconExternalLinkSelector as Ft } from "./fhi-icon-external-link.js";
|
|
73
|
+
import { FhiIconEyeOff as It, FhiIconEyeOffSelector as Lt } from "./fhi-icon-eye-off.js";
|
|
74
|
+
import { FhiIconEye as Rt, FhiIconEyeSelector as zt } from "./fhi-icon-eye.js";
|
|
75
|
+
import { FhiIconFileText as Bt, FhiIconFileTextSelector as Vt } from "./fhi-icon-file-text.js";
|
|
76
|
+
import { FhiIconFile as Ht, FhiIconFileSelector as Ut } from "./fhi-icon-file.js";
|
|
77
|
+
import { FhiIconFilter as Wt, FhiIconFilterSelector as Gt } from "./fhi-icon-filter.js";
|
|
78
|
+
import { FhiIconFolder as Kt, FhiIconFolderSelector as qt } from "./fhi-icon-folder.js";
|
|
79
|
+
import { FhiIconGear as Jt, FhiIconGearSelector as Yt } from "./fhi-icon-gear.js";
|
|
80
|
+
import { FhiIconGrid9Dots as Xt, FhiIconGrid9DotsSelector as Zt } from "./fhi-icon-grid-9-dots.js";
|
|
81
|
+
import { FhiIconGripHorizontal as Qt, FhiIconGripHorizontalSelector as $t } from "./fhi-icon-grip-horizontal.js";
|
|
82
|
+
import { FhiIconGripVertical as en, FhiIconGripVerticalSelector as tn } from "./fhi-icon-grip-vertical.js";
|
|
83
|
+
import { FhiIconHistory as nn, FhiIconHistorySelector as rn } from "./fhi-icon-history.js";
|
|
84
|
+
import { FhiIconInfo as an, FhiIconInfoSelector as on } from "./fhi-icon-info.js";
|
|
85
|
+
import { FhiIconLink2Off as sn, FhiIconLink2OffSelector as cn } from "./fhi-icon-link-2-off.js";
|
|
86
|
+
import { FhiIconLink2 as ln, FhiIconLink2Selector as un } from "./fhi-icon-link-2.js";
|
|
87
|
+
import { FhiIconLink as dn, FhiIconLinkSelector as fn } from "./fhi-icon-link.js";
|
|
88
|
+
import { FhiIconLockOpen as pn, FhiIconLockOpenSelector as mn } from "./fhi-icon-lock-open.js";
|
|
89
|
+
import { FhiIconLock as hn, FhiIconLockSelector as gn } from "./fhi-icon-lock.js";
|
|
90
|
+
import { FhiIconLogIn as _n, FhiIconLogInSelector as vn } from "./fhi-icon-log-in.js";
|
|
91
|
+
import { FhiIconLogOut as yn, FhiIconLogOutSelector as bn } from "./fhi-icon-log-out.js";
|
|
92
|
+
import { FhiIconMail as xn, FhiIconMailSelector as Sn } from "./fhi-icon-mail.js";
|
|
93
|
+
import { FhiIconMapPin as Cn, FhiIconMapPinSelector as wn } from "./fhi-icon-map-pin.js";
|
|
94
|
+
import { FhiIconMenu as Tn, FhiIconMenuSelector as En } from "./fhi-icon-menu.js";
|
|
95
|
+
import { FhiIconMessage as Dn, FhiIconMessageSelector as On } from "./fhi-icon-message.js";
|
|
96
|
+
import { FhiIconMinus as kn, FhiIconMinusSelector as An } from "./fhi-icon-minus.js";
|
|
97
|
+
import { FhiIconOctagonAlert as jn, FhiIconOctagonAlertSelector as Mn } from "./fhi-icon-octagon-alert.js";
|
|
98
|
+
import { FhiIconPaperclip as Nn, FhiIconPaperclipSelector as Pn } from "./fhi-icon-paperclip.js";
|
|
99
|
+
import { FhiIconPencil as Fn, FhiIconPencilSelector as In } from "./fhi-icon-pencil.js";
|
|
100
|
+
import { FhiIconPhone as Ln, FhiIconPhoneSelector as Rn } from "./fhi-icon-phone.js";
|
|
101
|
+
import { FhiIconPinOff as zn, FhiIconPinOffSelector as Bn } from "./fhi-icon-pin-off.js";
|
|
102
|
+
import { FhiIconPin as Vn, FhiIconPinSelector as Hn } from "./fhi-icon-pin.js";
|
|
103
|
+
import { FhiIconPlus as Un, FhiIconPlusSelector as Wn } from "./fhi-icon-plus.js";
|
|
104
|
+
import { FhiIconPrinter as Gn, FhiIconPrinterSelector as Kn } from "./fhi-icon-printer.js";
|
|
105
|
+
import { FhiIconQuestion as qn, FhiIconQuestionSelector as Jn } from "./fhi-icon-question.js";
|
|
106
|
+
import { FhiIconRefresh as Yn, FhiIconRefreshSelector as Xn } from "./fhi-icon-refresh.js";
|
|
107
|
+
import { FhiIconRotateLeft as Zn, FhiIconRotateLeftSelector as Qn } from "./fhi-icon-rotate-left.js";
|
|
108
|
+
import { FhiIconRotateRight as $n, FhiIconRotateRightSelector as er } from "./fhi-icon-rotate-right.js";
|
|
109
|
+
import { FhiIconSearch as tr, FhiIconSearchSelector as nr } from "./fhi-icon-search.js";
|
|
110
|
+
import { FhiIconSend as rr, FhiIconSendSelector as ir } from "./fhi-icon-send.js";
|
|
111
|
+
import { FhiIconShare as ar, FhiIconShareSelector as or } from "./fhi-icon-share.js";
|
|
112
|
+
import { FhiIconSheet as sr, FhiIconSheetSelector as cr } from "./fhi-icon-sheet.js";
|
|
113
|
+
import { FhiIconSquareCheckBig as lr, FhiIconSquareCheckBigSelector as ur } from "./fhi-icon-square-check-big.js";
|
|
114
|
+
import { FhiIconSquareCheck as dr, FhiIconSquareCheckSelector as fr } from "./fhi-icon-square-check.js";
|
|
115
|
+
import { FhiIconSquarePen as pr, FhiIconSquarePenSelector as mr } from "./fhi-icon-square-pen.js";
|
|
116
|
+
import { FhiIconSquareX as hr, FhiIconSquareXSelector as gr } from "./fhi-icon-square-x.js";
|
|
117
|
+
import { FhiIconSquare as _r, FhiIconSquareSelector as vr } from "./fhi-icon-square.js";
|
|
118
|
+
import { FhiIconTrash as yr, FhiIconTrashSelector as br } from "./fhi-icon-trash.js";
|
|
119
|
+
import { FhiIconTriangleAlert as xr, FhiIconTriangleAlertSelector as Sr } from "./fhi-icon-triangle-alert.js";
|
|
120
|
+
import { FhiIconUpload as Cr, FhiIconUploadSelector as wr } from "./fhi-icon-upload.js";
|
|
121
|
+
import { FhiIconUser as Tr, FhiIconUserSelector as Er } from "./fhi-icon-user.js";
|
|
122
|
+
import { FhiDataTable as Dr, FhiDataTableSelector as Or } from "./fhi-data-table.js";
|
|
123
|
+
import { FhiDataTableCell as kr, FhiDataTableCellSelector as Ar } from "./fhi-data-table-cell.js";
|
|
124
|
+
import { FhiDataTableRow as jr, FhiDataTableRowSelector as Mr } from "./fhi-data-table-row.js";
|
|
125
|
+
import { FhiSelect as Nr, FhiSelectSelector as Pr } from "./fhi-select.js";
|
|
126
|
+
import { FhiSelectItem as Fr, FhiSelectItemSelector as Ir } from "./fhi-select-item.js";
|
|
127
|
+
import { FhiDisplay as Lr, FhiDisplaySelector as Rr } from "./fhi-display.js";
|
|
128
|
+
export { i as FhiBody, a as FhiBodySelector, e as FhiButton, t as FhiButtonSelector, o as FhiCallout, s as FhiCalloutSelector, c as FhiCheckbox, l as FhiCheckboxSelector, Dr as FhiDataTable, kr as FhiDataTableCell, Ar as FhiDataTableCellSelector, jr as FhiDataTableRow, Mr as FhiDataTableRowSelector, Or as FhiDataTableSelector, p as FhiDateInput, f as FhiDateInputSelector, Lr as FhiDisplay, Rr as FhiDisplaySelector, m as FhiFlex, h as FhiFlexSelector, g as FhiGrid, _ as FhiGridSelector, S as FhiHeadline, C as FhiHeadlineSelector, H as FhiIconArrowDown, R as FhiIconArrowDownLeft, z as FhiIconArrowDownLeftSelector, B as FhiIconArrowDownRight, V as FhiIconArrowDownRightSelector, U as FhiIconArrowDownSelector, W as FhiIconArrowLeft, G as FhiIconArrowLeftSelector, J as FhiIconArrowRight, K as FhiIconArrowRightLeft, q as FhiIconArrowRightLeftSelector, Y as FhiIconArrowRightSelector, ne as FhiIconArrowUp, X as FhiIconArrowUpDown, Z as FhiIconArrowUpDownSelector, Q as FhiIconArrowUpLeft, $ as FhiIconArrowUpLeftSelector, ee as FhiIconArrowUpRight, te as FhiIconArrowUpRightSelector, re as FhiIconArrowUpSelector, ie as FhiIconBell, ae as FhiIconBellSelector, u as FhiIconCalendar, oe as FhiIconCalendarClock, se as FhiIconCalendarClockSelector, d as FhiIconCalendarSelector, ue as FhiIconChartBar, de as FhiIconChartBarSelector, ce as FhiIconChartBarStacked, le as FhiIconChartBarStackedSelector, me as FhiIconChartColumn, he as FhiIconChartColumnSelector, fe as FhiIconChartColumnStacked, pe as FhiIconChartColumnStackedSelector, ge as FhiIconChartLine, _e as FhiIconChartLineSelector, ve as FhiIconChartNoAxesCombined, ye as FhiIconChartNoAxesCombinedSelector, be as FhiIconChartPie, xe as FhiIconChartPieSelector, Se as FhiIconCheck, Ce as FhiIconCheckSelector, we as FhiIconChevronDown, Te as FhiIconChevronDownSelector, Ee as FhiIconChevronLeft, De as FhiIconChevronLeftSelector, Oe as FhiIconChevronRight, ke as FhiIconChevronRightSelector, Ae as FhiIconChevronUp, je as FhiIconChevronUpSelector, Me as FhiIconChevronsDown, Ne as FhiIconChevronsDownSelector, Pe as FhiIconChevronsLeft, Fe as FhiIconChevronsLeftSelector, Ie as FhiIconChevronsRight, Le as FhiIconChevronsRightSelector, Re as FhiIconChevronsUp, ze as FhiIconChevronsUpSelector, vt as FhiIconCircle, Be as FhiIconCircleArrowDown, Ve as FhiIconCircleArrowDownSelector, He as FhiIconCircleArrowLeft, Ue as FhiIconCircleArrowLeftSelector, We as FhiIconCircleArrowRight, Ge as FhiIconCircleArrowRightSelector, Ke as FhiIconCircleArrowUp, qe as FhiIconCircleArrowUpSelector, Xe as FhiIconCircleCheck, Je as FhiIconCircleCheckBig, Ye as FhiIconCircleCheckBigSelector, Ze as FhiIconCircleCheckSelector, Qe as FhiIconCircleChevronDown, $e as FhiIconCircleChevronDownSelector, et as FhiIconCircleChevronLeft, tt as FhiIconCircleChevronLeftSelector, nt as FhiIconCircleChevronRight, rt as FhiIconCircleChevronRightSelector, it as FhiIconCircleChevronUp, at as FhiIconCircleChevronUpSelector, ot as FhiIconCircleExclamation, st as FhiIconCircleExclamationSelector, ct as FhiIconCircleInfo, lt as FhiIconCircleInfoSelector, ut as FhiIconCircleMinus, dt as FhiIconCircleMinusSelector, ft as FhiIconCirclePlus, pt as FhiIconCirclePlusSelector, mt as FhiIconCircleQuestion, ht as FhiIconCircleQuestionSelector, yt as FhiIconCircleSelector, gt as FhiIconCircleX, _t as FhiIconCircleXSelector, bt as FhiIconClock, xt as FhiIconClockSelector, St as FhiIconCopy, Ct as FhiIconCopySelector, wt as FhiIconDownload, Tt as FhiIconDownloadSelector, Ot as FhiIconEllipsis, kt as FhiIconEllipsisSelector, Et as FhiIconEllipsisVertical, Dt as FhiIconEllipsisVerticalSelector, At as FhiIconExclamation, jt as FhiIconExclamationSelector, Mt as FhiIconExpand, Nt as FhiIconExpandSelector, Pt as FhiIconExternalLink, Ft as FhiIconExternalLinkSelector, Rt as FhiIconEye, It as FhiIconEyeOff, Lt as FhiIconEyeOffSelector, zt as FhiIconEyeSelector, Ht as FhiIconFile, Ut as FhiIconFileSelector, Bt as FhiIconFileText, Vt as FhiIconFileTextSelector, Wt as FhiIconFilter, Gt as FhiIconFilterSelector, Kt as FhiIconFolder, qt as FhiIconFolderSelector, Jt as FhiIconGear, Yt as FhiIconGearSelector, Xt as FhiIconGrid9Dots, Zt as FhiIconGrid9DotsSelector, Qt as FhiIconGripHorizontal, $t as FhiIconGripHorizontalSelector, en as FhiIconGripVertical, tn as FhiIconGripVerticalSelector, nn as FhiIconHistory, rn as FhiIconHistorySelector, an as FhiIconInfo, on as FhiIconInfoSelector, dn as FhiIconLink, ln as FhiIconLink2, sn as FhiIconLink2Off, cn as FhiIconLink2OffSelector, un as FhiIconLink2Selector, fn as FhiIconLinkSelector, hn as FhiIconLock, pn as FhiIconLockOpen, mn as FhiIconLockOpenSelector, gn as FhiIconLockSelector, _n as FhiIconLogIn, vn as FhiIconLogInSelector, yn as FhiIconLogOut, bn as FhiIconLogOutSelector, xn as FhiIconMail, Sn as FhiIconMailSelector, Cn as FhiIconMapPin, wn as FhiIconMapPinSelector, Tn as FhiIconMenu, En as FhiIconMenuSelector, Dn as FhiIconMessage, On as FhiIconMessageSelector, kn as FhiIconMinus, An as FhiIconMinusSelector, jn as FhiIconOctagonAlert, Mn as FhiIconOctagonAlertSelector, Nn as FhiIconPaperclip, Pn as FhiIconPaperclipSelector, Fn as FhiIconPencil, In as FhiIconPencilSelector, Ln as FhiIconPhone, Rn as FhiIconPhoneSelector, Vn as FhiIconPin, zn as FhiIconPinOff, Bn as FhiIconPinOffSelector, Hn as FhiIconPinSelector, Un as FhiIconPlus, Wn as FhiIconPlusSelector, Gn as FhiIconPrinter, Kn as FhiIconPrinterSelector, qn as FhiIconQuestion, Jn as FhiIconQuestionSelector, Yn as FhiIconRefresh, Xn as FhiIconRefreshSelector, Zn as FhiIconRotateLeft, Qn as FhiIconRotateLeftSelector, $n as FhiIconRotateRight, er as FhiIconRotateRightSelector, tr as FhiIconSearch, nr as FhiIconSearchSelector, rr as FhiIconSend, ir as FhiIconSendSelector, ar as FhiIconShare, or as FhiIconShareSelector, sr as FhiIconSheet, cr as FhiIconSheetSelector, _r as FhiIconSquare, dr as FhiIconSquareCheck, lr as FhiIconSquareCheckBig, ur as FhiIconSquareCheckBigSelector, fr as FhiIconSquareCheckSelector, pr as FhiIconSquarePen, mr as FhiIconSquarePenSelector, vr as FhiIconSquareSelector, hr as FhiIconSquareX, gr as FhiIconSquareXSelector, yr as FhiIconTrash, br as FhiIconTrashSelector, xr as FhiIconTriangleAlert, Sr as FhiIconTriangleAlertSelector, Cr as FhiIconUpload, wr as FhiIconUploadSelector, Tr as FhiIconUser, Er as FhiIconUserSelector, b as FhiIconX, x as FhiIconXSelector, A as FhiLabel, j as FhiLabelSelector, v as FhiLink, y as FhiLinkSelector, w as FhiModalDialog, T as FhiModalDialogSelector, E as FhiRadio, D as FhiRadioSelector, Nr as FhiSelect, Fr as FhiSelectItem, Ir as FhiSelectItemSelector, Pr as FhiSelectSelector, O as FhiTag, k as FhiTagSelector, M as FhiTextArea, N as FhiTextAreaSelector, P as FhiTextInput, F as FhiTextInputSelector, n as FhiTitle, r as FhiTitleSelector, L as FhiTooltip, I as FhiTooltipSelector };
|