@warp-ds/elements 2.0.1-next.2 → 2.0.2-next.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/dist/index.js +357 -188
- package/dist/index.js.map +4 -4
- package/dist/packages/affix/index.js +36 -34
- package/dist/packages/affix/index.js.map +3 -3
- package/dist/packages/alert/index.js +64 -60
- package/dist/packages/alert/index.js.map +3 -3
- package/dist/packages/attention/index.js +189 -28
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/breadcrumbs/index.js +1 -1
- package/dist/packages/breadcrumbs/index.js.map +1 -1
- package/dist/packages/expandable/index.js +36 -34
- package/dist/packages/expandable/index.js.map +3 -3
- package/dist/packages/modal/index.js +42 -40
- package/dist/packages/modal/index.js.map +3 -3
- package/dist/packages/pill/index.js +29 -28
- package/dist/packages/pill/index.js.map +3 -3
- package/dist/packages/select/index.js +13 -12
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/toast/index.js +70 -66
- package/dist/packages/toast/index.js.map +3 -3
- package/package.json +3 -3
|
@@ -1312,17 +1312,17 @@ var I18n = class extends EventEmitter {
|
|
|
1312
1312
|
}
|
|
1313
1313
|
this.emit("change");
|
|
1314
1314
|
}
|
|
1315
|
-
_load(locale,
|
|
1315
|
+
_load(locale, messages12) {
|
|
1316
1316
|
const maybeMessages = this._messages[locale];
|
|
1317
1317
|
if (!maybeMessages) {
|
|
1318
|
-
this._messages[locale] =
|
|
1318
|
+
this._messages[locale] = messages12;
|
|
1319
1319
|
} else {
|
|
1320
|
-
Object.assign(maybeMessages,
|
|
1320
|
+
Object.assign(maybeMessages, messages12);
|
|
1321
1321
|
}
|
|
1322
1322
|
}
|
|
1323
|
-
load(localeOrMessages,
|
|
1324
|
-
if (typeof localeOrMessages == "string" && typeof
|
|
1325
|
-
this._load(localeOrMessages,
|
|
1323
|
+
load(localeOrMessages, messages12) {
|
|
1324
|
+
if (typeof localeOrMessages == "string" && typeof messages12 === "object") {
|
|
1325
|
+
this._load(localeOrMessages, messages12);
|
|
1326
1326
|
} else {
|
|
1327
1327
|
Object.entries(localeOrMessages).forEach(
|
|
1328
1328
|
([locale, messages25]) => this._load(locale, messages25)
|
|
@@ -1333,10 +1333,10 @@ var I18n = class extends EventEmitter {
|
|
|
1333
1333
|
/**
|
|
1334
1334
|
* @param options {@link LoadAndActivateOptions}
|
|
1335
1335
|
*/
|
|
1336
|
-
loadAndActivate({ locale, locales, messages:
|
|
1336
|
+
loadAndActivate({ locale, locales, messages: messages12 }) {
|
|
1337
1337
|
this._locale = locale;
|
|
1338
1338
|
this._locales = locales || void 0;
|
|
1339
|
-
this._messages[this._locale] =
|
|
1339
|
+
this._messages[this._locale] = messages12;
|
|
1340
1340
|
this.emit("change");
|
|
1341
1341
|
}
|
|
1342
1342
|
activate(locale, locales) {
|
|
@@ -1714,17 +1714,19 @@ var collapse = (el, done) => {
|
|
|
1714
1714
|
// packages/toast/toast.js
|
|
1715
1715
|
import { when } from "lit/directives/when.js";
|
|
1716
1716
|
|
|
1717
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1717
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
|
|
1718
1718
|
import { LitElement } from "lit";
|
|
1719
1719
|
import { unsafeStatic, html } from "lit/static-html.js";
|
|
1720
1720
|
var messages = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
|
|
1721
1721
|
var messages2 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
|
|
1722
1722
|
var messages3 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
|
|
1723
|
+
var messages4 = JSON.parse('{"icon.title.warning":"Advarselstrekant med et udr\xE5bstegn"}');
|
|
1723
1724
|
var supportedLocales = ["en", "nb", "fi", "da", "sv"];
|
|
1724
1725
|
var defaultLocale2 = "en";
|
|
1725
1726
|
var detectByBrand = () => {
|
|
1727
|
+
var _a;
|
|
1726
1728
|
let value;
|
|
1727
|
-
switch (process.env.NMP_BRAND) {
|
|
1729
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1728
1730
|
case "FINN":
|
|
1729
1731
|
value = "nb";
|
|
1730
1732
|
break;
|
|
@@ -1745,7 +1747,7 @@ var detectByBrand = () => {
|
|
|
1745
1747
|
var detectByHost = () => {
|
|
1746
1748
|
var _a;
|
|
1747
1749
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1748
|
-
if (hostname.includes("finn")) {
|
|
1750
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1749
1751
|
return "nb";
|
|
1750
1752
|
} else if (hostname.includes("tori")) {
|
|
1751
1753
|
return "fi";
|
|
@@ -1781,20 +1783,19 @@ function detectLocale() {
|
|
|
1781
1783
|
return defaultLocale2;
|
|
1782
1784
|
}
|
|
1783
1785
|
}
|
|
1784
|
-
var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1785
|
-
if (locale === "nb")
|
|
1786
|
-
|
|
1787
|
-
if (locale === "
|
|
1788
|
-
return fiMsg;
|
|
1786
|
+
var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1787
|
+
if (locale === "nb") return nbMsg;
|
|
1788
|
+
if (locale === "fi") return fiMsg;
|
|
1789
|
+
if (locale === "da") return daMsg;
|
|
1789
1790
|
return enMsg;
|
|
1790
1791
|
};
|
|
1791
|
-
var activateI18n = (enMessages, nbMessages, fiMessages) => {
|
|
1792
|
+
var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1792
1793
|
const locale = detectLocale();
|
|
1793
|
-
const
|
|
1794
|
-
i18n.load(locale,
|
|
1794
|
+
const messages52 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1795
|
+
i18n.load(locale, messages52);
|
|
1795
1796
|
i18n.activate(locale);
|
|
1796
1797
|
};
|
|
1797
|
-
activateI18n(messages2, messages, messages3);
|
|
1798
|
+
activateI18n(messages2, messages, messages3, messages4);
|
|
1798
1799
|
var IconWarning16 = class extends LitElement {
|
|
1799
1800
|
render() {
|
|
1800
1801
|
const title = i18n.t({ message: `Warning triangle with exclamation point`, id: "icon.title.warning", comment: "Title for warning icon" });
|
|
@@ -1805,17 +1806,19 @@ if (!customElements.get("w-icon-warning-16")) {
|
|
|
1805
1806
|
customElements.define("w-icon-warning-16", IconWarning16);
|
|
1806
1807
|
}
|
|
1807
1808
|
|
|
1808
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1809
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
|
|
1809
1810
|
import { LitElement as LitElement2 } from "lit";
|
|
1810
1811
|
import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
|
|
1811
|
-
var
|
|
1812
|
+
var messages5 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
|
|
1812
1813
|
var messages22 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
|
|
1813
1814
|
var messages32 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
|
|
1815
|
+
var messages42 = JSON.parse('{"icon.title.error":"Ottekant med et udr\xE5bstegn"}');
|
|
1814
1816
|
var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
|
|
1815
1817
|
var defaultLocale3 = "en";
|
|
1816
1818
|
var detectByBrand2 = () => {
|
|
1819
|
+
var _a;
|
|
1817
1820
|
let value;
|
|
1818
|
-
switch (process.env.NMP_BRAND) {
|
|
1821
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1819
1822
|
case "FINN":
|
|
1820
1823
|
value = "nb";
|
|
1821
1824
|
break;
|
|
@@ -1836,7 +1839,7 @@ var detectByBrand2 = () => {
|
|
|
1836
1839
|
var detectByHost2 = () => {
|
|
1837
1840
|
var _a;
|
|
1838
1841
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1839
|
-
if (hostname.includes("finn")) {
|
|
1842
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1840
1843
|
return "nb";
|
|
1841
1844
|
} else if (hostname.includes("tori")) {
|
|
1842
1845
|
return "fi";
|
|
@@ -1872,20 +1875,19 @@ function detectLocale2() {
|
|
|
1872
1875
|
return defaultLocale3;
|
|
1873
1876
|
}
|
|
1874
1877
|
}
|
|
1875
|
-
var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1876
|
-
if (locale === "nb")
|
|
1877
|
-
|
|
1878
|
-
if (locale === "
|
|
1879
|
-
return fiMsg;
|
|
1878
|
+
var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1879
|
+
if (locale === "nb") return nbMsg;
|
|
1880
|
+
if (locale === "fi") return fiMsg;
|
|
1881
|
+
if (locale === "da") return daMsg;
|
|
1880
1882
|
return enMsg;
|
|
1881
1883
|
};
|
|
1882
|
-
var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
|
|
1884
|
+
var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1883
1885
|
const locale = detectLocale2();
|
|
1884
|
-
const
|
|
1885
|
-
i18n.load(locale,
|
|
1886
|
+
const messages52 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1887
|
+
i18n.load(locale, messages52);
|
|
1886
1888
|
i18n.activate(locale);
|
|
1887
1889
|
};
|
|
1888
|
-
activateI18n2(messages22,
|
|
1890
|
+
activateI18n2(messages22, messages5, messages32, messages42);
|
|
1889
1891
|
var IconError16 = class extends LitElement2 {
|
|
1890
1892
|
render() {
|
|
1891
1893
|
const title = i18n.t({ message: `Octagon with exclamation point`, id: "icon.title.error", comment: "Title for error icon" });
|
|
@@ -1896,17 +1898,19 @@ if (!customElements.get("w-icon-error-16")) {
|
|
|
1896
1898
|
customElements.define("w-icon-error-16", IconError16);
|
|
1897
1899
|
}
|
|
1898
1900
|
|
|
1899
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1901
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
|
|
1900
1902
|
import { LitElement as LitElement3 } from "lit";
|
|
1901
1903
|
import { unsafeStatic as unsafeStatic3, html as html3 } from "lit/static-html.js";
|
|
1902
|
-
var
|
|
1904
|
+
var messages6 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
|
|
1903
1905
|
var messages23 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
|
|
1904
1906
|
var messages33 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
|
|
1907
|
+
var messages43 = JSON.parse('{"icon.title.success":"Cirkel med et flueben"}');
|
|
1905
1908
|
var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
|
|
1906
1909
|
var defaultLocale4 = "en";
|
|
1907
1910
|
var detectByBrand3 = () => {
|
|
1911
|
+
var _a;
|
|
1908
1912
|
let value;
|
|
1909
|
-
switch (process.env.NMP_BRAND) {
|
|
1913
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1910
1914
|
case "FINN":
|
|
1911
1915
|
value = "nb";
|
|
1912
1916
|
break;
|
|
@@ -1927,7 +1931,7 @@ var detectByBrand3 = () => {
|
|
|
1927
1931
|
var detectByHost3 = () => {
|
|
1928
1932
|
var _a;
|
|
1929
1933
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1930
|
-
if (hostname.includes("finn")) {
|
|
1934
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1931
1935
|
return "nb";
|
|
1932
1936
|
} else if (hostname.includes("tori")) {
|
|
1933
1937
|
return "fi";
|
|
@@ -1963,20 +1967,19 @@ function detectLocale3() {
|
|
|
1963
1967
|
return defaultLocale4;
|
|
1964
1968
|
}
|
|
1965
1969
|
}
|
|
1966
|
-
var getMessages3 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1967
|
-
if (locale === "nb")
|
|
1968
|
-
|
|
1969
|
-
if (locale === "
|
|
1970
|
-
return fiMsg;
|
|
1970
|
+
var getMessages3 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1971
|
+
if (locale === "nb") return nbMsg;
|
|
1972
|
+
if (locale === "fi") return fiMsg;
|
|
1973
|
+
if (locale === "da") return daMsg;
|
|
1971
1974
|
return enMsg;
|
|
1972
1975
|
};
|
|
1973
|
-
var activateI18n3 = (enMessages, nbMessages, fiMessages) => {
|
|
1976
|
+
var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1974
1977
|
const locale = detectLocale3();
|
|
1975
|
-
const
|
|
1976
|
-
i18n.load(locale,
|
|
1978
|
+
const messages52 = getMessages3(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1979
|
+
i18n.load(locale, messages52);
|
|
1977
1980
|
i18n.activate(locale);
|
|
1978
1981
|
};
|
|
1979
|
-
activateI18n3(messages23,
|
|
1982
|
+
activateI18n3(messages23, messages6, messages33, messages43);
|
|
1980
1983
|
var IconSuccess16 = class extends LitElement3 {
|
|
1981
1984
|
render() {
|
|
1982
1985
|
const title = i18n.t({ message: `Circle with checkmark`, id: "icon.title.success", comment: "Title for success icon" });
|
|
@@ -1987,17 +1990,19 @@ if (!customElements.get("w-icon-success-16")) {
|
|
|
1987
1990
|
customElements.define("w-icon-success-16", IconSuccess16);
|
|
1988
1991
|
}
|
|
1989
1992
|
|
|
1990
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1993
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
|
|
1991
1994
|
import { LitElement as LitElement4 } from "lit";
|
|
1992
1995
|
import { unsafeStatic as unsafeStatic4, html as html4 } from "lit/static-html.js";
|
|
1993
|
-
var
|
|
1996
|
+
var messages7 = JSON.parse('{"icon.title.close":"Kryss"}');
|
|
1994
1997
|
var messages24 = JSON.parse('{"icon.title.close":"Cross"}');
|
|
1995
1998
|
var messages34 = JSON.parse('{"icon.title.close":"Rasti"}');
|
|
1999
|
+
var messages44 = JSON.parse('{"icon.title.close":"Kryds"}');
|
|
1996
2000
|
var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
|
|
1997
2001
|
var defaultLocale5 = "en";
|
|
1998
2002
|
var detectByBrand4 = () => {
|
|
2003
|
+
var _a;
|
|
1999
2004
|
let value;
|
|
2000
|
-
switch (process.env.NMP_BRAND) {
|
|
2005
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
2001
2006
|
case "FINN":
|
|
2002
2007
|
value = "nb";
|
|
2003
2008
|
break;
|
|
@@ -2018,7 +2023,7 @@ var detectByBrand4 = () => {
|
|
|
2018
2023
|
var detectByHost4 = () => {
|
|
2019
2024
|
var _a;
|
|
2020
2025
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
2021
|
-
if (hostname.includes("finn")) {
|
|
2026
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
2022
2027
|
return "nb";
|
|
2023
2028
|
} else if (hostname.includes("tori")) {
|
|
2024
2029
|
return "fi";
|
|
@@ -2054,20 +2059,19 @@ function detectLocale4() {
|
|
|
2054
2059
|
return defaultLocale5;
|
|
2055
2060
|
}
|
|
2056
2061
|
}
|
|
2057
|
-
var getMessages4 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
2058
|
-
if (locale === "nb")
|
|
2059
|
-
|
|
2060
|
-
if (locale === "
|
|
2061
|
-
return fiMsg;
|
|
2062
|
+
var getMessages4 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
2063
|
+
if (locale === "nb") return nbMsg;
|
|
2064
|
+
if (locale === "fi") return fiMsg;
|
|
2065
|
+
if (locale === "da") return daMsg;
|
|
2062
2066
|
return enMsg;
|
|
2063
2067
|
};
|
|
2064
|
-
var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
|
|
2068
|
+
var activateI18n4 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
2065
2069
|
const locale = detectLocale4();
|
|
2066
|
-
const
|
|
2067
|
-
i18n.load(locale,
|
|
2070
|
+
const messages52 = getMessages4(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
2071
|
+
i18n.load(locale, messages52);
|
|
2068
2072
|
i18n.activate(locale);
|
|
2069
2073
|
};
|
|
2070
|
-
activateI18n4(messages24,
|
|
2074
|
+
activateI18n4(messages24, messages7, messages34, messages44);
|
|
2071
2075
|
var IconClose16 = class extends LitElement4 {
|
|
2072
2076
|
render() {
|
|
2073
2077
|
const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
|
|
@@ -2107,22 +2111,22 @@ var getMessages5 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
|
2107
2111
|
};
|
|
2108
2112
|
var activateI18n5 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
2109
2113
|
const locale = detectLocale5();
|
|
2110
|
-
const
|
|
2111
|
-
i18n.load(locale,
|
|
2114
|
+
const messages12 = getMessages5(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
2115
|
+
i18n.load(locale, messages12);
|
|
2112
2116
|
i18n.activate(locale);
|
|
2113
2117
|
};
|
|
2114
2118
|
|
|
2115
2119
|
// packages/toast/locales/da/messages.mjs
|
|
2116
|
-
var
|
|
2120
|
+
var messages8 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
|
|
2117
2121
|
|
|
2118
2122
|
// packages/toast/locales/en/messages.mjs
|
|
2119
|
-
var
|
|
2123
|
+
var messages9 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
|
|
2120
2124
|
|
|
2121
2125
|
// packages/toast/locales/fi/messages.mjs
|
|
2122
|
-
var
|
|
2126
|
+
var messages10 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
|
|
2123
2127
|
|
|
2124
2128
|
// packages/toast/locales/nb/messages.mjs
|
|
2125
|
-
var
|
|
2129
|
+
var messages11 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
|
|
2126
2130
|
|
|
2127
2131
|
// packages/toast/toast.js
|
|
2128
2132
|
var toastType = {
|
|
@@ -2135,7 +2139,7 @@ var WarpToast = class extends WarpElement {
|
|
|
2135
2139
|
constructor() {
|
|
2136
2140
|
super();
|
|
2137
2141
|
__privateAdd(this, _WarpToast_instances);
|
|
2138
|
-
activateI18n5(
|
|
2142
|
+
activateI18n5(messages9, messages11, messages10, messages8);
|
|
2139
2143
|
this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
|
|
2140
2144
|
this.type = "success";
|
|
2141
2145
|
this.text = "";
|