@folkehelseinstituttet/designsystem 0.36.0 → 0.38.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/base-D76d76ww.js +10 -0
- package/base-D76d76ww.js.map +1 -0
- package/custom-elements.json +1 -1
- package/fhi-body.js +1 -1
- package/fhi-button.js +1 -1
- package/fhi-checkbox.js +2 -2
- package/fhi-data-table-cell.d.ts +1 -0
- package/fhi-data-table-cell.js +82 -0
- package/fhi-data-table-cell.js.map +1 -0
- package/fhi-data-table-cell.manifest.json +1 -0
- package/fhi-data-table-row.d.ts +1 -0
- package/fhi-data-table-row.js +98 -0
- package/fhi-data-table-row.js.map +1 -0
- package/fhi-data-table-row.manifest.json +1 -0
- package/fhi-data-table.d.ts +1 -0
- package/fhi-data-table.js +94 -0
- package/fhi-data-table.js.map +1 -0
- package/fhi-data-table.manifest.json +1 -0
- package/fhi-date-input.js +3 -3
- package/fhi-display.js +2 -2
- package/fhi-flex.js +1 -1
- package/fhi-grid.js +1 -1
- package/fhi-headline.js +2 -2
- package/fhi-icon-arrow-down-left.js +1 -1
- package/fhi-icon-arrow-down-right.js +1 -1
- package/fhi-icon-arrow-down.js +1 -1
- package/fhi-icon-arrow-left.js +1 -1
- package/fhi-icon-arrow-right-left.js +1 -1
- package/fhi-icon-arrow-right.js +1 -1
- package/fhi-icon-arrow-up-down.js +1 -1
- package/fhi-icon-arrow-up-left.js +1 -1
- package/fhi-icon-arrow-up-right.js +1 -1
- package/fhi-icon-arrow-up.js +1 -1
- package/fhi-icon-bell.js +1 -1
- package/fhi-icon-calendar-clock.js +1 -1
- package/fhi-icon-calendar.js +1 -1
- package/fhi-icon-chart-bar-stacked.js +1 -1
- package/fhi-icon-chart-bar.js +1 -1
- package/fhi-icon-chart-column-stacked.js +1 -1
- package/fhi-icon-chart-column.js +1 -1
- package/fhi-icon-chart-line.js +1 -1
- package/fhi-icon-chart-no-axes-combined.js +1 -1
- package/fhi-icon-chart-pie.js +1 -1
- package/fhi-icon-check.js +1 -1
- package/fhi-icon-chevron-down.js +1 -1
- package/fhi-icon-chevron-left.js +1 -1
- package/fhi-icon-chevron-right.js +1 -1
- package/fhi-icon-chevron-up.js +1 -1
- package/fhi-icon-chevrons-down.js +1 -1
- package/fhi-icon-chevrons-left.js +1 -1
- package/fhi-icon-chevrons-right.js +1 -1
- package/fhi-icon-chevrons-up.js +1 -1
- package/fhi-icon-circle-arrow-down.js +1 -1
- package/fhi-icon-circle-arrow-left.js +1 -1
- package/fhi-icon-circle-arrow-right.js +1 -1
- package/fhi-icon-circle-arrow-up.js +1 -1
- package/fhi-icon-circle-check-big.js +1 -1
- package/fhi-icon-circle-check.js +1 -1
- package/fhi-icon-circle-chevron-down.js +1 -1
- package/fhi-icon-circle-chevron-left.js +1 -1
- package/fhi-icon-circle-chevron-right.js +1 -1
- package/fhi-icon-circle-chevron-up.js +1 -1
- package/fhi-icon-circle-exclamation.js +1 -1
- package/fhi-icon-circle-info.js +1 -1
- package/fhi-icon-circle-minus.js +1 -1
- package/fhi-icon-circle-plus.js +1 -1
- package/fhi-icon-circle-question.js +1 -1
- package/fhi-icon-circle-x.js +1 -1
- package/fhi-icon-circle.js +1 -1
- package/fhi-icon-clock.js +1 -1
- package/fhi-icon-copy.js +1 -1
- package/fhi-icon-download.js +1 -1
- package/fhi-icon-ellipsis-vertical.js +1 -1
- package/fhi-icon-ellipsis.js +1 -1
- package/fhi-icon-exclamation.js +1 -1
- package/fhi-icon-expand.js +1 -1
- package/fhi-icon-external-link.js +1 -1
- package/fhi-icon-eye-off.js +1 -1
- package/fhi-icon-eye.js +1 -1
- package/fhi-icon-file-text.d.ts +1 -0
- package/fhi-icon-file-text.js +52 -0
- package/fhi-icon-file-text.js.map +1 -0
- package/fhi-icon-file-text.manifest.json +1 -0
- package/fhi-icon-file.js +1 -1
- package/fhi-icon-filter.js +1 -1
- package/fhi-icon-folder.js +1 -1
- package/fhi-icon-gear.js +1 -1
- package/fhi-icon-grid-9-dots.js +1 -1
- package/fhi-icon-grip-horizontal.js +1 -1
- package/fhi-icon-grip-vertical.js +1 -1
- package/fhi-icon-history.js +1 -1
- package/fhi-icon-info.js +1 -1
- package/fhi-icon-link-2-off.js +1 -1
- package/fhi-icon-link-2.js +1 -1
- package/fhi-icon-link.js +1 -1
- package/fhi-icon-lock-open.js +1 -1
- package/fhi-icon-lock.js +1 -1
- package/fhi-icon-log-in.js +1 -1
- package/fhi-icon-log-out.js +1 -1
- package/fhi-icon-mail.js +1 -1
- package/fhi-icon-map-pin.js +1 -1
- package/fhi-icon-menu.js +1 -1
- package/fhi-icon-message.js +1 -1
- package/fhi-icon-minus.js +1 -1
- package/fhi-icon-octagon-alert.js +1 -1
- package/fhi-icon-paperclip.js +1 -1
- package/fhi-icon-pencil.js +1 -1
- package/fhi-icon-phone.js +1 -1
- package/fhi-icon-pin-off.js +1 -1
- package/fhi-icon-pin.js +1 -1
- package/fhi-icon-plus.js +1 -1
- package/fhi-icon-printer.js +1 -1
- package/fhi-icon-question.js +1 -1
- package/fhi-icon-refresh.js +1 -1
- package/fhi-icon-rotate-left.js +1 -1
- package/fhi-icon-rotate-right.js +1 -1
- package/fhi-icon-search.js +1 -1
- package/fhi-icon-send.js +1 -1
- package/fhi-icon-share.js +1 -1
- package/fhi-icon-sheet.js +1 -1
- package/fhi-icon-square-check-big.js +1 -1
- package/fhi-icon-square-check.js +1 -1
- package/fhi-icon-square-pen.js +1 -1
- package/fhi-icon-square-x.js +1 -1
- package/fhi-icon-square.js +1 -1
- package/fhi-icon-trash.js +1 -1
- package/fhi-icon-triangle-alert.js +1 -1
- package/fhi-icon-upload.js +1 -1
- package/fhi-icon-user.js +1 -1
- package/fhi-icon-x.js +1 -1
- package/fhi-label.js +1 -1
- package/fhi-modal-dialog.js +2 -2
- package/fhi-radio.js +3 -3
- package/fhi-tag.js +1 -1
- package/fhi-text-input.js +3 -3
- package/fhi-title.js +2 -2
- package/fhi-tooltip.js +2 -2
- package/{if-defined-BW6N1yuF.js → if-defined-B_sR6Mtk.js} +2 -2
- package/{if-defined-BW6N1yuF.js.map → if-defined-B_sR6Mtk.js.map} +1 -1
- package/index.js +220 -208
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/{property-DGdAXcEz.js → property-B2Ico5CW.js} +2 -2
- package/{property-DGdAXcEz.js.map → property-B2Ico5CW.js.map} +1 -1
- package/query-Ddbd72Um.js +21 -0
- package/query-Ddbd72Um.js.map +1 -0
- package/{unsafe-html-lUureUEN.js → unsafe-html-DfuTUjUu.js} +2 -2
- package/{unsafe-html-lUureUEN.js.map → unsafe-html-DfuTUjUu.js.map} +1 -1
- package/web-types.json +117 -1
- package/query-NJDNu0-P.js +0 -26
- package/query-NJDNu0-P.js.map +0 -1
package/fhi-body.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as g, n, a as f, b as p, t as y } from "./property-
|
|
1
|
+
import { i as g, n, a as f, b as p, t as y } from "./property-B2Ico5CW.js";
|
|
2
2
|
var m = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (t, r, o, a) => {
|
|
3
3
|
for (var e = a > 1 ? void 0 : a ? d(r, o) : r, l = t.length - 1, h; l >= 0; l--)
|
|
4
4
|
(h = t[l]) && (e = (a ? h(r, o, e) : h(e)) || e);
|
package/fhi-button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as u, n as i, a as s, b, t as v } from "./property-
|
|
1
|
+
import { i as u, n as i, a as s, b, t as v } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, h = Object.getOwnPropertyDescriptor, n = (r, e, a, c) => {
|
|
3
3
|
for (var t = c > 1 ? void 0 : c ? h(e, a) : e, o = r.length - 1, d; o >= 0; o--)
|
|
4
4
|
(d = r[o]) && (t = (c ? d(e, a, t) : d(t)) || t);
|
package/fhi-checkbox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as b, n as a, a as v, b as s, t as k } from "./property-
|
|
2
|
-
import { o as d } from "./if-defined-
|
|
1
|
+
import { i as b, n as a, a as v, b as s, t as k } from "./property-B2Ico5CW.js";
|
|
2
|
+
import { o as d } from "./if-defined-B_sR6Mtk.js";
|
|
3
3
|
var p = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (r, t, i, h) => {
|
|
4
4
|
for (var e = h > 1 ? void 0 : h ? u(t, i) : t, l = r.length - 1, n; l >= 0; l--)
|
|
5
5
|
(n = r[l]) && (e = (h ? n(t, i, e) : n(e)) || e);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { i as d, n as s, a as f, b as c, t as p } from "./property-B2Ico5CW.js";
|
|
2
|
+
var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, h = (e, a, r, l) => {
|
|
3
|
+
for (var t = l > 1 ? void 0 : l ? b(a, r) : a, o = e.length - 1, n; o >= 0; o--)
|
|
4
|
+
(n = e[o]) && (t = (l ? n(a, r, t) : n(t)) || t);
|
|
5
|
+
return l && t && y(a, r, t), t;
|
|
6
|
+
};
|
|
7
|
+
const u = "fhi-data-table-cell";
|
|
8
|
+
let i = class extends f {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments), this.variant = "body";
|
|
11
|
+
}
|
|
12
|
+
update(e) {
|
|
13
|
+
e.has("variant") && (this.role = this.variant === "header" ? "columnheader" : "cell"), super.update(e);
|
|
14
|
+
}
|
|
15
|
+
render() {
|
|
16
|
+
return c`
|
|
17
|
+
<div class="cell-content">
|
|
18
|
+
<slot></slot>
|
|
19
|
+
</div>
|
|
20
|
+
`;
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
i.styles = d`
|
|
24
|
+
:host {
|
|
25
|
+
--fhi-data-table-cell-justify-content: unset;
|
|
26
|
+
--fhi-data-table-cell-align-items: unset;
|
|
27
|
+
|
|
28
|
+
--fhi-data-table-cell-border-style: unset;
|
|
29
|
+
--fhi-data-table-cell-border-width: unset;
|
|
30
|
+
--fhi-data-table-cell-border-color: unset;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:host {
|
|
34
|
+
--fhi-data-table-cell-justify-content: start;
|
|
35
|
+
--fhi-data-table-cell-align-items: center;
|
|
36
|
+
|
|
37
|
+
display: table-cell;
|
|
38
|
+
vertical-align: middle;
|
|
39
|
+
|
|
40
|
+
padding: var(--fhi-spacing-150);
|
|
41
|
+
color: var(--fhi-color-neutral-text-default);
|
|
42
|
+
|
|
43
|
+
border-style: var(--fhi-data-table-cell-border-style);
|
|
44
|
+
border-width: var(--fhi-data-table-cell-border-width);
|
|
45
|
+
border-color: var(--fhi-data-table-cell-border-color);
|
|
46
|
+
|
|
47
|
+
.cell-content {
|
|
48
|
+
display: flex;
|
|
49
|
+
align-items: var(--fhi-data-table-cell-align-items);
|
|
50
|
+
justify-content: var(--fhi-data-table-cell-justify-content);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
:host([variant='body']) {
|
|
55
|
+
letter-spacing: var(--fhi-typography-body-medium-letter-spacing);
|
|
56
|
+
|
|
57
|
+
font: var(--fhi-typography-body-medium-font-weight)
|
|
58
|
+
var(--fhi-typography-body-medium-font-size) /
|
|
59
|
+
var(--fhi-typography-body-medium-line-height)
|
|
60
|
+
var(--fhi-font-family-default);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
:host([variant='header']) {
|
|
64
|
+
letter-spacing: var(--fhi-typography-title-medium-letter-spacing);
|
|
65
|
+
|
|
66
|
+
font: var(--fhi-typography-title-medium-font-weight)
|
|
67
|
+
var(--fhi-typography-title-medium-font-size) /
|
|
68
|
+
var(--fhi-typography-title-medium-line-height)
|
|
69
|
+
var(--fhi-font-family-default);
|
|
70
|
+
}
|
|
71
|
+
`;
|
|
72
|
+
h([
|
|
73
|
+
s({ type: String, reflect: !0 })
|
|
74
|
+
], i.prototype, "variant", 2);
|
|
75
|
+
i = h([
|
|
76
|
+
p(u)
|
|
77
|
+
], i);
|
|
78
|
+
export {
|
|
79
|
+
i as FhiDataTableCell,
|
|
80
|
+
u as FhiDataTableCellSelector
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=fhi-data-table-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-data-table-cell.js","sources":["../../src/components/data-table/fhi-data-table-cell/fhi-data-table-cell.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport const FhiDataTableCellSelector = 'fhi-data-table-cell';\n\n/**\n * ## FHI Table Cell\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-data-table--docs}\n *\n * The `<fhi-data-table-cell>` component is an implementation of a table cell according to the FHI Design System guidelines.\n * It allows users to properly display data within a `<fhi-data-table-row>`.\n *\n * The `<fhi-table-cell>` component does not use the native HTML `<td>` or `<th>` elements. Instead, it relies on CSS Grid to achieve the desired layout and styling.\n *\n * @tag fhi-data-table-cell\n * @element fhi-data-table-cell\n */\n@customElement(FhiDataTableCellSelector)\nexport class FhiDataTableCell extends LitElement {\n /**\n * Defines the variant of the table cell, which can be either 'header' or 'body'. This determines the styling and role of the cell within the table.\n * @type {'header' | 'body'}\n */\n @property({ type: String, reflect: true })\n variant: 'header' | 'body' = 'body';\n\n protected update(changedProperties: PropertyValues): void {\n if (changedProperties.has('variant')) {\n this.role = this.variant === 'header' ? 'columnheader' : 'cell';\n }\n\n super.update(changedProperties);\n }\n\n render() {\n return html`\n <div class=\"cell-content\">\n <slot></slot>\n </div>\n `;\n }\n\n static styles = css`\n :host {\n --fhi-data-table-cell-justify-content: unset;\n --fhi-data-table-cell-align-items: unset;\n\n --fhi-data-table-cell-border-style: unset;\n --fhi-data-table-cell-border-width: unset;\n --fhi-data-table-cell-border-color: unset;\n }\n\n :host {\n --fhi-data-table-cell-justify-content: start;\n --fhi-data-table-cell-align-items: center;\n\n display: table-cell;\n vertical-align: middle;\n\n padding: var(--fhi-spacing-150);\n color: var(--fhi-color-neutral-text-default);\n\n border-style: var(--fhi-data-table-cell-border-style);\n border-width: var(--fhi-data-table-cell-border-width);\n border-color: var(--fhi-data-table-cell-border-color);\n\n .cell-content {\n display: flex;\n align-items: var(--fhi-data-table-cell-align-items);\n justify-content: var(--fhi-data-table-cell-justify-content);\n }\n }\n\n :host([variant='body']) {\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\n :host([variant='header']) {\n letter-spacing: var(--fhi-typography-title-medium-letter-spacing);\n\n font: var(--fhi-typography-title-medium-font-weight)\n var(--fhi-typography-title-medium-font-size) /\n var(--fhi-typography-title-medium-line-height)\n var(--fhi-font-family-default);\n }\n `;\n}\n"],"names":["FhiDataTableCellSelector","FhiDataTableCell","LitElement","changedProperties","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAGO,MAAMA,IAA2B;AAgBjC,IAAMC,IAAN,cAA+BC,EAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA,GAML,KAAA,UAA6B;AAAA,EAAA;AAAA,EAEnB,OAAOC,GAAyC;AACxD,IAAIA,EAAkB,IAAI,SAAS,MACjC,KAAK,OAAO,KAAK,YAAY,WAAW,iBAAiB,SAG3D,MAAM,OAAOA,CAAiB;AAAA,EAChC;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAKT;AAmDF;AAzEaH,EAwBJ,SAASI;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAlBhBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAL9BN,EAMX,WAAA,WAAA,CAAA;AANWA,IAANK,EAAA;AAAA,EADNE,EAAcR,CAAwB;AAAA,GAC1BC,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"kind":"javascript-module","path":"src/components/data-table/fhi-data-table-cell/fhi-data-table-cell.component.ts","declarations":[{"kind":"class","description":"## FHI Table Cell\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-data-table--docs\n\nThe `<fhi-data-table-cell>` component is an implementation of a table cell according to the FHI Design System guidelines.\nIt allows users to properly display data within a `<fhi-data-table-row>`.\n\nThe `<fhi-table-cell>` component does not use the native HTML `<td>` or `<th>` elements. Instead, it relies on CSS Grid to achieve the desired layout and styling.","name":"FhiDataTableCell","members":[{"kind":"field","name":"variant","type":{"text":"'header' | 'body'"},"default":"'body'","description":"Defines the variant of the table cell, which can be either 'header' or 'body'. This determines the styling and role of the cell within the table.","attribute":"variant","reflects":true}],"attributes":[{"name":"variant","type":{"text":"'header' | 'body'"},"default":"'body'","description":"Defines the variant of the table cell, which can be either 'header' or 'body'. This determines the styling and role of the cell within the table.","fieldName":"variant"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-data-table-cell","customElement":true},{"kind":"variable","name":"FhiDataTableCellSelector","type":{"text":"string"},"default":"'fhi-data-table-cell'"}]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { i as c, n as f, a as u, b as v, t as w } from "./property-B2Ico5CW.js";
|
|
2
|
+
import { e as p } from "./base-D76d76ww.js";
|
|
3
|
+
/**
|
|
4
|
+
* @license
|
|
5
|
+
* Copyright 2021 Google LLC
|
|
6
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
7
|
+
*/
|
|
8
|
+
function y(t) {
|
|
9
|
+
return (e, l) => {
|
|
10
|
+
const { slot: r, selector: a } = {}, i = "slot" + (r ? `[name=${r}]` : ":not([name])");
|
|
11
|
+
return p(e, l, { get() {
|
|
12
|
+
var h;
|
|
13
|
+
const o = (h = this.renderRoot) == null ? void 0 : h.querySelector(i), d = (o == null ? void 0 : o.assignedElements(t)) ?? [];
|
|
14
|
+
return a === void 0 ? d : d.filter((b) => b.matches(a));
|
|
15
|
+
} });
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (t, e, l, r) => {
|
|
19
|
+
for (var a = r > 1 ? void 0 : r ? g(e, l) : e, i = t.length - 1, o; i >= 0; i--)
|
|
20
|
+
(o = t[i]) && (a = (r ? o(e, l, a) : o(a)) || a);
|
|
21
|
+
return r && a && m(e, l, a), a;
|
|
22
|
+
};
|
|
23
|
+
const C = "fhi-data-table-row";
|
|
24
|
+
let s = class extends u {
|
|
25
|
+
constructor() {
|
|
26
|
+
super(...arguments), this.variant = "body";
|
|
27
|
+
}
|
|
28
|
+
connectedCallback() {
|
|
29
|
+
super.connectedCallback(), this.role = "row";
|
|
30
|
+
}
|
|
31
|
+
update(t) {
|
|
32
|
+
t.has("variant") && this.variant !== "body" && this.variant !== "header" && (this.variant = "body"), super.update(t);
|
|
33
|
+
}
|
|
34
|
+
updated(t) {
|
|
35
|
+
t.has("variant") && this.setCellVariants(), super.updated(t);
|
|
36
|
+
}
|
|
37
|
+
handleSlotChange() {
|
|
38
|
+
this.setCellVariants();
|
|
39
|
+
}
|
|
40
|
+
setCellVariants() {
|
|
41
|
+
this.slotElements.forEach((t) => {
|
|
42
|
+
if (t.tagName.toLowerCase() === "fhi-data-table-cell") {
|
|
43
|
+
const e = t;
|
|
44
|
+
e.variant !== this.variant && (e.variant = this.variant);
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
return v`<slot @slotchange=${this.handleSlotChange}></slot>`;
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
s.styles = c`
|
|
53
|
+
:host {
|
|
54
|
+
--fhi-data-table-row-border-style: unset;
|
|
55
|
+
--fhi-data-table-row-border-width: unset;
|
|
56
|
+
--fhi-data-table-row-border-color: unset;
|
|
57
|
+
|
|
58
|
+
--fhi-data-table-row-background: unset;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
:host {
|
|
62
|
+
display: table-row;
|
|
63
|
+
background: var(--fhi-data-table-row-background);
|
|
64
|
+
|
|
65
|
+
--fhi-data-table-row-border-style: none none solid none;
|
|
66
|
+
--fhi-data-table-row-border-width: var(--fhi-dimension-border-width);
|
|
67
|
+
--fhi-data-table-row-border-color: var(
|
|
68
|
+
--fhi-color-neutral-surface-active
|
|
69
|
+
);
|
|
70
|
+
|
|
71
|
+
::slotted(fhi-data-table-cell) {
|
|
72
|
+
--fhi-data-table-cell-background: var(--fhi-data-table-row-background);
|
|
73
|
+
--fhi-data-table-cell-border-style: var(
|
|
74
|
+
--fhi-data-table-row-border-style
|
|
75
|
+
);
|
|
76
|
+
--fhi-data-table-cell-border-width: var(
|
|
77
|
+
--fhi-data-table-row-border-width
|
|
78
|
+
);
|
|
79
|
+
--fhi-data-table-cell-border-color: var(
|
|
80
|
+
--fhi-data-table-row-border-color
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
`;
|
|
85
|
+
n([
|
|
86
|
+
f({ type: String, reflect: !0 })
|
|
87
|
+
], s.prototype, "variant", 2);
|
|
88
|
+
n([
|
|
89
|
+
y()
|
|
90
|
+
], s.prototype, "slotElements", 2);
|
|
91
|
+
s = n([
|
|
92
|
+
w(C)
|
|
93
|
+
], s);
|
|
94
|
+
export {
|
|
95
|
+
s as FhiDataTableRow,
|
|
96
|
+
C as FhiDataTableRowSelector
|
|
97
|
+
};
|
|
98
|
+
//# sourceMappingURL=fhi-data-table-row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-data-table-row.js","sources":["../../../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js","../../src/components/data-table/fhi-data-table-row/fhi-data-table-row.component.ts"],"sourcesContent":["import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function o(o){return(e,n)=>{const{slot:r,selector:s}=o??{},c=\"slot\"+(r?`[name=${r}]`:\":not([name])\");return t(e,n,{get(){const t=this.renderRoot?.querySelector(c),e=t?.assignedElements(o)??[];return void 0===s?e:e.filter(t=>t.matches(s))}})}}export{o as queryAssignedElements};\n//# sourceMappingURL=query-assigned-elements.js.map\n","import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { FhiDataTableCell } from '../fhi-data-table-cell/fhi-data-table-cell.component';\n\nexport const FhiDataTableRowSelector = 'fhi-data-table-row';\n\n/**\n * ## FHI Table Row\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-data-table-row--docs}\n *\n * The `<fhi-data-table-row>` component is an implementation of a table row according to the FHI Design System guidelines.\n * It allows users to properly display data within a `<fhi-data-table>` using `<fhi-data-table-cell>` components.\n *\n * For various reasons, the `<fhi-data-table-row>` component does not use the native HTML `<tr>` element. Instead, it relies on CSS Grid to achieve the desired layout and styling.\n *\n * @tag fhi-data-table-row\n * @element fhi-data-table-row\n */\n@customElement(FhiDataTableRowSelector)\nexport class FhiDataTableRow extends LitElement {\n /**\n * Defines the variant of the table row, which can be either 'header' or 'body'. This determines the styling and role of the row within the table.\n * If the variant is set to 'header', all child `<fhi-data-table-cell>` elements will also be set to the 'header' variant to ensure consistent styling.\n * @type {'header' | 'body'}\n */\n @property({ type: String, reflect: true })\n variant: 'header' | 'body' = 'body';\n\n @queryAssignedElements()\n slotElements!: Array<HTMLElement>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.role = 'row';\n }\n\n protected update(changedProperties: PropertyValues): void {\n if (changedProperties.has('variant')) {\n if (this.variant !== 'body' && this.variant !== 'header') {\n this.variant = 'body';\n }\n }\n\n super.update(changedProperties);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n if (changedProperties.has('variant')) {\n this.setCellVariants();\n }\n\n super.updated(changedProperties);\n }\n\n private handleSlotChange() {\n this.setCellVariants();\n }\n\n private setCellVariants() {\n this.slotElements.forEach(element => {\n if (element.tagName.toLowerCase() === 'fhi-data-table-cell') {\n const tableCell = element as FhiDataTableCell;\n\n if (tableCell.variant !== this.variant) {\n tableCell.variant = this.variant;\n }\n }\n });\n }\n\n render() {\n return html`<slot @slotchange=${this.handleSlotChange}></slot>`;\n }\n\n static styles = css`\n :host {\n --fhi-data-table-row-border-style: unset;\n --fhi-data-table-row-border-width: unset;\n --fhi-data-table-row-border-color: unset;\n\n --fhi-data-table-row-background: unset;\n }\n\n :host {\n display: table-row;\n background: var(--fhi-data-table-row-background);\n\n --fhi-data-table-row-border-style: none none solid none;\n --fhi-data-table-row-border-width: var(--fhi-dimension-border-width);\n --fhi-data-table-row-border-color: var(\n --fhi-color-neutral-surface-active\n );\n\n ::slotted(fhi-data-table-cell) {\n --fhi-data-table-cell-background: var(--fhi-data-table-row-background);\n --fhi-data-table-cell-border-style: var(\n --fhi-data-table-row-border-style\n );\n --fhi-data-table-cell-border-width: var(\n --fhi-data-table-row-border-width\n );\n --fhi-data-table-cell-border-color: var(\n --fhi-data-table-row-border-color\n );\n }\n }\n `;\n}\n"],"names":["o","e","n","s","c","t","_a","FhiDataTableRowSelector","FhiDataTableRow","LitElement","changedProperties","element","tableCell","html","css","__decorateClass","property","queryAssignedElements","customElement"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIG,SAASA,EAAEA,GAAE;AAAC,SAAM,CAACC,GAAEC,MAAI;AAAC,UAAK,EAAC,MAAK,GAAE,UAASC,EAAC,IAAK,IAAGC,IAAE,UAAQ,IAAE,SAAS,CAAC,MAAI;AAAgB,WAAOC,EAAEJ,GAAEC,GAAE,EAAC,MAAK;;AAAC,YAAMG,KAAEC,IAAA,KAAK,eAAL,gBAAAA,EAAiB,cAAcF,IAAGH,KAAEI,KAAA,gBAAAA,EAAG,iBAAiBL,OAAI,CAAA;AAAG,aAAgBG,MAAT,SAAWF,IAAEA,EAAE,OAAO,CAAAI,MAAGA,EAAE,QAAQF,CAAC,CAAC;AAAA,IAAC,EAAC,CAAC;AAAA,EAAC;AAAC;;;;;;ACA7O,MAAMI,IAA0B;AAgBhC,IAAMC,IAAN,cAA8BC,EAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA,GAOL,KAAA,UAA6B;AAAA,EAAA;AAAA,EAK7B,oBAA0B;AACxB,UAAM,kBAAA,GACN,KAAK,OAAO;AAAA,EACd;AAAA,EAEU,OAAOC,GAAyC;AACxD,IAAIA,EAAkB,IAAI,SAAS,KAC7B,KAAK,YAAY,UAAU,KAAK,YAAY,aAC9C,KAAK,UAAU,SAInB,MAAM,OAAOA,CAAiB;AAAA,EAChC;AAAA,EAEU,QAAQA,GAAyC;AACzD,IAAIA,EAAkB,IAAI,SAAS,KACjC,KAAK,gBAAA,GAGP,MAAM,QAAQA,CAAiB;AAAA,EACjC;AAAA,EAEQ,mBAAmB;AACzB,SAAK,gBAAA;AAAA,EACP;AAAA,EAEQ,kBAAkB;AACxB,SAAK,aAAa,QAAQ,CAAAC,MAAW;AACnC,UAAIA,EAAQ,QAAQ,YAAA,MAAkB,uBAAuB;AAC3D,cAAMC,IAAYD;AAElB,QAAIC,EAAU,YAAY,KAAK,YAC7BA,EAAU,UAAU,KAAK;AAAA,MAE7B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAOC,sBAAyB,KAAK,gBAAgB;AAAA,EACvD;AAmCF;AAxFaL,EAuDJ,SAASM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAhDhBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAN9BR,EAOX,WAAA,WAAA,CAAA;AAGAO,EAAA;AAAA,EADCE,EAAA;AAAsB,GATZT,EAUX,WAAA,gBAAA,CAAA;AAVWA,IAANO,EAAA;AAAA,EADNG,EAAcX,CAAuB;AAAA,GACzBC,CAAA;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"kind":"javascript-module","path":"src/components/data-table/fhi-data-table-row/fhi-data-table-row.component.ts","declarations":[{"kind":"class","description":"## FHI Table Row\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-data-table-row--docs\n\nThe `<fhi-data-table-row>` component is an implementation of a table row according to the FHI Design System guidelines.\nIt allows users to properly display data within a `<fhi-data-table>` using `<fhi-data-table-cell>` components.\n\nFor various reasons, the `<fhi-data-table-row>` component does not use the native HTML `<tr>` element. Instead, it relies on CSS Grid to achieve the desired layout and styling.","name":"FhiDataTableRow","members":[{"kind":"method","name":"handleSlotChange","privacy":"private"},{"kind":"method","name":"setCellVariants","privacy":"private"},{"kind":"field","name":"slotElements","type":{"text":"Array<HTMLElement>"}},{"kind":"field","name":"variant","type":{"text":"'header' | 'body'"},"default":"'body'","description":"Defines the variant of the table row, which can be either 'header' or 'body'. This determines the styling and role of the row within the table.\nIf the variant is set to 'header', all child `<fhi-data-table-cell>` elements will also be set to the 'header' variant to ensure consistent styling.","attribute":"variant","reflects":true}],"attributes":[{"name":"variant","type":{"text":"'header' | 'body'"},"default":"'body'","description":"Defines the variant of the table row, which can be either 'header' or 'body'. This determines the styling and role of the row within the table.\nIf the variant is set to 'header', all child `<fhi-data-table-cell>` elements will also be set to the 'header' variant to ensure consistent styling.","fieldName":"variant"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-data-table-row","customElement":true},{"kind":"variable","name":"FhiDataTableRowSelector","type":{"text":"string"},"default":"'fhi-data-table-row'"}]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { i as h, n as b, a as c, b as n, t as f } from "./property-B2Ico5CW.js";
|
|
2
|
+
import "./fhi-grid.js";
|
|
3
|
+
import "./fhi-body.js";
|
|
4
|
+
var u = Object.defineProperty, p = Object.getOwnPropertyDescriptor, s = (t, r, l, o) => {
|
|
5
|
+
for (var a = o > 1 ? void 0 : o ? p(r, l) : r, i = t.length - 1, d; i >= 0; i--)
|
|
6
|
+
(d = t[i]) && (a = (o ? d(r, l, a) : d(a)) || a);
|
|
7
|
+
return o && a && u(r, l, a), a;
|
|
8
|
+
};
|
|
9
|
+
const v = "fhi-data-table";
|
|
10
|
+
let e = class extends c {
|
|
11
|
+
connectedCallback() {
|
|
12
|
+
super.connectedCallback(), this.role = "table";
|
|
13
|
+
}
|
|
14
|
+
update(t) {
|
|
15
|
+
super.update(t);
|
|
16
|
+
}
|
|
17
|
+
updated(t) {
|
|
18
|
+
super.updated(t), t.has("caption") && (this.caption ? this.setAttribute("aria-label", this.caption) : this.removeAttribute("aria-label"));
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return n`
|
|
22
|
+
<div class="table-content">
|
|
23
|
+
<slot></slot>
|
|
24
|
+
</div>
|
|
25
|
+
${this.caption ? n`<fhi-body class="caption" size="small"
|
|
26
|
+
>${this.caption}</fhi-body
|
|
27
|
+
>` : null}
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
e.styles = h`
|
|
32
|
+
:host {
|
|
33
|
+
--fhi-data-table-border-color: unset;
|
|
34
|
+
--fhi-data-table-border-radius: unset;
|
|
35
|
+
|
|
36
|
+
--fhi-data-table-background: unset;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:host {
|
|
40
|
+
--fhi-data-table-border-color: var(--fhi-color-neutral-surface-active);
|
|
41
|
+
--fhi-data-table-border-radius: var(--fhi-border-radius-100);
|
|
42
|
+
|
|
43
|
+
color: var(--fhi-color-neutral-text-default);
|
|
44
|
+
|
|
45
|
+
.caption {
|
|
46
|
+
display: block;
|
|
47
|
+
padding: var(--fhi-spacing-150);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.table-content {
|
|
51
|
+
display: table;
|
|
52
|
+
width: 100%;
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
border: var(--fhi-dimension-border-width) solid
|
|
55
|
+
var(--fhi-data-table-border-color);
|
|
56
|
+
border-radius: var(--fhi-data-table-border-radius);
|
|
57
|
+
background: var(--fhi-data-table-background);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
::slotted(fhi-data-table-row:last-child) {
|
|
61
|
+
--fhi-data-table-row-border-style: none none none none;
|
|
62
|
+
--fhi-data-table-row-border-width: unset;
|
|
63
|
+
--fhi-data-table-row-border-color: unset;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
:host([striped]) {
|
|
68
|
+
::slotted(fhi-data-table-row:nth-child(even)) {
|
|
69
|
+
--fhi-data-table-row-background: var(
|
|
70
|
+
--fhi-color-neutral-background-subtle
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
::slotted(fhi-data-table-row:nth-child(odd)) {
|
|
75
|
+
--fhi-data-table-row-background: var(
|
|
76
|
+
--fhi-color-neutral-background-default
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
`;
|
|
81
|
+
s([
|
|
82
|
+
b({ type: String, reflect: !0 })
|
|
83
|
+
], e.prototype, "caption", 2);
|
|
84
|
+
s([
|
|
85
|
+
b({ type: Boolean, reflect: !0 })
|
|
86
|
+
], e.prototype, "striped", 2);
|
|
87
|
+
e = s([
|
|
88
|
+
f(v)
|
|
89
|
+
], e);
|
|
90
|
+
export {
|
|
91
|
+
e as FhiDataTable,
|
|
92
|
+
v as FhiDataTableSelector
|
|
93
|
+
};
|
|
94
|
+
//# sourceMappingURL=fhi-data-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fhi-data-table.js","sources":["../../src/components/data-table/fhi-data-table/fhi-data-table.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport '../../fhi-grid/fhi-grid.component';\nimport '../../typography/fhi-body/fhi-body.component';\n\nexport const FhiDataTableSelector = 'fhi-data-table';\n\n/**\n * ## FHI Table\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-data-table--docs}\n *\n * The `<fhi-data-table>` component is an implementation of a table according to the FHI Design System guidelines.\n * It allows users to display tabular data in a structured format using `<fhi-data-table-row>` and `<fhi-data-table-cell>` components.\n *\n * The `<fhi-data-table>` component does not use the native HTML `<table>` element. Instead, it relies on CSS Grid to achieve the desired layout and styling.\n *\n * Example usage:\n * ```html\n * <fhi-data-table caption=\"Example Table\" columns=\"2fr 1fr 1fr\">\n * <fhi-data-table-row variant=\"header\">\n * <fhi-data-table-cell>Header 1</fhi-data-table-cell>\n * <fhi-data-table-cell>Header 2</fhi-data-table-cell>\n * <fhi-data-table-cell>Header 3</fhi-data-table-cell>\n * </fhi-data-table-row>\n * <fhi-data-table-row>\n * <fhi-data-table-cell>Data 1</fhi-data-table-cell>\n * <fhi-data-table-cell>Data 2</fhi-data-table-cell>\n * <fhi-data-table-cell>Data 3</fhi-data-table-cell>\n * </fhi-data-table-row>\n * </fhi-data-table>\n * ```\n *\n * @tag fhi-data-table\n * @element fhi-data-table\n */\n@customElement(FhiDataTableSelector)\nexport class FhiDataTable extends LitElement {\n /**\n * The caption of the table. This should provide a brief description of the table's content.\n * @type {string}\n */\n @property({ type: String, reflect: true })\n caption?: string;\n\n /**\n * If set to true, the table will have alternating row colors (striped effect) for better readability.\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true })\n striped?: boolean;\n\n connectedCallback(): void {\n super.connectedCallback();\n\n this.role = 'table';\n }\n\n protected update(changedProperties: PropertyValues): void {\n super.update(changedProperties);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n\n if (changedProperties.has('caption')) {\n if (this.caption) {\n this.setAttribute('aria-label', this.caption);\n } else {\n this.removeAttribute('aria-label');\n }\n }\n }\n\n render() {\n return html`\n <div class=\"table-content\">\n <slot></slot>\n </div>\n ${this.caption\n ? html`<fhi-body class=\"caption\" size=\"small\"\n >${this.caption}</fhi-body\n >`\n : null}\n `;\n }\n\n static styles = css`\n :host {\n --fhi-data-table-border-color: unset;\n --fhi-data-table-border-radius: unset;\n\n --fhi-data-table-background: unset;\n }\n\n :host {\n --fhi-data-table-border-color: var(--fhi-color-neutral-surface-active);\n --fhi-data-table-border-radius: var(--fhi-border-radius-100);\n\n color: var(--fhi-color-neutral-text-default);\n\n .caption {\n display: block;\n padding: var(--fhi-spacing-150);\n }\n\n .table-content {\n display: table;\n width: 100%;\n overflow: hidden;\n border: var(--fhi-dimension-border-width) solid\n var(--fhi-data-table-border-color);\n border-radius: var(--fhi-data-table-border-radius);\n background: var(--fhi-data-table-background);\n }\n\n ::slotted(fhi-data-table-row:last-child) {\n --fhi-data-table-row-border-style: none none none none;\n --fhi-data-table-row-border-width: unset;\n --fhi-data-table-row-border-color: unset;\n }\n }\n\n :host([striped]) {\n ::slotted(fhi-data-table-row:nth-child(even)) {\n --fhi-data-table-row-background: var(\n --fhi-color-neutral-background-subtle\n );\n }\n\n ::slotted(fhi-data-table-row:nth-child(odd)) {\n --fhi-data-table-row-background: var(\n --fhi-color-neutral-background-default\n );\n }\n }\n `;\n}\n"],"names":["FhiDataTableSelector","FhiDataTable","LitElement","changedProperties","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAMO,MAAMA,IAAuB;AAgC7B,IAAMC,IAAN,cAA2BC,EAAW;AAAA,EAe3C,oBAA0B;AACxB,UAAM,kBAAA,GAEN,KAAK,OAAO;AAAA,EACd;AAAA,EAEU,OAAOC,GAAyC;AACxD,UAAM,OAAOA,CAAiB;AAAA,EAChC;AAAA,EAEU,QAAQA,GAAyC;AACzD,UAAM,QAAQA,CAAiB,GAE3BA,EAAkB,IAAI,SAAS,MAC7B,KAAK,UACP,KAAK,aAAa,cAAc,KAAK,OAAO,IAE5C,KAAK,gBAAgB,YAAY;AAAA,EAGvC;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA,QAIH,KAAK,UACHA;AAAAA,eACK,KAAK,OAAO;AAAA,eAEjB,IAAI;AAAA;AAAA,EAEZ;AAoDF;AApGaH,EAkDJ,SAASI;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA5ChBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAL9BN,EAMX,WAAA,WAAA,CAAA;AAOAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BN,EAaX,WAAA,WAAA,CAAA;AAbWA,IAANK,EAAA;AAAA,EADNE,EAAcR,CAAoB;AAAA,GACtBC,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"kind":"javascript-module","path":"src/components/data-table/fhi-data-table/fhi-data-table.component.ts","declarations":[{"kind":"class","description":"## FHI Table\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-data-table--docs\n\nThe `<fhi-data-table>` component is an implementation of a table according to the FHI Design System guidelines.\nIt allows users to display tabular data in a structured format using `<fhi-data-table-row>` and `<fhi-data-table-cell>` components.\n\nThe `<fhi-data-table>` component does not use the native HTML `<table>` element. Instead, it relies on CSS Grid to achieve the desired layout and styling.\n\nExample usage:\n```html\n<fhi-data-table caption=\"Example Table\" columns=\"2fr 1fr 1fr\">\n <fhi-data-table-row variant=\"header\">\n <fhi-data-table-cell>Header 1</fhi-data-table-cell>\n <fhi-data-table-cell>Header 2</fhi-data-table-cell>\n <fhi-data-table-cell>Header 3</fhi-data-table-cell>\n </fhi-data-table-row>\n <fhi-data-table-row>\n <fhi-data-table-cell>Data 1</fhi-data-table-cell>\n <fhi-data-table-cell>Data 2</fhi-data-table-cell>\n <fhi-data-table-cell>Data 3</fhi-data-table-cell>\n </fhi-data-table-row>\n</fhi-data-table>\n```","name":"FhiDataTable","members":[{"kind":"field","name":"caption","type":{"text":"string"},"description":"The caption of the table. This should provide a brief description of the table's content.","attribute":"caption","reflects":true},{"kind":"field","name":"striped","type":{"text":"boolean"},"description":"If set to true, the table will have alternating row colors (striped effect) for better readability.","attribute":"striped","reflects":true}],"attributes":[{"name":"caption","type":{"text":"string"},"description":"The caption of the table. This should provide a brief description of the table's content.","fieldName":"caption"},{"name":"striped","type":{"text":"boolean"},"description":"If set to true, the table will have alternating row colors (striped effect) for better readability.","fieldName":"striped"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-data-table","customElement":true},{"kind":"variable","name":"FhiDataTableSelector","type":{"text":"string"},"default":"'fhi-data-table'"}]}
|
package/fhi-date-input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { i as c, n as o, a as u, b as l, t as g } from "./property-
|
|
2
|
-
import { e as y } from "./query-
|
|
3
|
-
import { o as d } from "./if-defined-
|
|
1
|
+
import { i as c, n as o, a as u, b as l, t as g } from "./property-B2Ico5CW.js";
|
|
2
|
+
import { e as y } from "./query-Ddbd72Um.js";
|
|
3
|
+
import { o as d } from "./if-defined-B_sR6Mtk.js";
|
|
4
4
|
import "./fhi-icon-calendar.js";
|
|
5
5
|
const v = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
6
6
|
var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (t, a, p, n) => {
|
package/fhi-display.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as n, n as p, a as g, b as f, t as y } from "./property-
|
|
2
|
-
import { o as m } from "./unsafe-html-
|
|
1
|
+
import { i as n, n as p, a as g, b as f, t as y } from "./property-B2Ico5CW.js";
|
|
2
|
+
import { o as m } from "./unsafe-html-DfuTUjUu.js";
|
|
3
3
|
var v = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (e, t, s, a) => {
|
|
4
4
|
for (var i = a > 1 ? void 0 : a ? d(t, s) : t, o = e.length - 1, h; o >= 0; o--)
|
|
5
5
|
(h = e[o]) && (i = (a ? h(t, s, i) : h(i)) || i);
|
package/fhi-flex.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as g, n, a as h, b as m, t as c } from "./property-
|
|
1
|
+
import { i as g, n, a as h, b as m, t as c } from "./property-B2Ico5CW.js";
|
|
2
2
|
var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (s, a, r, o) => {
|
|
3
3
|
for (var e = o > 1 ? void 0 : o ? f(a, r) : a, p = s.length - 1, l; p >= 0; p--)
|
|
4
4
|
(l = s[p]) && (e = (o ? l(a, r, e) : l(e)) || e);
|
package/fhi-grid.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as l, n as m, a as n, b as d, t as u } from "./property-
|
|
1
|
+
import { i as l, n as m, a as n, b as d, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var h = Object.defineProperty, c = Object.getOwnPropertyDescriptor, t = (s, a, p, r) => {
|
|
3
3
|
for (var i = r > 1 ? void 0 : r ? c(a, p) : a, g = s.length - 1, o; g >= 0; g--)
|
|
4
4
|
(o = s[g]) && (i = (r ? o(a, p, i) : o(i)) || i);
|
package/fhi-headline.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as g, n as s, a as p, b as f, t as m } from "./property-
|
|
2
|
-
import { o as d } from "./unsafe-html-
|
|
1
|
+
import { i as g, n as s, a as p, b as f, t as m } from "./property-B2Ico5CW.js";
|
|
2
|
+
import { o as d } from "./unsafe-html-DfuTUjUu.js";
|
|
3
3
|
var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (e, t, h, a) => {
|
|
4
4
|
for (var i = a > 1 ? void 0 : a ? y(t, h) : t, n = e.length - 1, o; n >= 0; n--)
|
|
5
5
|
(o = e[n]) && (i = (a ? o(t, h, i) : o(i)) || i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var w = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? f(r, s) : r, n = a.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = a[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? w(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
package/fhi-icon-arrow-down.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, t, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(t, s) : t, n = a.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = a[n]) && (e = (i ? o(t, s, e) : o(e)) || e);
|
package/fhi-icon-arrow-left.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = a.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = a[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (a, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? f(r, s) : r, n = a.length - 1, l; n >= 0; n--)
|
|
4
4
|
(l = a[n]) && (e = (i ? l(r, s, e) : l(e)) || e);
|
package/fhi-icon-arrow-right.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? w(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, t, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(t, s) : t, n = a.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = a[n]) && (e = (i ? o(t, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (h, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = h.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = h[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? z(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
package/fhi-icon-arrow-up.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (a, t, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? w(t, s) : t, n = a.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = a[n]) && (e = (i ? o(t, s, e) : o(e)) || e);
|
package/fhi-icon-bell.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, a = (o, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? z(r, s) : r, l = o.length - 1, n; l >= 0; l--)
|
|
4
4
|
(n = o[l]) && (e = (i ? n(r, s, e) : n(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as h, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (o, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, a = o.length - 1, n; a >= 0; a--)
|
|
4
4
|
(n = o[a]) && (e = (i ? n(r, s, e) : n(e)) || e);
|
package/fhi-icon-calendar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as l, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as l, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var z = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (o, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = o.length - 1, a; n >= 0; n--)
|
|
4
4
|
(a = o[n]) && (e = (i ? a(r, s, e) : a(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as l, n as o, a as m, b as v, t as u } from "./property-
|
|
1
|
+
import { i as l, n as o, a as m, b as v, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var z = Object.defineProperty, p = Object.getOwnPropertyDescriptor, h = (c, r, i, s) => {
|
|
3
3
|
for (var e = s > 1 ? void 0 : s ? p(r, i) : r, a = c.length - 1, n; a >= 0; a--)
|
|
4
4
|
(n = c[a]) && (e = (s ? n(r, i, e) : n(e)) || e);
|
package/fhi-icon-chart-bar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as l, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as l, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var z = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (o, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, a = o.length - 1, n; a >= 0; a--)
|
|
4
4
|
(n = o[a]) && (e = (i ? n(r, s, e) : n(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as l, n as o, a as m, b as u, t as z } from "./property-
|
|
1
|
+
import { i as l, n as o, a as m, b as u, t as z } from "./property-B2Ico5CW.js";
|
|
2
2
|
var p = Object.defineProperty, v = Object.getOwnPropertyDescriptor, h = (c, r, i, s) => {
|
|
3
3
|
for (var e = s > 1 ? void 0 : s ? v(r, i) : r, n = c.length - 1, a; n >= 0; n--)
|
|
4
4
|
(a = c[n]) && (e = (s ? a(r, i, e) : a(e)) || e);
|
package/fhi-icon-chart-column.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as m, n as l, a as c, b as u, t as p } from "./property-
|
|
1
|
+
import { i as m, n as l, a as c, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (h, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = h.length - 1, a; n >= 0; n--)
|
|
4
4
|
(a = h[n]) && (e = (i ? a(r, s, e) : a(e)) || e);
|
package/fhi-icon-chart-line.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as o, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as o, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? z(r, s) : r, n = l.length - 1, a; n >= 0; n--)
|
|
4
4
|
(a = l[n]) && (e = (i ? a(r, s, e) : a(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as m, n as l, a as c, b as v, t as u } from "./property-
|
|
1
|
+
import { i as m, n as l, a as c, b as v, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (h, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, a = h.length - 1, n; a >= 0; a--)
|
|
4
4
|
(n = h[a]) && (e = (i ? n(r, s, e) : n(e)) || e);
|
package/fhi-icon-chart-pie.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as l, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as l, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (o, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? z(r, s) : r, n = o.length - 1, a; n >= 0; n--)
|
|
4
4
|
(a = o[n]) && (e = (i ? a(r, s, e) : a(e)) || e);
|
package/fhi-icon-check.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as a, n as c, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as a, n as c, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? z(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
package/fhi-icon-chevron-down.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? v(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
package/fhi-icon-chevron-left.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? v(r, s) : r, n = l.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
package/fhi-icon-chevron-up.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as p, t as u } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as p, t as u } from "./property-B2Ico5CW.js";
|
|
2
2
|
var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (h, r, s, i) => {
|
|
3
3
|
for (var e = i > 1 ? void 0 : i ? v(r, s) : r, n = h.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = h[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var z = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (h, r, i, s) => {
|
|
3
3
|
for (var e = s > 1 ? void 0 : s ? g(r, i) : r, n = h.length - 1, o; n >= 0; n--)
|
|
4
4
|
(o = h[n]) && (e = (s ? o(r, i, e) : o(e)) || e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, n as a, a as m, b as u, t as p } from "./property-
|
|
1
|
+
import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
|
|
2
2
|
var f = Object.defineProperty, z = Object.getOwnPropertyDescriptor, o = (h, r, i, s) => {
|
|
3
3
|
for (var e = s > 1 ? void 0 : s ? z(r, i) : r, n = h.length - 1, l; n >= 0; n--)
|
|
4
4
|
(l = h[n]) && (e = (s ? l(r, i, e) : l(e)) || e);
|