@felleslosninger/minid-elements 0.1.2 → 0.1.3
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/dist/components/language-selector.component.d.ts +25 -0
- package/dist/components/language-selector.component.d.ts.map +1 -0
- package/dist/components/language-selector.js +173 -0
- package/dist/components/language-selector.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +5 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'mid-language-selector': MinidLanguageSelector;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
declare const MinidLanguageSelector_base: typeof LitElement;
|
|
8
|
+
export declare class MinidLanguageSelector extends MinidLanguageSelector_base {
|
|
9
|
+
private readonly _panelId;
|
|
10
|
+
private _open;
|
|
11
|
+
locale: string;
|
|
12
|
+
languages: Record<string, string>;
|
|
13
|
+
private _handleDocumentMouseDown;
|
|
14
|
+
private _handleDocumentKeyDown;
|
|
15
|
+
private _triggerEl?;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
private _addListeners;
|
|
18
|
+
private _removeListeners;
|
|
19
|
+
private _toggle;
|
|
20
|
+
private _close;
|
|
21
|
+
private _select;
|
|
22
|
+
render(): import('lit').TemplateResult<1>;
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=language-selector.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"language-selector.component.d.ts","sourceRoot":"","sources":["../../src/components/language-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAGrD,OAAO,0BAA0B,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,qBAAqB,CAAC;KAChD;CACF;;AAgCD,qBACa,qBAAsB,SAAQ,0BAA0B;IACnE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgC;IAEhD,OAAO,CAAC,KAAK,CAAS;IAG/B,MAAM,EAAE,MAAM,CAAQ;IAGtB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK/B;IAEF,OAAO,CAAC,wBAAwB,CAI9B;IAEF,OAAO,CAAC,sBAAsB,CAM5B;IAGF,OAAO,CAAC,UAAU,CAAC,CAAoB;IAEvC,oBAAoB;IAKpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,OAAO;IAYN,MAAM;CA6ChB"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { css, LitElement, nothing, html } from "lit";
|
|
2
|
+
import { state, property, query, customElement } from "lit/decorators.js";
|
|
3
|
+
import { styled } from "../mixins/tailwind.mixin.js";
|
|
4
|
+
import "./icon/icon.js";
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
8
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
9
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
10
|
+
if (decorator = decorators[i])
|
|
11
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
12
|
+
if (kind && result) __defProp(target, key, result);
|
|
13
|
+
return result;
|
|
14
|
+
};
|
|
15
|
+
let nextUniqueId = 0;
|
|
16
|
+
const styles = [
|
|
17
|
+
css`
|
|
18
|
+
:host {
|
|
19
|
+
display: inline-flex;
|
|
20
|
+
position: relative;
|
|
21
|
+
}
|
|
22
|
+
button > mid-icon {
|
|
23
|
+
font-size: 2rem;
|
|
24
|
+
}
|
|
25
|
+
.panel {
|
|
26
|
+
position: absolute;
|
|
27
|
+
inset: auto;
|
|
28
|
+
inset-inline-end: 0;
|
|
29
|
+
top: 100%;
|
|
30
|
+
margin-block-start: 4px;
|
|
31
|
+
z-index: 10;
|
|
32
|
+
min-width: 10rem;
|
|
33
|
+
}
|
|
34
|
+
.panel li button {
|
|
35
|
+
text-align: start;
|
|
36
|
+
}
|
|
37
|
+
.panel li button:hover,
|
|
38
|
+
.panel li button:focus {
|
|
39
|
+
background-color: var(--ds-color-neutral-surface-hover);
|
|
40
|
+
}
|
|
41
|
+
`
|
|
42
|
+
];
|
|
43
|
+
let MinidLanguageSelector = class extends styled(LitElement, styles) {
|
|
44
|
+
constructor() {
|
|
45
|
+
super(...arguments);
|
|
46
|
+
this._panelId = `mid-lang-${nextUniqueId++}`;
|
|
47
|
+
this._open = false;
|
|
48
|
+
this.locale = "nb";
|
|
49
|
+
this.languages = {
|
|
50
|
+
nb: "Bokmål",
|
|
51
|
+
nn: "Nynorsk",
|
|
52
|
+
en: "English",
|
|
53
|
+
se: "Sámegiella"
|
|
54
|
+
};
|
|
55
|
+
this._handleDocumentMouseDown = (e) => {
|
|
56
|
+
if (!e.composedPath().includes(this)) {
|
|
57
|
+
this._close();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
this._handleDocumentKeyDown = (e) => {
|
|
61
|
+
if (e.key === "Escape") {
|
|
62
|
+
e.stopPropagation();
|
|
63
|
+
this._close();
|
|
64
|
+
this._triggerEl?.focus();
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
disconnectedCallback() {
|
|
69
|
+
super.disconnectedCallback();
|
|
70
|
+
this._removeListeners();
|
|
71
|
+
}
|
|
72
|
+
_addListeners() {
|
|
73
|
+
document.addEventListener("mousedown", this._handleDocumentMouseDown, true);
|
|
74
|
+
document.addEventListener("keydown", this._handleDocumentKeyDown, true);
|
|
75
|
+
}
|
|
76
|
+
_removeListeners() {
|
|
77
|
+
document.removeEventListener(
|
|
78
|
+
"mousedown",
|
|
79
|
+
this._handleDocumentMouseDown,
|
|
80
|
+
true
|
|
81
|
+
);
|
|
82
|
+
document.removeEventListener(
|
|
83
|
+
"keydown",
|
|
84
|
+
this._handleDocumentKeyDown,
|
|
85
|
+
true
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
_toggle() {
|
|
89
|
+
if (this._open) {
|
|
90
|
+
this._close();
|
|
91
|
+
} else {
|
|
92
|
+
this._open = true;
|
|
93
|
+
this._addListeners();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
_close() {
|
|
97
|
+
this._open = false;
|
|
98
|
+
this._removeListeners();
|
|
99
|
+
}
|
|
100
|
+
_select(locale) {
|
|
101
|
+
this.dispatchEvent(
|
|
102
|
+
new CustomEvent("mid-language-change", {
|
|
103
|
+
detail: { locale },
|
|
104
|
+
bubbles: true,
|
|
105
|
+
composed: true
|
|
106
|
+
})
|
|
107
|
+
);
|
|
108
|
+
this._close();
|
|
109
|
+
this._triggerEl?.focus();
|
|
110
|
+
}
|
|
111
|
+
render() {
|
|
112
|
+
return html`
|
|
113
|
+
<button
|
|
114
|
+
class="focus-visible:focus-ring flex h-fit min-h-12 cursor-pointer items-center gap-2 rounded border border-transparent bg-transparent px-4 py-2 font-medium text-accent-subtle hover:bg-accent-surface-hover hover:text-accent active:bg-accent-surface-active"
|
|
115
|
+
aria-expanded=${this._open}
|
|
116
|
+
aria-controls=${this._panelId}
|
|
117
|
+
@click=${this._toggle}
|
|
118
|
+
>
|
|
119
|
+
<mid-icon name="language"></mid-icon>
|
|
120
|
+
<span class="max-md:sr-only">Language</span>
|
|
121
|
+
<mid-icon
|
|
122
|
+
name="chevron-down"
|
|
123
|
+
class="max-md:hidden"
|
|
124
|
+
aria-hidden="true"
|
|
125
|
+
></mid-icon>
|
|
126
|
+
</button>
|
|
127
|
+
|
|
128
|
+
${this._open ? html`
|
|
129
|
+
<div
|
|
130
|
+
id=${this._panelId}
|
|
131
|
+
class="ds-dropdown panel"
|
|
132
|
+
role="group"
|
|
133
|
+
aria-label="Select language"
|
|
134
|
+
>
|
|
135
|
+
<ul>
|
|
136
|
+
${Object.entries(this.languages).map(
|
|
137
|
+
([key, name]) => html`
|
|
138
|
+
<li>
|
|
139
|
+
<button
|
|
140
|
+
lang=${key}
|
|
141
|
+
aria-current=${key === this.locale ? "true" : nothing}
|
|
142
|
+
@click=${() => this._select(key)}
|
|
143
|
+
>
|
|
144
|
+
${name}
|
|
145
|
+
</button>
|
|
146
|
+
</li>
|
|
147
|
+
`
|
|
148
|
+
)}
|
|
149
|
+
</ul>
|
|
150
|
+
</div>
|
|
151
|
+
` : nothing}
|
|
152
|
+
`;
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
__decorateClass([
|
|
156
|
+
state()
|
|
157
|
+
], MinidLanguageSelector.prototype, "_open", 2);
|
|
158
|
+
__decorateClass([
|
|
159
|
+
property()
|
|
160
|
+
], MinidLanguageSelector.prototype, "locale", 2);
|
|
161
|
+
__decorateClass([
|
|
162
|
+
property({ type: Object })
|
|
163
|
+
], MinidLanguageSelector.prototype, "languages", 2);
|
|
164
|
+
__decorateClass([
|
|
165
|
+
query("button")
|
|
166
|
+
], MinidLanguageSelector.prototype, "_triggerEl", 2);
|
|
167
|
+
MinidLanguageSelector = __decorateClass([
|
|
168
|
+
customElement("mid-language-selector")
|
|
169
|
+
], MinidLanguageSelector);
|
|
170
|
+
export {
|
|
171
|
+
MinidLanguageSelector
|
|
172
|
+
};
|
|
173
|
+
//# sourceMappingURL=language-selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"language-selector.js","sources":["../../src/components/language-selector.component.ts"],"sourcesContent":["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styled } from '../mixins/tailwind.mixin.ts';\nimport './icon/icon.component.ts';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-language-selector': MinidLanguageSelector;\n }\n}\n\nlet nextUniqueId = 0;\n\nconst styles = [\n css`\n :host {\n display: inline-flex;\n position: relative;\n }\n button > mid-icon {\n font-size: 2rem;\n }\n .panel {\n position: absolute;\n inset: auto;\n inset-inline-end: 0;\n top: 100%;\n margin-block-start: 4px;\n z-index: 10;\n min-width: 10rem;\n }\n .panel li button {\n text-align: start;\n }\n .panel li button:hover,\n .panel li button:focus {\n background-color: var(--ds-color-neutral-surface-hover);\n }\n `,\n];\n\n@customElement('mid-language-selector')\nexport class MinidLanguageSelector extends styled(LitElement, styles) {\n private readonly _panelId = `mid-lang-${nextUniqueId++}`;\n\n @state() private _open = false;\n\n @property()\n locale: string = 'nb';\n\n @property({ type: Object })\n languages: Record<string, string> = {\n nb: 'Bokmål',\n nn: 'Nynorsk',\n en: 'English',\n se: 'Sámegiella',\n };\n\n private _handleDocumentMouseDown = (e: MouseEvent) => {\n if (!e.composedPath().includes(this)) {\n this._close();\n }\n };\n\n private _handleDocumentKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n this._close();\n this._triggerEl?.focus();\n }\n };\n\n @query('button')\n private _triggerEl?: HTMLButtonElement;\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this._removeListeners();\n }\n\n private _addListeners() {\n document.addEventListener('mousedown', this._handleDocumentMouseDown, true);\n document.addEventListener('keydown', this._handleDocumentKeyDown, true);\n }\n\n private _removeListeners() {\n document.removeEventListener(\n 'mousedown',\n this._handleDocumentMouseDown,\n true,\n );\n document.removeEventListener(\n 'keydown',\n this._handleDocumentKeyDown,\n true,\n );\n }\n\n private _toggle() {\n if (this._open) {\n this._close();\n } else {\n this._open = true;\n this._addListeners();\n }\n }\n\n private _close() {\n this._open = false;\n this._removeListeners();\n }\n\n private _select(locale: string) {\n this.dispatchEvent(\n new CustomEvent('mid-language-change', {\n detail: { locale },\n bubbles: true,\n composed: true,\n }),\n );\n this._close();\n this._triggerEl?.focus();\n }\n\n override render() {\n return html`\n <button\n class=\"focus-visible:focus-ring flex h-fit min-h-12 cursor-pointer items-center gap-2 rounded border border-transparent bg-transparent px-4 py-2 font-medium text-accent-subtle hover:bg-accent-surface-hover hover:text-accent active:bg-accent-surface-active\"\n aria-expanded=${this._open}\n aria-controls=${this._panelId}\n @click=${this._toggle}\n >\n <mid-icon name=\"language\"></mid-icon>\n <span class=\"max-md:sr-only\">Language</span>\n <mid-icon\n name=\"chevron-down\"\n class=\"max-md:hidden\"\n aria-hidden=\"true\"\n ></mid-icon>\n </button>\n\n ${this._open\n ? html`\n <div\n id=${this._panelId}\n class=\"ds-dropdown panel\"\n role=\"group\"\n aria-label=\"Select language\"\n >\n <ul>\n ${Object.entries(this.languages).map(\n ([key, name]) => html`\n <li>\n <button\n lang=${key}\n aria-current=${key === this.locale ? 'true' : nothing}\n @click=${() => this._select(key)}\n >\n ${name}\n </button>\n </li>\n `,\n )}\n </ul>\n </div>\n `\n : nothing}\n `;\n }\n}\n"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export { MinidHeading } from './components/heading.component.ts';
|
|
|
11
11
|
export { MinidHelptext } from './components/helptext.component.ts';
|
|
12
12
|
export { MinidIcon } from './components/icon/icon.component.ts';
|
|
13
13
|
export { MinidLabel } from './components/label.component.ts';
|
|
14
|
+
export { MinidLanguageSelector } from './components/language-selector.component.ts';
|
|
14
15
|
export { MinidLink } from './components/link.component.ts';
|
|
15
16
|
export { MinidMenu } from './components/menu.component.ts';
|
|
16
17
|
export { MinidMenuItem } from './components/menu-item.component.ts';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -12,6 +12,7 @@ import { MinidHeading } from "./components/heading.js";
|
|
|
12
12
|
import { MinidHelptext } from "./components/helptext.js";
|
|
13
13
|
import { MinidIcon } from "./components/icon/icon.js";
|
|
14
14
|
import { MinidLabel } from "./components/label.js";
|
|
15
|
+
import { MinidLanguageSelector } from "./components/language-selector.js";
|
|
15
16
|
import { MinidLink } from "./components/link.js";
|
|
16
17
|
import { MinidMenu } from "./components/menu.js";
|
|
17
18
|
import { MinidMenuItem } from "./components/menu-item.js";
|
|
@@ -43,6 +44,7 @@ export {
|
|
|
43
44
|
MinidHelptext,
|
|
44
45
|
MinidIcon,
|
|
45
46
|
MinidLabel,
|
|
47
|
+
MinidLanguageSelector,
|
|
46
48
|
MinidLink,
|
|
47
49
|
MinidMenu,
|
|
48
50
|
MinidMenuItem,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@felleslosninger/minid-elements",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "MinID Web Components",
|
|
5
5
|
"author": "Digitaliseringsdirektoratet",
|
|
6
6
|
"license": "MIT",
|
|
@@ -88,6 +88,10 @@
|
|
|
88
88
|
"import": "./dist/components/label.js",
|
|
89
89
|
"types": "./dist/components/label.component.d.ts"
|
|
90
90
|
},
|
|
91
|
+
"./language-selector": {
|
|
92
|
+
"import": "./dist/components/language-selector.js",
|
|
93
|
+
"types": "./dist/components/language-selector.component.d.ts"
|
|
94
|
+
},
|
|
91
95
|
"./link": {
|
|
92
96
|
"import": "./dist/components/link.js",
|
|
93
97
|
"types": "./dist/components/link.component.d.ts"
|