@folkehelseinstituttet/designsystem 0.41.3 → 0.42.1
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-callout.d.ts +1 -0
- package/fhi-callout.js +142 -0
- package/fhi-callout.js.map +1 -0
- package/fhi-callout.manifest.json +1 -0
- package/fhi-data-table.js +1 -1
- package/fhi-modal-dialog.js +1 -1
- package/fhi-modal-dialog.js.map +1 -1
- package/index.js +125 -124
- package/package.json +1 -1
- package/web-types.json +54 -1
package/fhi-callout.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/fhi-callout.js
ADDED
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
|
|
2
|
+
import "./fhi-title.js";
|
|
3
|
+
import "./fhi-body.js";
|
|
4
|
+
//#region src/components/fhi-callout/fhi-callout.component.ts
|
|
5
|
+
var o = "fhi-callout", s = class extends r {
|
|
6
|
+
constructor(...e) {
|
|
7
|
+
super(...e), this.color = "neutral", this.variant = "subtle";
|
|
8
|
+
}
|
|
9
|
+
update(e) {
|
|
10
|
+
if (e.has("color")) switch (this.color) {
|
|
11
|
+
case "neutral":
|
|
12
|
+
case "success":
|
|
13
|
+
case "warning":
|
|
14
|
+
case "danger": break;
|
|
15
|
+
default:
|
|
16
|
+
this.color = "neutral";
|
|
17
|
+
break;
|
|
18
|
+
}
|
|
19
|
+
if (e.has("variant")) switch (this.variant) {
|
|
20
|
+
case "subtle":
|
|
21
|
+
case "bordered": break;
|
|
22
|
+
default:
|
|
23
|
+
this.variant = "subtle";
|
|
24
|
+
break;
|
|
25
|
+
}
|
|
26
|
+
super.update(e);
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return a`
|
|
30
|
+
<slot name="icon"></slot>
|
|
31
|
+
<div>
|
|
32
|
+
${this.heading ? a`<fhi-title level="2">${this.heading}</fhi-title>` : null}
|
|
33
|
+
<slot></slot>
|
|
34
|
+
</div>
|
|
35
|
+
`;
|
|
36
|
+
}
|
|
37
|
+
static {
|
|
38
|
+
this.styles = t`
|
|
39
|
+
:host {
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
padding: calc(var(--fhi-spacing-200) - var(--fhi-dimension-border-width));
|
|
43
|
+
border-radius: var(--fhi-border-radius-100);
|
|
44
|
+
border: var(--fhi-dimension-border-width) solid transparent;
|
|
45
|
+
|
|
46
|
+
letter-spacing: var(--fhi-typography-body-medium-letter-spacing);
|
|
47
|
+
|
|
48
|
+
font: var(--fhi-typography-body-medium-font-weight)
|
|
49
|
+
var(--fhi-typography-body-medium-font-size) /
|
|
50
|
+
var(--fhi-typography-body-medium-line-height)
|
|
51
|
+
var(--fhi-font-family-default);
|
|
52
|
+
|
|
53
|
+
div {
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
padding: 0 var(--fhi-spacing-050);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
slot[name='icon'] {
|
|
60
|
+
display: flex;
|
|
61
|
+
justify-content: center;
|
|
62
|
+
align-self: stretch;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
::slotted([slot='icon']) {
|
|
66
|
+
margin-inline-end: var(--fhi-spacing-050);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:host([heading]) {
|
|
71
|
+
fhi-title {
|
|
72
|
+
padding: 0.125rem 0;
|
|
73
|
+
}
|
|
74
|
+
slot[name='icon'] {
|
|
75
|
+
align-items: flex-start;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
:host([color='neutral']) {
|
|
80
|
+
background-color: var(--fhi-color-neutral-surface-default);
|
|
81
|
+
color: var(--fhi-color-neutral-text-default);
|
|
82
|
+
slot[name='icon'] {
|
|
83
|
+
color: var(--fhi-color-neutral-base-default);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&:host([variant='bordered']) {
|
|
87
|
+
border-color: var(--fhi-color-neutral-surface-active);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
:host([color='success']) {
|
|
92
|
+
background-color: var(--fhi-color-success-surface-default);
|
|
93
|
+
color: var(--fhi-color-success-text-default);
|
|
94
|
+
slot[name='icon'] {
|
|
95
|
+
color: var(--fhi-color-success-base-default);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
&:host([variant='bordered']) {
|
|
99
|
+
border-color: var(--fhi-color-success-surface-active);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
:host([color='warning']) {
|
|
104
|
+
background-color: var(--fhi-color-warning-surface-default);
|
|
105
|
+
color: var(--fhi-color-warning-text-default);
|
|
106
|
+
slot[name='icon'] {
|
|
107
|
+
color: var(--fhi-color-warning-text-subtle);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&:host([variant='bordered']) {
|
|
111
|
+
border-color: var(--fhi-color-warning-surface-active);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
:host([color='danger']) {
|
|
116
|
+
background-color: var(--fhi-color-danger-surface-default);
|
|
117
|
+
color: var(--fhi-color-danger-text-default);
|
|
118
|
+
slot[name='icon'] {
|
|
119
|
+
color: var(--fhi-color-danger-base-default);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&:host([variant='bordered']) {
|
|
123
|
+
border-color: var(--fhi-color-danger-surface-active);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
`;
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
i([e({
|
|
130
|
+
type: String,
|
|
131
|
+
reflect: !0
|
|
132
|
+
})], s.prototype, "heading", void 0), i([e({
|
|
133
|
+
type: String,
|
|
134
|
+
reflect: !0
|
|
135
|
+
})], s.prototype, "color", void 0), i([e({
|
|
136
|
+
type: String,
|
|
137
|
+
reflect: !0
|
|
138
|
+
})], s.prototype, "variant", void 0), s = i([n(o)], s);
|
|
139
|
+
//#endregion
|
|
140
|
+
export { s as FhiCallout, o as FhiCalloutSelector };
|
|
141
|
+
|
|
142
|
+
//# sourceMappingURL=fhi-callout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-callout.js","names":[],"sources":["../../src/components/fhi-callout/fhi-callout.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport const FhiCalloutSelector = 'fhi-callout';\n\nimport '../typography/fhi-title/fhi-title.component';\nimport '../typography/fhi-body/fhi-body.component';\n\n/**\n * ## FHI Callout\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-callout--docs}\n *\n * The `<fhi-callout>` component represents a callout message.\n * It should be used to highlight important information or warnings.\n *\n * @tag fhi-callout\n * @element fhi-callout\n *\n * @slot icon - Optional icon to be displayed in the callout.\n * @slot - The main content of the callout. This is typically plain text or other inline elements.\n *\n */\n@customElement(FhiCalloutSelector)\nexport class FhiCallout extends LitElement {\n /**\n * The heading of the callout. This is optional and can be used to provide a title for the callout message.\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n heading?: string;\n\n /**\n * The color of the callout, which indicates the type of message being conveyed.\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n color: 'neutral' | 'success' | 'warning' | 'danger' = 'neutral';\n\n /**\n * The variant of the callout, which determines the visual style of the callout.\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n variant: 'subtle' | 'bordered' = 'subtle';\n\n update(changedProperties: PropertyValues) {\n if (changedProperties.has('color')) {\n switch (this.color) {\n case 'neutral':\n case 'success':\n case 'warning':\n case 'danger':\n break;\n default:\n this.color = 'neutral';\n break;\n }\n }\n\n if (changedProperties.has('variant')) {\n switch (this.variant) {\n case 'subtle':\n case 'bordered':\n break;\n default:\n this.variant = 'subtle';\n break;\n }\n }\n\n super.update(changedProperties);\n }\n\n render() {\n return html`\n <slot name=\"icon\"></slot>\n <div>\n ${this.heading\n ? html`<fhi-title level=\"2\">${this.heading}</fhi-title>`\n : null}\n <slot></slot>\n </div>\n `;\n }\n\n static styles = css`\n :host {\n display: flex;\n align-items: center;\n padding: calc(var(--fhi-spacing-200) - var(--fhi-dimension-border-width));\n border-radius: var(--fhi-border-radius-100);\n border: var(--fhi-dimension-border-width) solid transparent;\n\n letter-spacing: var(--fhi-typography-body-medium-letter-spacing);\n\n font: var(--fhi-typography-body-medium-font-weight)\n var(--fhi-typography-body-medium-font-size) /\n var(--fhi-typography-body-medium-line-height)\n var(--fhi-font-family-default);\n\n div {\n display: flex;\n flex-direction: column;\n padding: 0 var(--fhi-spacing-050);\n }\n\n slot[name='icon'] {\n display: flex;\n justify-content: center;\n align-self: stretch;\n }\n\n ::slotted([slot='icon']) {\n margin-inline-end: var(--fhi-spacing-050);\n }\n }\n\n :host([heading]) {\n fhi-title {\n padding: 0.125rem 0;\n }\n slot[name='icon'] {\n align-items: flex-start;\n }\n }\n\n :host([color='neutral']) {\n background-color: var(--fhi-color-neutral-surface-default);\n color: var(--fhi-color-neutral-text-default);\n slot[name='icon'] {\n color: var(--fhi-color-neutral-base-default);\n }\n\n &:host([variant='bordered']) {\n border-color: var(--fhi-color-neutral-surface-active);\n }\n }\n\n :host([color='success']) {\n background-color: var(--fhi-color-success-surface-default);\n color: var(--fhi-color-success-text-default);\n slot[name='icon'] {\n color: var(--fhi-color-success-base-default);\n }\n\n &:host([variant='bordered']) {\n border-color: var(--fhi-color-success-surface-active);\n }\n }\n\n :host([color='warning']) {\n background-color: var(--fhi-color-warning-surface-default);\n color: var(--fhi-color-warning-text-default);\n slot[name='icon'] {\n color: var(--fhi-color-warning-text-subtle);\n }\n\n &:host([variant='bordered']) {\n border-color: var(--fhi-color-warning-surface-active);\n }\n }\n\n :host([color='danger']) {\n background-color: var(--fhi-color-danger-surface-default);\n color: var(--fhi-color-danger-text-default);\n slot[name='icon'] {\n color: var(--fhi-color-danger-base-default);\n }\n\n &:host([variant='bordered']) {\n border-color: var(--fhi-color-danger-surface-active);\n }\n }\n `;\n}\n"],"mappings":";;;;AAGA,IAAa,IAAqB,eAqB3B,IAAA,cAAyB,EAAW;;4BAiBa,0BASrB;;CAEjC,OAAO,GAAmC;EACxC,IAAI,EAAkB,IAAI,OAAO,GAC/B,QAAQ,KAAK,OAAb;GACE,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,UACH;GACF;IACE,KAAK,QAAQ;IACb;EACJ;EAGF,IAAI,EAAkB,IAAI,SAAS,GACjC,QAAQ,KAAK,SAAb;GACE,KAAK;GACL,KAAK,YACH;GACF;IACE,KAAK,UAAU;IACf;EACJ;EAGF,MAAM,OAAO,CAAiB;CAChC;CAEA,SAAS;EACP,OAAO,CAAI;;;UAGL,KAAK,UACH,CAAI,wBAAwB,KAAK,QAAQ,gBACzC,KAAK;;;;CAIf;;gBAEgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFrB;GAtJG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MASxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MASxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,UA1B1C,EAAc,CAAkB,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"kind":"javascript-module","path":"src/components/fhi-callout/fhi-callout.component.ts","declarations":[{"kind":"class","description":"## FHI Callout\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-callout--docs\n\nThe `<fhi-callout>` component represents a callout message.\nIt should be used to highlight important information or warnings.","name":"FhiCallout","slots":[{"description":"The main content of the callout. This is typically plain text or other inline elements.","name":""},{"description":"Optional icon to be displayed in the callout.","name":"icon"}],"members":[{"kind":"field","name":"color","type":{"text":"string"},"default":"'neutral'","description":"The color of the callout, which indicates the type of message being conveyed.","reflects":true,"attribute":"color"},{"kind":"field","name":"heading","type":{"text":"string"},"description":"The heading of the callout. This is optional and can be used to provide a title for the callout message.","reflects":true,"attribute":"heading"},{"kind":"field","name":"variant","type":{"text":"string"},"default":"'subtle'","description":"The variant of the callout, which determines the visual style of the callout.","reflects":true,"attribute":"variant"}],"attributes":[{"name":"color","type":{"text":"string"},"default":"'neutral'","description":"The color of the callout, which indicates the type of message being conveyed.","fieldName":"color"},{"name":"heading","type":{"text":"string"},"description":"The heading of the callout. This is optional and can be used to provide a title for the callout message.","fieldName":"heading"},{"name":"variant","type":{"text":"string"},"default":"'subtle'","description":"The variant of the callout, which determines the visual style of the callout.","fieldName":"variant"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-callout","customElement":true},{"kind":"variable","name":"FhiCalloutSelector","type":{"text":"string"},"default":"'fhi-callout'"}]}
|
package/fhi-data-table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
|
|
2
|
-
import "./fhi-grid.js";
|
|
3
2
|
import "./fhi-body.js";
|
|
3
|
+
import "./fhi-grid.js";
|
|
4
4
|
//#region src/components/data-table/fhi-data-table/fhi-data-table.component.ts
|
|
5
5
|
var o = "fhi-data-table", s = class extends r {
|
|
6
6
|
connectedCallback() {
|
package/fhi-modal-dialog.js
CHANGED
|
@@ -15,7 +15,7 @@ var s = "fhi-modal-dialog", c = class extends i {
|
|
|
15
15
|
super.firstUpdated(e), this._toggleFooter();
|
|
16
16
|
}
|
|
17
17
|
show() {
|
|
18
|
-
this._triggerElement = document.activeElement, this._bodyOverflowStyle = document.body.style.overflow,
|
|
18
|
+
this.open ||= (this._triggerElement = document.activeElement, this._bodyOverflowStyle = document.body.style.overflow, !0), document.body.style.overflow = "hidden", this._dialog.showModal(), setTimeout(() => {
|
|
19
19
|
this._focusDialog();
|
|
20
20
|
}, 10), this._dispatchToggleEvent(), this.addEventListener("keydown", this.handleKeyPress.bind(this));
|
|
21
21
|
}
|
package/fhi-modal-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fhi-modal-dialog.js","names":[],"sources":["../../src/components/fhi-modal-dialog/fhi-modal-dialog.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport '../fhi-button/fhi-button.component';\nimport '../icons/fhi-icon-x.component';\nimport '../typography/fhi-headline/fhi-headline.component';\n\nexport const FhiModalDialogSelector = 'fhi-modal-dialog';\n\n/**\n * ## FHI Modal Dialog\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-modal-dialog--docs}\n *\n * The `fhi-modal-dialog` component is used to display important information or prompt the user for input in a modal window.\n * It overlays the main content and usually requires user interaction before returning to the underlying page.\n *\n * @tag fhi-modal-dialog\n * @element fhi-modal-dialog\n *\n * @slot body - The main content of the dialog. Typically contains text or form elements.\n * @slot footer - The footer content of the dialog, typically containing action buttons.\n */\n@customElement(FhiModalDialogSelector)\nexport class FhiModalDialog extends LitElement {\n /**\n * Decides whether the dialog is open or closed.\n * By setting this property to true, the dialog will be shown. Setting it to false will close the dialog.\n *\n * This property is reflected as an attribute and will therefor also change if the user toggles the dialog or\n * if you use the `show()` and `close()` methods.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true })\n open: boolean = false;\n\n /**\n * Sets the maximum width of the dialog.\n * @type {'small' | 'medium'`}\n */\n @property({ type: String, attribute: 'size', reflect: true })\n size: 'small' | 'medium' = 'medium';\n\n /**\n * Label for the close button.\n * @type {string}\n */\n @property({ type: String, attribute: 'close-button-label' })\n closeButtonLabel: string = '';\n\n /**\n * The heading text of the dialog. This is displayed at the top of the dialog.\n * @type {string}\n */\n @property({ type: String })\n heading: string = '';\n\n @query('dialog')\n private _dialog!: HTMLDialogElement;\n\n @query('footer')\n private _footer!: HTMLElement;\n\n @query('slot[name=\"footer\"]')\n private _footerSlot!: HTMLSlotElement;\n\n private _triggerElement: HTMLElement | null = null;\n private _bodyOverflowStyle: string = '';\n private _mouseDownInsideDialog: boolean = false;\n\n updated(changedProperties: PropertyValues<this>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('open')) {\n if (this.open) {\n this.show();\n } else {\n this.close();\n }\n }\n\n // if invalid size is provided, default to 'medium'\n if (changedProperties.has('size')) {\n if (this.size !== 'small' && this.size !== 'medium') {\n this.size = 'medium';\n }\n }\n\n if (changedProperties.has('closeButtonLabel')) {\n if (\n typeof this.closeButtonLabel !== 'string' ||\n this.closeButtonLabel.length === 0\n ) {\n throw new TypeError(\n 'The close-button-label property must be set to a non-empty string. This label must describe the purpose of the close button for accessibility reasons.',\n );\n }\n }\n\n if (changedProperties.has('closeButtonLabel')) {\n if (typeof this.heading !== 'string' || this.heading.length === 0) {\n throw new TypeError(\n 'The heading property must be set to a non-empty string. This heading describes the purpose of the dialog.',\n );\n }\n }\n }\n\n protected firstUpdated(_changedProperties: PropertyValues): void {\n super.firstUpdated(_changedProperties);\n this._toggleFooter();\n }\n\n /**\n * Programmatically opens the dialog.\n * You can also open the dialog by instead setting the `open` property to `true`.\n */\n public show() {\n this._triggerElement = document.activeElement as HTMLElement | null;\n this._bodyOverflowStyle = document.body.style.overflow;\n\n if (!this.open) {\n this.open = true;\n }\n\n document.body.style.overflow = 'hidden';\n\n this._dialog.showModal();\n\n // Delay focus to make sure the windows screen reader properly detects the dialog\n setTimeout(() => {\n this._focusDialog();\n }, 10);\n\n this._dispatchToggleEvent();\n\n this.addEventListener('keydown', this.handleKeyPress.bind(this));\n }\n\n /**\n * Programmatically closes the dialog.\n * You can also close the dialog by instead setting the `open` property to `false`.\n */\n public close() {\n if (this.open) {\n this.open = false;\n }\n\n document.body.style.overflow = this._bodyOverflowStyle;\n\n this._dialog.close();\n\n this._dispatchToggleEvent();\n this._dispatchCloseEvent();\n\n this._triggerElement?.focus();\n\n this.removeEventListener('keydown', this.handleKeyPress.bind(this));\n }\n\n private _focusDialog() {\n this._dialog.focus();\n }\n\n private _dispatchToggleEvent() {\n /**\n * @type {Event} - Standard DOM event with the type `toggle`\n * This event is fired whenever the dialog is opened or closed.\n * */\n this.dispatchEvent(\n new ToggleEvent('toggle', {\n newState: this.open ? 'open' : 'closed',\n oldState: this.open ? 'closed' : 'open',\n }),\n );\n }\n\n private _dispatchCloseEvent() {\n /**\n * @type {Event} - Standard DOM event with the type `close`\n * This event is fired whenever the dialog is closed.\n * */\n this.dispatchEvent(new CloseEvent('close'));\n }\n\n private _handleDialogMouseUp(event: MouseEvent) {\n if (this._mouseDownInsideDialog) {\n this._mouseDownInsideDialog = false;\n return;\n }\n\n if (event.target === this._dialog) {\n this.close();\n }\n\n event.stopPropagation();\n }\n\n private _handleCloseButtonClick() {\n this.close();\n }\n\n private _handleDialogContentMouseDown() {\n this._mouseDownInsideDialog = true;\n }\n\n private _handleFooterSlotChange() {\n this._toggleFooter();\n }\n\n private handleKeyPress(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n this.close();\n }\n }\n\n private _toggleFooter() {\n const nodes = this._footerSlot.assignedNodes({ flatten: true });\n\n if (nodes.length === 0) {\n this._footer.style.display = 'none';\n } else {\n this._footer.style.display = 'flex';\n }\n }\n\n render() {\n return html` <dialog\n @mouseup=${this._handleDialogMouseUp}\n aria-modal=\"true\"\n aria-labelledby=\"dialog-label\"\n closedby=\"none\"\n role=\"dialog\"\n >\n <section\n class=\"dialog-content\"\n @mousedown=${this._handleDialogContentMouseDown}\n >\n <header>\n <fhi-headline ?hidden=${!this.heading} id=\"dialog-label\" level=\"1\"\n >${this.heading}\n </fhi-headline>\n <fhi-button\n variant=\"text\"\n color=\"neutral\"\n size=\"small\"\n @click=${this._handleCloseButtonClick}\n >\n ${this.closeButtonLabel}\n <fhi-icon-x></fhi-icon-x>\n </fhi-button>\n </header>\n <slot name=\"body\"></slot>\n <footer>\n <slot\n name=\"footer\"\n @slotchange=${this._handleFooterSlotChange}\n ></slot>\n </footer>\n </section>\n </dialog>`;\n }\n\n static styles = css`\n @keyframes fhi-dialog-fade-in {\n from {\n opacity: 0;\n }\n }\n\n :host {\n --dimension-dialog-border-width: var(--fhi-dimension-border-width);\n --dimension-dialog-border-radius: var(--fhi-border-radius-200);\n --dimension-dialog-header-padding: var(--fhi-spacing-500)\n var(--fhi-spacing-500) 0 var(--fhi-spacing-500);\n --dimension-dialog-header-gap: var(--fhi-spacing-050);\n --dimension-dialog-body-padding: var(--fhi-spacing-500);\n --dimension-dialog-footer-padding: 0 var(--fhi-spacing-500)\n var(--fhi-spacing-500) var(--fhi-spacing-500);\n --dimension-dialog-footer-gap: var(--fhi-spacing-050);\n\n --dimension-dialog-width-small: 28rem;\n --dimension-dialog-width-medium: 40rem;\n\n --color-backdrop: var(--fhi-color-neutral-surface-active);\n --color-dialog-border: var(--fhi-color-neutral-border-subtle);\n\n --motion-transition: var(--fhi-motion-duration-quick)\n var(--fhi-motion-ease-default);\n }\n\n :host {\n display: none;\n position: absolute;\n\n dialog {\n display: flex;\n overflow: hidden;\n border: var(--dimension-dialog-border-width) solid\n var(--color-dialog-border);\n border-radius: var(--dimension-dialog-border-radius);\n animation: var(--motion-transition) fhi-dialog-fade-in;\n padding: 0;\n .dialog-content {\n overflow: auto;\n flex: 1;\n }\n header {\n display: flex;\n justify-content: space-between;\n align-items: start;\n gap: var(--dimension-dialog-header-gap);\n padding: var(--dimension-dialog-header-padding);\n }\n slot[name='body'] {\n display: block;\n padding: var(--dimension-dialog-body-padding);\n }\n footer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--dimension-dialog-footer-gap);\n flex-wrap: wrap;\n padding: var(--dimension-dialog-footer-padding);\n }\n &::backdrop {\n background-color: var(--color-backdrop);\n opacity: var(--fhi-opacity-disabled);\n animation: var(--motion-transition) fhi-dialog-fade-in;\n }\n }\n }\n\n :host([open]) {\n display: block;\n }\n\n :host([size='small']) {\n dialog {\n width: var(--dimension-dialog-width-small);\n }\n }\n\n :host([size='medium']) {\n dialog {\n width: var(--dimension-dialog-width-medium);\n }\n }\n `;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fhi-modal-dialog.js","names":[],"sources":["../../src/components/fhi-modal-dialog/fhi-modal-dialog.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport '../fhi-button/fhi-button.component';\nimport '../icons/fhi-icon-x.component';\nimport '../typography/fhi-headline/fhi-headline.component';\n\nexport const FhiModalDialogSelector = 'fhi-modal-dialog';\n\n/**\n * ## FHI Modal Dialog\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-modal-dialog--docs}\n *\n * The `fhi-modal-dialog` component is used to display important information or prompt the user for input in a modal window.\n * It overlays the main content and usually requires user interaction before returning to the underlying page.\n *\n * @tag fhi-modal-dialog\n * @element fhi-modal-dialog\n *\n * @slot body - The main content of the dialog. Typically contains text or form elements.\n * @slot footer - The footer content of the dialog, typically containing action buttons.\n */\n@customElement(FhiModalDialogSelector)\nexport class FhiModalDialog extends LitElement {\n /**\n * Decides whether the dialog is open or closed.\n * By setting this property to true, the dialog will be shown. Setting it to false will close the dialog.\n *\n * This property is reflected as an attribute and will therefor also change if the user toggles the dialog or\n * if you use the `show()` and `close()` methods.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true })\n open: boolean = false;\n\n /**\n * Sets the maximum width of the dialog.\n * @type {'small' | 'medium'`}\n */\n @property({ type: String, attribute: 'size', reflect: true })\n size: 'small' | 'medium' = 'medium';\n\n /**\n * Label for the close button.\n * @type {string}\n */\n @property({ type: String, attribute: 'close-button-label' })\n closeButtonLabel: string = '';\n\n /**\n * The heading text of the dialog. This is displayed at the top of the dialog.\n * @type {string}\n */\n @property({ type: String })\n heading: string = '';\n\n @query('dialog')\n private _dialog!: HTMLDialogElement;\n\n @query('footer')\n private _footer!: HTMLElement;\n\n @query('slot[name=\"footer\"]')\n private _footerSlot!: HTMLSlotElement;\n\n private _triggerElement: HTMLElement | null = null;\n private _bodyOverflowStyle: string = '';\n private _mouseDownInsideDialog: boolean = false;\n\n updated(changedProperties: PropertyValues<this>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('open')) {\n if (this.open) {\n this.show();\n } else {\n this.close();\n }\n }\n\n // if invalid size is provided, default to 'medium'\n if (changedProperties.has('size')) {\n if (this.size !== 'small' && this.size !== 'medium') {\n this.size = 'medium';\n }\n }\n\n if (changedProperties.has('closeButtonLabel')) {\n if (\n typeof this.closeButtonLabel !== 'string' ||\n this.closeButtonLabel.length === 0\n ) {\n throw new TypeError(\n 'The close-button-label property must be set to a non-empty string. This label must describe the purpose of the close button for accessibility reasons.',\n );\n }\n }\n\n if (changedProperties.has('closeButtonLabel')) {\n if (typeof this.heading !== 'string' || this.heading.length === 0) {\n throw new TypeError(\n 'The heading property must be set to a non-empty string. This heading describes the purpose of the dialog.',\n );\n }\n }\n }\n\n protected firstUpdated(_changedProperties: PropertyValues): void {\n super.firstUpdated(_changedProperties);\n this._toggleFooter();\n }\n\n /**\n * Programmatically opens the dialog.\n * You can also open the dialog by instead setting the `open` property to `true`.\n */\n public show() {\n if (!this.open) {\n this._triggerElement = document.activeElement as HTMLElement | null;\n this._bodyOverflowStyle = document.body.style.overflow;\n this.open = true;\n }\n\n document.body.style.overflow = 'hidden';\n\n this._dialog.showModal();\n\n // Delay focus to make sure the windows screen reader properly detects the dialog\n setTimeout(() => {\n this._focusDialog();\n }, 10);\n\n this._dispatchToggleEvent();\n\n this.addEventListener('keydown', this.handleKeyPress.bind(this));\n }\n\n /**\n * Programmatically closes the dialog.\n * You can also close the dialog by instead setting the `open` property to `false`.\n */\n public close() {\n if (this.open) {\n this.open = false;\n }\n\n document.body.style.overflow = this._bodyOverflowStyle;\n\n this._dialog.close();\n\n this._dispatchToggleEvent();\n this._dispatchCloseEvent();\n\n this._triggerElement?.focus();\n\n this.removeEventListener('keydown', this.handleKeyPress.bind(this));\n }\n\n private _focusDialog() {\n this._dialog.focus();\n }\n\n private _dispatchToggleEvent() {\n /**\n * @type {Event} - Standard DOM event with the type `toggle`\n * This event is fired whenever the dialog is opened or closed.\n * */\n this.dispatchEvent(\n new ToggleEvent('toggle', {\n newState: this.open ? 'open' : 'closed',\n oldState: this.open ? 'closed' : 'open',\n }),\n );\n }\n\n private _dispatchCloseEvent() {\n /**\n * @type {Event} - Standard DOM event with the type `close`\n * This event is fired whenever the dialog is closed.\n * */\n this.dispatchEvent(new CloseEvent('close'));\n }\n\n private _handleDialogMouseUp(event: MouseEvent) {\n if (this._mouseDownInsideDialog) {\n this._mouseDownInsideDialog = false;\n return;\n }\n\n if (event.target === this._dialog) {\n this.close();\n }\n\n event.stopPropagation();\n }\n\n private _handleCloseButtonClick() {\n this.close();\n }\n\n private _handleDialogContentMouseDown() {\n this._mouseDownInsideDialog = true;\n }\n\n private _handleFooterSlotChange() {\n this._toggleFooter();\n }\n\n private handleKeyPress(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n this.close();\n }\n }\n\n private _toggleFooter() {\n const nodes = this._footerSlot.assignedNodes({ flatten: true });\n\n if (nodes.length === 0) {\n this._footer.style.display = 'none';\n } else {\n this._footer.style.display = 'flex';\n }\n }\n\n render() {\n return html` <dialog\n @mouseup=${this._handleDialogMouseUp}\n aria-modal=\"true\"\n aria-labelledby=\"dialog-label\"\n closedby=\"none\"\n role=\"dialog\"\n >\n <section\n class=\"dialog-content\"\n @mousedown=${this._handleDialogContentMouseDown}\n >\n <header>\n <fhi-headline ?hidden=${!this.heading} id=\"dialog-label\" level=\"1\"\n >${this.heading}\n </fhi-headline>\n <fhi-button\n variant=\"text\"\n color=\"neutral\"\n size=\"small\"\n @click=${this._handleCloseButtonClick}\n >\n ${this.closeButtonLabel}\n <fhi-icon-x></fhi-icon-x>\n </fhi-button>\n </header>\n <slot name=\"body\"></slot>\n <footer>\n <slot\n name=\"footer\"\n @slotchange=${this._handleFooterSlotChange}\n ></slot>\n </footer>\n </section>\n </dialog>`;\n }\n\n static styles = css`\n @keyframes fhi-dialog-fade-in {\n from {\n opacity: 0;\n }\n }\n\n :host {\n --dimension-dialog-border-width: var(--fhi-dimension-border-width);\n --dimension-dialog-border-radius: var(--fhi-border-radius-200);\n --dimension-dialog-header-padding: var(--fhi-spacing-500)\n var(--fhi-spacing-500) 0 var(--fhi-spacing-500);\n --dimension-dialog-header-gap: var(--fhi-spacing-050);\n --dimension-dialog-body-padding: var(--fhi-spacing-500);\n --dimension-dialog-footer-padding: 0 var(--fhi-spacing-500)\n var(--fhi-spacing-500) var(--fhi-spacing-500);\n --dimension-dialog-footer-gap: var(--fhi-spacing-050);\n\n --dimension-dialog-width-small: 28rem;\n --dimension-dialog-width-medium: 40rem;\n\n --color-backdrop: var(--fhi-color-neutral-surface-active);\n --color-dialog-border: var(--fhi-color-neutral-border-subtle);\n\n --motion-transition: var(--fhi-motion-duration-quick)\n var(--fhi-motion-ease-default);\n }\n\n :host {\n display: none;\n position: absolute;\n\n dialog {\n display: flex;\n overflow: hidden;\n border: var(--dimension-dialog-border-width) solid\n var(--color-dialog-border);\n border-radius: var(--dimension-dialog-border-radius);\n animation: var(--motion-transition) fhi-dialog-fade-in;\n padding: 0;\n .dialog-content {\n overflow: auto;\n flex: 1;\n }\n header {\n display: flex;\n justify-content: space-between;\n align-items: start;\n gap: var(--dimension-dialog-header-gap);\n padding: var(--dimension-dialog-header-padding);\n }\n slot[name='body'] {\n display: block;\n padding: var(--dimension-dialog-body-padding);\n }\n footer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--dimension-dialog-footer-gap);\n flex-wrap: wrap;\n padding: var(--dimension-dialog-footer-padding);\n }\n &::backdrop {\n background-color: var(--color-backdrop);\n opacity: var(--fhi-opacity-disabled);\n animation: var(--motion-transition) fhi-dialog-fade-in;\n }\n }\n }\n\n :host([open]) {\n display: block;\n }\n\n :host([size='small']) {\n dialog {\n width: var(--dimension-dialog-width-small);\n }\n }\n\n :host([size='medium']) {\n dialog {\n width: var(--dimension-dialog-width-medium);\n }\n }\n `;\n}\n"],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -1,125 +1,126 @@
|
|
|
1
1
|
import { FhiButton as e, FhiButtonSelector as t } from "./fhi-button.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
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
|
-
|
|
2
|
+
import { FhiTitle as n, FhiTitleSelector as r } from "./fhi-title.js";
|
|
3
|
+
import { FhiBody as i, FhiBodySelector as a } from "./fhi-body.js";
|
|
4
|
+
import { FhiCallout as o, FhiCalloutSelector as s } from "./fhi-callout.js";
|
|
5
|
+
import { FhiCheckbox as c, FhiCheckboxSelector as l } from "./fhi-checkbox.js";
|
|
6
|
+
import { FhiIconCalendar as u, FhiIconCalendarSelector as d } from "./fhi-icon-calendar.js";
|
|
7
|
+
import { n as f, t as p } from "./fhi-date-input.component-Bus7CeKM.js";
|
|
8
|
+
import { FhiFlex as m, FhiFlexSelector as h } from "./fhi-flex.js";
|
|
9
|
+
import { FhiGrid as g, FhiGridSelector as _ } from "./fhi-grid.js";
|
|
10
|
+
import { FhiIconX as v, FhiIconXSelector as y } from "./fhi-icon-x.js";
|
|
11
|
+
import { FhiHeadline as b, FhiHeadlineSelector as x } from "./fhi-headline.js";
|
|
12
|
+
import { FhiModalDialog as S, FhiModalDialogSelector as C } from "./fhi-modal-dialog.js";
|
|
13
|
+
import { FhiRadio as w, FhiRadioSelector as T } from "./fhi-radio.js";
|
|
14
|
+
import { FhiTag as E, FhiTagSelector as D } from "./fhi-tag.js";
|
|
15
|
+
import { FhiTextInput as O, FhiTextInputSelector as k } from "./fhi-text-input.js";
|
|
16
|
+
import { n as A, t as j } from "./fhi-tooltip.component-Bs2jmkyC.js";
|
|
17
|
+
import { FhiIconArrowDownLeft as M, FhiIconArrowDownLeftSelector as N } from "./fhi-icon-arrow-down-left.js";
|
|
18
|
+
import { FhiIconArrowDownRight as P, FhiIconArrowDownRightSelector as F } from "./fhi-icon-arrow-down-right.js";
|
|
19
|
+
import { FhiIconArrowDown as I, FhiIconArrowDownSelector as L } from "./fhi-icon-arrow-down.js";
|
|
20
|
+
import { FhiIconArrowLeft as R, FhiIconArrowLeftSelector as z } from "./fhi-icon-arrow-left.js";
|
|
21
|
+
import { FhiIconArrowRightLeft as B, FhiIconArrowRightLeftSelector as V } from "./fhi-icon-arrow-right-left.js";
|
|
22
|
+
import { FhiIconArrowRight as H, FhiIconArrowRightSelector as U } from "./fhi-icon-arrow-right.js";
|
|
23
|
+
import { FhiIconArrowUpDown as W, FhiIconArrowUpDownSelector as G } from "./fhi-icon-arrow-up-down.js";
|
|
24
|
+
import { FhiIconArrowUpLeft as K, FhiIconArrowUpLeftSelector as q } from "./fhi-icon-arrow-up-left.js";
|
|
25
|
+
import { FhiIconArrowUpRight as J, FhiIconArrowUpRightSelector as Y } from "./fhi-icon-arrow-up-right.js";
|
|
26
|
+
import { FhiIconArrowUp as X, FhiIconArrowUpSelector as Z } from "./fhi-icon-arrow-up.js";
|
|
27
|
+
import { FhiIconBell as Q, FhiIconBellSelector as $ } from "./fhi-icon-bell.js";
|
|
28
|
+
import { FhiIconCalendarClock as ee, FhiIconCalendarClockSelector as te } from "./fhi-icon-calendar-clock.js";
|
|
29
|
+
import { FhiIconChartBarStacked as ne, FhiIconChartBarStackedSelector as re } from "./fhi-icon-chart-bar-stacked.js";
|
|
30
|
+
import { FhiIconChartBar as ie, FhiIconChartBarSelector as ae } from "./fhi-icon-chart-bar.js";
|
|
31
|
+
import { FhiIconChartColumnStacked as oe, FhiIconChartColumnStackedSelector as se } from "./fhi-icon-chart-column-stacked.js";
|
|
32
|
+
import { FhiIconChartColumn as ce, FhiIconChartColumnSelector as le } from "./fhi-icon-chart-column.js";
|
|
33
|
+
import { FhiIconChartLine as ue, FhiIconChartLineSelector as de } from "./fhi-icon-chart-line.js";
|
|
34
|
+
import { FhiIconChartNoAxesCombined as fe, FhiIconChartNoAxesCombinedSelector as pe } from "./fhi-icon-chart-no-axes-combined.js";
|
|
35
|
+
import { FhiIconChartPie as me, FhiIconChartPieSelector as he } from "./fhi-icon-chart-pie.js";
|
|
36
|
+
import { FhiIconCheck as ge, FhiIconCheckSelector as _e } from "./fhi-icon-check.js";
|
|
37
|
+
import { FhiIconChevronDown as ve, FhiIconChevronDownSelector as ye } from "./fhi-icon-chevron-down.js";
|
|
38
|
+
import { FhiIconChevronLeft as be, FhiIconChevronLeftSelector as xe } from "./fhi-icon-chevron-left.js";
|
|
39
|
+
import { FhiIconChevronRight as Se, FhiIconChevronRightSelector as Ce } from "./fhi-icon-chevron-right.js";
|
|
40
|
+
import { FhiIconChevronUp as we, FhiIconChevronUpSelector as Te } from "./fhi-icon-chevron-up.js";
|
|
41
|
+
import { FhiIconChevronsDown as Ee, FhiIconChevronsDownSelector as De } from "./fhi-icon-chevrons-down.js";
|
|
42
|
+
import { FhiIconChevronsLeft as Oe, FhiIconChevronsLeftSelector as ke } from "./fhi-icon-chevrons-left.js";
|
|
43
|
+
import { FhiIconChevronsRight as Ae, FhiIconChevronsRightSelector as je } from "./fhi-icon-chevrons-right.js";
|
|
44
|
+
import { FhiIconChevronsUp as Me, FhiIconChevronsUpSelector as Ne } from "./fhi-icon-chevrons-up.js";
|
|
45
|
+
import { FhiIconCircleArrowDown as Pe, FhiIconCircleArrowDownSelector as Fe } from "./fhi-icon-circle-arrow-down.js";
|
|
46
|
+
import { FhiIconCircleArrowLeft as Ie, FhiIconCircleArrowLeftSelector as Le } from "./fhi-icon-circle-arrow-left.js";
|
|
47
|
+
import { FhiIconCircleArrowRight as Re, FhiIconCircleArrowRightSelector as ze } from "./fhi-icon-circle-arrow-right.js";
|
|
48
|
+
import { FhiIconCircleArrowUp as Be, FhiIconCircleArrowUpSelector as Ve } from "./fhi-icon-circle-arrow-up.js";
|
|
49
|
+
import { FhiIconCircleCheckBig as He, FhiIconCircleCheckBigSelector as Ue } from "./fhi-icon-circle-check-big.js";
|
|
50
|
+
import { FhiIconCircleCheck as We, FhiIconCircleCheckSelector as Ge } from "./fhi-icon-circle-check.js";
|
|
51
|
+
import { FhiIconCircleChevronDown as Ke, FhiIconCircleChevronDownSelector as qe } from "./fhi-icon-circle-chevron-down.js";
|
|
52
|
+
import { FhiIconCircleChevronLeft as Je, FhiIconCircleChevronLeftSelector as Ye } from "./fhi-icon-circle-chevron-left.js";
|
|
53
|
+
import { FhiIconCircleChevronRight as Xe, FhiIconCircleChevronRightSelector as Ze } from "./fhi-icon-circle-chevron-right.js";
|
|
54
|
+
import { FhiIconCircleChevronUp as Qe, FhiIconCircleChevronUpSelector as $e } from "./fhi-icon-circle-chevron-up.js";
|
|
55
|
+
import { FhiIconCircleExclamation as et, FhiIconCircleExclamationSelector as tt } from "./fhi-icon-circle-exclamation.js";
|
|
56
|
+
import { FhiIconCircleInfo as nt, FhiIconCircleInfoSelector as rt } from "./fhi-icon-circle-info.js";
|
|
57
|
+
import { FhiIconCircleMinus as it, FhiIconCircleMinusSelector as at } from "./fhi-icon-circle-minus.js";
|
|
58
|
+
import { FhiIconCirclePlus as ot, FhiIconCirclePlusSelector as st } from "./fhi-icon-circle-plus.js";
|
|
59
|
+
import { FhiIconCircleQuestion as ct, FhiIconCircleQuestionSelector as lt } from "./fhi-icon-circle-question.js";
|
|
60
|
+
import { FhiIconCircleX as ut, FhiIconCircleXSelector as dt } from "./fhi-icon-circle-x.js";
|
|
61
|
+
import { FhiIconCircle as ft, FhiIconCircleSelector as pt } from "./fhi-icon-circle.js";
|
|
62
|
+
import { FhiIconClock as mt, FhiIconClockSelector as ht } from "./fhi-icon-clock.js";
|
|
63
|
+
import { FhiIconCopy as gt, FhiIconCopySelector as _t } from "./fhi-icon-copy.js";
|
|
64
|
+
import { FhiIconDownload as vt, FhiIconDownloadSelector as yt } from "./fhi-icon-download.js";
|
|
65
|
+
import { FhiIconEllipsisVertical as bt, FhiIconEllipsisVerticalSelector as xt } from "./fhi-icon-ellipsis-vertical.js";
|
|
66
|
+
import { FhiIconEllipsis as St, FhiIconEllipsisSelector as Ct } from "./fhi-icon-ellipsis.js";
|
|
67
|
+
import { FhiIconExclamation as wt, FhiIconExclamationSelector as Tt } from "./fhi-icon-exclamation.js";
|
|
68
|
+
import { FhiIconExpand as Et, FhiIconExpandSelector as Dt } from "./fhi-icon-expand.js";
|
|
69
|
+
import { FhiIconExternalLink as Ot, FhiIconExternalLinkSelector as kt } from "./fhi-icon-external-link.js";
|
|
70
|
+
import { FhiIconEyeOff as At, FhiIconEyeOffSelector as jt } from "./fhi-icon-eye-off.js";
|
|
71
|
+
import { FhiIconEye as Mt, FhiIconEyeSelector as Nt } from "./fhi-icon-eye.js";
|
|
72
|
+
import { FhiIconFileText as Pt, FhiIconFileTextSelector as Ft } from "./fhi-icon-file-text.js";
|
|
73
|
+
import { FhiIconFile as It, FhiIconFileSelector as Lt } from "./fhi-icon-file.js";
|
|
74
|
+
import { FhiIconFilter as Rt, FhiIconFilterSelector as zt } from "./fhi-icon-filter.js";
|
|
75
|
+
import { FhiIconFolder as Bt, FhiIconFolderSelector as Vt } from "./fhi-icon-folder.js";
|
|
76
|
+
import { FhiIconGear as Ht, FhiIconGearSelector as Ut } from "./fhi-icon-gear.js";
|
|
77
|
+
import { FhiIconGrid9Dots as Wt, FhiIconGrid9DotsSelector as Gt } from "./fhi-icon-grid-9-dots.js";
|
|
78
|
+
import { FhiIconGripHorizontal as Kt, FhiIconGripHorizontalSelector as qt } from "./fhi-icon-grip-horizontal.js";
|
|
79
|
+
import { FhiIconGripVertical as Jt, FhiIconGripVerticalSelector as Yt } from "./fhi-icon-grip-vertical.js";
|
|
80
|
+
import { FhiIconHistory as Xt, FhiIconHistorySelector as Zt } from "./fhi-icon-history.js";
|
|
81
|
+
import { FhiIconInfo as Qt, FhiIconInfoSelector as $t } from "./fhi-icon-info.js";
|
|
82
|
+
import { FhiIconLink2Off as en, FhiIconLink2OffSelector as tn } from "./fhi-icon-link-2-off.js";
|
|
83
|
+
import { FhiIconLink2 as nn, FhiIconLink2Selector as rn } from "./fhi-icon-link-2.js";
|
|
84
|
+
import { FhiIconLink as an, FhiIconLinkSelector as on } from "./fhi-icon-link.js";
|
|
85
|
+
import { FhiIconLockOpen as sn, FhiIconLockOpenSelector as cn } from "./fhi-icon-lock-open.js";
|
|
86
|
+
import { FhiIconLock as ln, FhiIconLockSelector as un } from "./fhi-icon-lock.js";
|
|
87
|
+
import { FhiIconLogIn as dn, FhiIconLogInSelector as fn } from "./fhi-icon-log-in.js";
|
|
88
|
+
import { FhiIconLogOut as pn, FhiIconLogOutSelector as mn } from "./fhi-icon-log-out.js";
|
|
89
|
+
import { FhiIconMail as hn, FhiIconMailSelector as gn } from "./fhi-icon-mail.js";
|
|
90
|
+
import { FhiIconMapPin as _n, FhiIconMapPinSelector as vn } from "./fhi-icon-map-pin.js";
|
|
91
|
+
import { FhiIconMenu as yn, FhiIconMenuSelector as bn } from "./fhi-icon-menu.js";
|
|
92
|
+
import { FhiIconMessage as xn, FhiIconMessageSelector as Sn } from "./fhi-icon-message.js";
|
|
93
|
+
import { FhiIconMinus as Cn, FhiIconMinusSelector as wn } from "./fhi-icon-minus.js";
|
|
94
|
+
import { FhiIconOctagonAlert as Tn, FhiIconOctagonAlertSelector as En } from "./fhi-icon-octagon-alert.js";
|
|
95
|
+
import { FhiIconPaperclip as Dn, FhiIconPaperclipSelector as On } from "./fhi-icon-paperclip.js";
|
|
96
|
+
import { FhiIconPencil as kn, FhiIconPencilSelector as An } from "./fhi-icon-pencil.js";
|
|
97
|
+
import { FhiIconPhone as jn, FhiIconPhoneSelector as Mn } from "./fhi-icon-phone.js";
|
|
98
|
+
import { FhiIconPinOff as Nn, FhiIconPinOffSelector as Pn } from "./fhi-icon-pin-off.js";
|
|
99
|
+
import { FhiIconPin as Fn, FhiIconPinSelector as In } from "./fhi-icon-pin.js";
|
|
100
|
+
import { FhiIconPlus as Ln, FhiIconPlusSelector as Rn } from "./fhi-icon-plus.js";
|
|
101
|
+
import { FhiIconPrinter as zn, FhiIconPrinterSelector as Bn } from "./fhi-icon-printer.js";
|
|
102
|
+
import { FhiIconQuestion as Vn, FhiIconQuestionSelector as Hn } from "./fhi-icon-question.js";
|
|
103
|
+
import { FhiIconRefresh as Un, FhiIconRefreshSelector as Wn } from "./fhi-icon-refresh.js";
|
|
104
|
+
import { FhiIconRotateLeft as Gn, FhiIconRotateLeftSelector as Kn } from "./fhi-icon-rotate-left.js";
|
|
105
|
+
import { FhiIconRotateRight as qn, FhiIconRotateRightSelector as Jn } from "./fhi-icon-rotate-right.js";
|
|
106
|
+
import { FhiIconSearch as Yn, FhiIconSearchSelector as Xn } from "./fhi-icon-search.js";
|
|
107
|
+
import { FhiIconSend as Zn, FhiIconSendSelector as Qn } from "./fhi-icon-send.js";
|
|
108
|
+
import { FhiIconShare as $n, FhiIconShareSelector as er } from "./fhi-icon-share.js";
|
|
109
|
+
import { FhiIconSheet as tr, FhiIconSheetSelector as nr } from "./fhi-icon-sheet.js";
|
|
110
|
+
import { FhiIconSquareCheckBig as rr, FhiIconSquareCheckBigSelector as ir } from "./fhi-icon-square-check-big.js";
|
|
111
|
+
import { FhiIconSquareCheck as ar, FhiIconSquareCheckSelector as or } from "./fhi-icon-square-check.js";
|
|
112
|
+
import { FhiIconSquarePen as sr, FhiIconSquarePenSelector as cr } from "./fhi-icon-square-pen.js";
|
|
113
|
+
import { FhiIconSquareX as lr, FhiIconSquareXSelector as ur } from "./fhi-icon-square-x.js";
|
|
114
|
+
import { FhiIconSquare as dr, FhiIconSquareSelector as fr } from "./fhi-icon-square.js";
|
|
115
|
+
import { FhiIconTrash as pr, FhiIconTrashSelector as mr } from "./fhi-icon-trash.js";
|
|
116
|
+
import { FhiIconTriangleAlert as hr, FhiIconTriangleAlertSelector as gr } from "./fhi-icon-triangle-alert.js";
|
|
117
|
+
import { FhiIconUpload as _r, FhiIconUploadSelector as vr } from "./fhi-icon-upload.js";
|
|
118
|
+
import { FhiIconUser as yr, FhiIconUserSelector as br } from "./fhi-icon-user.js";
|
|
119
|
+
import { FhiDataTable as xr, FhiDataTableSelector as Sr } from "./fhi-data-table.js";
|
|
120
|
+
import { FhiDataTableCell as Cr, FhiDataTableCellSelector as wr } from "./fhi-data-table-cell.js";
|
|
121
|
+
import { FhiDataTableRow as Tr, FhiDataTableRowSelector as Er } from "./fhi-data-table-row.js";
|
|
122
|
+
import { FhiLabel as Dr, FhiLabelSelector as Or } from "./fhi-label.js";
|
|
123
|
+
import { FhiSelect as kr, FhiSelectSelector as Ar } from "./fhi-select.js";
|
|
124
|
+
import { FhiSelectItem as jr, FhiSelectItemSelector as Mr } from "./fhi-select-item.js";
|
|
125
|
+
import { FhiDisplay as Nr, FhiDisplaySelector as Pr } from "./fhi-display.js";
|
|
126
|
+
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, xr as FhiDataTable, Cr as FhiDataTableCell, wr as FhiDataTableCellSelector, Tr as FhiDataTableRow, Er as FhiDataTableRowSelector, Sr as FhiDataTableSelector, p as FhiDateInput, f as FhiDateInputSelector, Nr as FhiDisplay, Pr as FhiDisplaySelector, m as FhiFlex, h as FhiFlexSelector, g as FhiGrid, _ as FhiGridSelector, b as FhiHeadline, x as FhiHeadlineSelector, I as FhiIconArrowDown, M as FhiIconArrowDownLeft, N as FhiIconArrowDownLeftSelector, P as FhiIconArrowDownRight, F as FhiIconArrowDownRightSelector, L as FhiIconArrowDownSelector, R as FhiIconArrowLeft, z as FhiIconArrowLeftSelector, H as FhiIconArrowRight, B as FhiIconArrowRightLeft, V as FhiIconArrowRightLeftSelector, U as FhiIconArrowRightSelector, X as FhiIconArrowUp, W as FhiIconArrowUpDown, G as FhiIconArrowUpDownSelector, K as FhiIconArrowUpLeft, q as FhiIconArrowUpLeftSelector, J as FhiIconArrowUpRight, Y as FhiIconArrowUpRightSelector, Z as FhiIconArrowUpSelector, Q as FhiIconBell, $ as FhiIconBellSelector, u as FhiIconCalendar, ee as FhiIconCalendarClock, te as FhiIconCalendarClockSelector, d as FhiIconCalendarSelector, ie as FhiIconChartBar, ae as FhiIconChartBarSelector, ne as FhiIconChartBarStacked, re as FhiIconChartBarStackedSelector, ce as FhiIconChartColumn, le as FhiIconChartColumnSelector, oe as FhiIconChartColumnStacked, se as FhiIconChartColumnStackedSelector, ue as FhiIconChartLine, de as FhiIconChartLineSelector, fe as FhiIconChartNoAxesCombined, pe as FhiIconChartNoAxesCombinedSelector, me as FhiIconChartPie, he as FhiIconChartPieSelector, ge as FhiIconCheck, _e as FhiIconCheckSelector, ve as FhiIconChevronDown, ye as FhiIconChevronDownSelector, be as FhiIconChevronLeft, xe as FhiIconChevronLeftSelector, Se as FhiIconChevronRight, Ce as FhiIconChevronRightSelector, we as FhiIconChevronUp, Te as FhiIconChevronUpSelector, Ee as FhiIconChevronsDown, De as FhiIconChevronsDownSelector, Oe as FhiIconChevronsLeft, ke as FhiIconChevronsLeftSelector, Ae as FhiIconChevronsRight, je as FhiIconChevronsRightSelector, Me as FhiIconChevronsUp, Ne as FhiIconChevronsUpSelector, ft as FhiIconCircle, Pe as FhiIconCircleArrowDown, Fe as FhiIconCircleArrowDownSelector, Ie as FhiIconCircleArrowLeft, Le as FhiIconCircleArrowLeftSelector, Re as FhiIconCircleArrowRight, ze as FhiIconCircleArrowRightSelector, Be as FhiIconCircleArrowUp, Ve as FhiIconCircleArrowUpSelector, We as FhiIconCircleCheck, He as FhiIconCircleCheckBig, Ue as FhiIconCircleCheckBigSelector, Ge as FhiIconCircleCheckSelector, Ke as FhiIconCircleChevronDown, qe as FhiIconCircleChevronDownSelector, Je as FhiIconCircleChevronLeft, Ye as FhiIconCircleChevronLeftSelector, Xe as FhiIconCircleChevronRight, Ze as FhiIconCircleChevronRightSelector, Qe as FhiIconCircleChevronUp, $e as FhiIconCircleChevronUpSelector, et as FhiIconCircleExclamation, tt as FhiIconCircleExclamationSelector, nt as FhiIconCircleInfo, rt as FhiIconCircleInfoSelector, it as FhiIconCircleMinus, at as FhiIconCircleMinusSelector, ot as FhiIconCirclePlus, st as FhiIconCirclePlusSelector, ct as FhiIconCircleQuestion, lt as FhiIconCircleQuestionSelector, pt as FhiIconCircleSelector, ut as FhiIconCircleX, dt as FhiIconCircleXSelector, mt as FhiIconClock, ht as FhiIconClockSelector, gt as FhiIconCopy, _t as FhiIconCopySelector, vt as FhiIconDownload, yt as FhiIconDownloadSelector, St as FhiIconEllipsis, Ct as FhiIconEllipsisSelector, bt as FhiIconEllipsisVertical, xt as FhiIconEllipsisVerticalSelector, wt as FhiIconExclamation, Tt as FhiIconExclamationSelector, Et as FhiIconExpand, Dt as FhiIconExpandSelector, Ot as FhiIconExternalLink, kt as FhiIconExternalLinkSelector, Mt as FhiIconEye, At as FhiIconEyeOff, jt as FhiIconEyeOffSelector, Nt as FhiIconEyeSelector, It as FhiIconFile, Lt as FhiIconFileSelector, Pt as FhiIconFileText, Ft as FhiIconFileTextSelector, Rt as FhiIconFilter, zt as FhiIconFilterSelector, Bt as FhiIconFolder, Vt as FhiIconFolderSelector, Ht as FhiIconGear, Ut as FhiIconGearSelector, Wt as FhiIconGrid9Dots, Gt as FhiIconGrid9DotsSelector, Kt as FhiIconGripHorizontal, qt as FhiIconGripHorizontalSelector, Jt as FhiIconGripVertical, Yt as FhiIconGripVerticalSelector, Xt as FhiIconHistory, Zt as FhiIconHistorySelector, Qt as FhiIconInfo, $t as FhiIconInfoSelector, an as FhiIconLink, nn as FhiIconLink2, en as FhiIconLink2Off, tn as FhiIconLink2OffSelector, rn as FhiIconLink2Selector, on as FhiIconLinkSelector, ln as FhiIconLock, sn as FhiIconLockOpen, cn as FhiIconLockOpenSelector, un as FhiIconLockSelector, dn as FhiIconLogIn, fn as FhiIconLogInSelector, pn as FhiIconLogOut, mn as FhiIconLogOutSelector, hn as FhiIconMail, gn as FhiIconMailSelector, _n as FhiIconMapPin, vn as FhiIconMapPinSelector, yn as FhiIconMenu, bn as FhiIconMenuSelector, xn as FhiIconMessage, Sn as FhiIconMessageSelector, Cn as FhiIconMinus, wn as FhiIconMinusSelector, Tn as FhiIconOctagonAlert, En as FhiIconOctagonAlertSelector, Dn as FhiIconPaperclip, On as FhiIconPaperclipSelector, kn as FhiIconPencil, An as FhiIconPencilSelector, jn as FhiIconPhone, Mn as FhiIconPhoneSelector, Fn as FhiIconPin, Nn as FhiIconPinOff, Pn as FhiIconPinOffSelector, In as FhiIconPinSelector, Ln as FhiIconPlus, Rn as FhiIconPlusSelector, zn as FhiIconPrinter, Bn as FhiIconPrinterSelector, Vn as FhiIconQuestion, Hn as FhiIconQuestionSelector, Un as FhiIconRefresh, Wn as FhiIconRefreshSelector, Gn as FhiIconRotateLeft, Kn as FhiIconRotateLeftSelector, qn as FhiIconRotateRight, Jn as FhiIconRotateRightSelector, Yn as FhiIconSearch, Xn as FhiIconSearchSelector, Zn as FhiIconSend, Qn as FhiIconSendSelector, $n as FhiIconShare, er as FhiIconShareSelector, tr as FhiIconSheet, nr as FhiIconSheetSelector, dr as FhiIconSquare, ar as FhiIconSquareCheck, rr as FhiIconSquareCheckBig, ir as FhiIconSquareCheckBigSelector, or as FhiIconSquareCheckSelector, sr as FhiIconSquarePen, cr as FhiIconSquarePenSelector, fr as FhiIconSquareSelector, lr as FhiIconSquareX, ur as FhiIconSquareXSelector, pr as FhiIconTrash, mr as FhiIconTrashSelector, hr as FhiIconTriangleAlert, gr as FhiIconTriangleAlertSelector, _r as FhiIconUpload, vr as FhiIconUploadSelector, yr as FhiIconUser, br as FhiIconUserSelector, v as FhiIconX, y as FhiIconXSelector, Dr as FhiLabel, Or as FhiLabelSelector, S as FhiModalDialog, C as FhiModalDialogSelector, w as FhiRadio, T as FhiRadioSelector, kr as FhiSelect, jr as FhiSelectItem, Mr as FhiSelectItemSelector, Ar as FhiSelectSelector, E as FhiTag, D as FhiTagSelector, O as FhiTextInput, k as FhiTextInputSelector, n as FhiTitle, r as FhiTitleSelector, j as FhiTooltip, A as FhiTooltipSelector };
|