@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
|
@@ -1266,7 +1266,7 @@ var attention = {
|
|
|
1266
1266
|
// packages/alert/index.js
|
|
1267
1267
|
import WarpElement from "@warp-ds/elements-core";
|
|
1268
1268
|
|
|
1269
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1269
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
|
|
1270
1270
|
import { LitElement } from "lit";
|
|
1271
1271
|
import { unsafeStatic, html } from "lit/static-html.js";
|
|
1272
1272
|
|
|
@@ -1554,17 +1554,17 @@ var I18n = class extends EventEmitter {
|
|
|
1554
1554
|
}
|
|
1555
1555
|
this.emit("change");
|
|
1556
1556
|
}
|
|
1557
|
-
_load(locale,
|
|
1557
|
+
_load(locale, messages8) {
|
|
1558
1558
|
const maybeMessages = this._messages[locale];
|
|
1559
1559
|
if (!maybeMessages) {
|
|
1560
|
-
this._messages[locale] =
|
|
1560
|
+
this._messages[locale] = messages8;
|
|
1561
1561
|
} else {
|
|
1562
|
-
Object.assign(maybeMessages,
|
|
1562
|
+
Object.assign(maybeMessages, messages8);
|
|
1563
1563
|
}
|
|
1564
1564
|
}
|
|
1565
|
-
load(localeOrMessages,
|
|
1566
|
-
if (typeof localeOrMessages == "string" && typeof
|
|
1567
|
-
this._load(localeOrMessages,
|
|
1565
|
+
load(localeOrMessages, messages8) {
|
|
1566
|
+
if (typeof localeOrMessages == "string" && typeof messages8 === "object") {
|
|
1567
|
+
this._load(localeOrMessages, messages8);
|
|
1568
1568
|
} else {
|
|
1569
1569
|
Object.entries(localeOrMessages).forEach(
|
|
1570
1570
|
([locale, messages25]) => this._load(locale, messages25)
|
|
@@ -1575,10 +1575,10 @@ var I18n = class extends EventEmitter {
|
|
|
1575
1575
|
/**
|
|
1576
1576
|
* @param options {@link LoadAndActivateOptions}
|
|
1577
1577
|
*/
|
|
1578
|
-
loadAndActivate({ locale, locales, messages:
|
|
1578
|
+
loadAndActivate({ locale, locales, messages: messages8 }) {
|
|
1579
1579
|
this._locale = locale;
|
|
1580
1580
|
this._locales = locales || void 0;
|
|
1581
|
-
this._messages[this._locale] =
|
|
1581
|
+
this._messages[this._locale] = messages8;
|
|
1582
1582
|
this.emit("change");
|
|
1583
1583
|
}
|
|
1584
1584
|
activate(locale, locales) {
|
|
@@ -1636,15 +1636,17 @@ function setupI18n(params = {}) {
|
|
|
1636
1636
|
}
|
|
1637
1637
|
var i18n = setupI18n();
|
|
1638
1638
|
|
|
1639
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1639
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
|
|
1640
1640
|
var messages = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
|
|
1641
1641
|
var messages2 = JSON.parse('{"icon.title.info":"Information circle"}');
|
|
1642
1642
|
var messages3 = JSON.parse('{"icon.title.info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
|
|
1643
|
+
var messages4 = JSON.parse('{"icon.title.info":"Informationscirkel"}');
|
|
1643
1644
|
var supportedLocales = ["en", "nb", "fi", "da", "sv"];
|
|
1644
1645
|
var defaultLocale2 = "en";
|
|
1645
1646
|
var detectByBrand = () => {
|
|
1647
|
+
var _a;
|
|
1646
1648
|
let value;
|
|
1647
|
-
switch (process.env.NMP_BRAND) {
|
|
1649
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1648
1650
|
case "FINN":
|
|
1649
1651
|
value = "nb";
|
|
1650
1652
|
break;
|
|
@@ -1665,7 +1667,7 @@ var detectByBrand = () => {
|
|
|
1665
1667
|
var detectByHost = () => {
|
|
1666
1668
|
var _a;
|
|
1667
1669
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1668
|
-
if (hostname.includes("finn")) {
|
|
1670
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1669
1671
|
return "nb";
|
|
1670
1672
|
} else if (hostname.includes("tori")) {
|
|
1671
1673
|
return "fi";
|
|
@@ -1701,20 +1703,19 @@ function detectLocale() {
|
|
|
1701
1703
|
return defaultLocale2;
|
|
1702
1704
|
}
|
|
1703
1705
|
}
|
|
1704
|
-
var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1705
|
-
if (locale === "nb")
|
|
1706
|
-
|
|
1707
|
-
if (locale === "
|
|
1708
|
-
return fiMsg;
|
|
1706
|
+
var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1707
|
+
if (locale === "nb") return nbMsg;
|
|
1708
|
+
if (locale === "fi") return fiMsg;
|
|
1709
|
+
if (locale === "da") return daMsg;
|
|
1709
1710
|
return enMsg;
|
|
1710
1711
|
};
|
|
1711
|
-
var activateI18n = (enMessages, nbMessages, fiMessages) => {
|
|
1712
|
+
var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1712
1713
|
const locale = detectLocale();
|
|
1713
|
-
const
|
|
1714
|
-
i18n.load(locale,
|
|
1714
|
+
const messages52 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1715
|
+
i18n.load(locale, messages52);
|
|
1715
1716
|
i18n.activate(locale);
|
|
1716
1717
|
};
|
|
1717
|
-
activateI18n(messages2, messages, messages3);
|
|
1718
|
+
activateI18n(messages2, messages, messages3, messages4);
|
|
1718
1719
|
var IconInfo16 = class extends LitElement {
|
|
1719
1720
|
render() {
|
|
1720
1721
|
const title = i18n.t({ message: `Information circle`, id: "icon.title.info", comment: "Title for info icon" });
|
|
@@ -1725,17 +1726,19 @@ if (!customElements.get("w-icon-info-16")) {
|
|
|
1725
1726
|
customElements.define("w-icon-info-16", IconInfo16);
|
|
1726
1727
|
}
|
|
1727
1728
|
|
|
1728
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1729
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
|
|
1729
1730
|
import { LitElement as LitElement2 } from "lit";
|
|
1730
1731
|
import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
|
|
1731
|
-
var
|
|
1732
|
+
var messages5 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
|
|
1732
1733
|
var messages22 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
|
|
1733
1734
|
var messages32 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
|
|
1735
|
+
var messages42 = JSON.parse('{"icon.title.warning":"Advarselstrekant med et udr\xE5bstegn"}');
|
|
1734
1736
|
var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
|
|
1735
1737
|
var defaultLocale3 = "en";
|
|
1736
1738
|
var detectByBrand2 = () => {
|
|
1739
|
+
var _a;
|
|
1737
1740
|
let value;
|
|
1738
|
-
switch (process.env.NMP_BRAND) {
|
|
1741
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1739
1742
|
case "FINN":
|
|
1740
1743
|
value = "nb";
|
|
1741
1744
|
break;
|
|
@@ -1756,7 +1759,7 @@ var detectByBrand2 = () => {
|
|
|
1756
1759
|
var detectByHost2 = () => {
|
|
1757
1760
|
var _a;
|
|
1758
1761
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1759
|
-
if (hostname.includes("finn")) {
|
|
1762
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1760
1763
|
return "nb";
|
|
1761
1764
|
} else if (hostname.includes("tori")) {
|
|
1762
1765
|
return "fi";
|
|
@@ -1792,20 +1795,19 @@ function detectLocale2() {
|
|
|
1792
1795
|
return defaultLocale3;
|
|
1793
1796
|
}
|
|
1794
1797
|
}
|
|
1795
|
-
var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1796
|
-
if (locale === "nb")
|
|
1797
|
-
|
|
1798
|
-
if (locale === "
|
|
1799
|
-
return fiMsg;
|
|
1798
|
+
var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1799
|
+
if (locale === "nb") return nbMsg;
|
|
1800
|
+
if (locale === "fi") return fiMsg;
|
|
1801
|
+
if (locale === "da") return daMsg;
|
|
1800
1802
|
return enMsg;
|
|
1801
1803
|
};
|
|
1802
|
-
var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
|
|
1804
|
+
var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1803
1805
|
const locale = detectLocale2();
|
|
1804
|
-
const
|
|
1805
|
-
i18n.load(locale,
|
|
1806
|
+
const messages52 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1807
|
+
i18n.load(locale, messages52);
|
|
1806
1808
|
i18n.activate(locale);
|
|
1807
1809
|
};
|
|
1808
|
-
activateI18n2(messages22,
|
|
1810
|
+
activateI18n2(messages22, messages5, messages32, messages42);
|
|
1809
1811
|
var IconWarning16 = class extends LitElement2 {
|
|
1810
1812
|
render() {
|
|
1811
1813
|
const title = i18n.t({ message: `Warning triangle with exclamation point`, id: "icon.title.warning", comment: "Title for warning icon" });
|
|
@@ -1816,17 +1818,19 @@ if (!customElements.get("w-icon-warning-16")) {
|
|
|
1816
1818
|
customElements.define("w-icon-warning-16", IconWarning16);
|
|
1817
1819
|
}
|
|
1818
1820
|
|
|
1819
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1821
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
|
|
1820
1822
|
import { LitElement as LitElement3 } from "lit";
|
|
1821
1823
|
import { unsafeStatic as unsafeStatic3, html as html3 } from "lit/static-html.js";
|
|
1822
|
-
var
|
|
1824
|
+
var messages6 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
|
|
1823
1825
|
var messages23 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
|
|
1824
1826
|
var messages33 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
|
|
1827
|
+
var messages43 = JSON.parse('{"icon.title.error":"Ottekant med et udr\xE5bstegn"}');
|
|
1825
1828
|
var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
|
|
1826
1829
|
var defaultLocale4 = "en";
|
|
1827
1830
|
var detectByBrand3 = () => {
|
|
1831
|
+
var _a;
|
|
1828
1832
|
let value;
|
|
1829
|
-
switch (process.env.NMP_BRAND) {
|
|
1833
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1830
1834
|
case "FINN":
|
|
1831
1835
|
value = "nb";
|
|
1832
1836
|
break;
|
|
@@ -1847,7 +1851,7 @@ var detectByBrand3 = () => {
|
|
|
1847
1851
|
var detectByHost3 = () => {
|
|
1848
1852
|
var _a;
|
|
1849
1853
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1850
|
-
if (hostname.includes("finn")) {
|
|
1854
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1851
1855
|
return "nb";
|
|
1852
1856
|
} else if (hostname.includes("tori")) {
|
|
1853
1857
|
return "fi";
|
|
@@ -1883,20 +1887,19 @@ function detectLocale3() {
|
|
|
1883
1887
|
return defaultLocale4;
|
|
1884
1888
|
}
|
|
1885
1889
|
}
|
|
1886
|
-
var getMessages3 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1887
|
-
if (locale === "nb")
|
|
1888
|
-
|
|
1889
|
-
if (locale === "
|
|
1890
|
-
return fiMsg;
|
|
1890
|
+
var getMessages3 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1891
|
+
if (locale === "nb") return nbMsg;
|
|
1892
|
+
if (locale === "fi") return fiMsg;
|
|
1893
|
+
if (locale === "da") return daMsg;
|
|
1891
1894
|
return enMsg;
|
|
1892
1895
|
};
|
|
1893
|
-
var activateI18n3 = (enMessages, nbMessages, fiMessages) => {
|
|
1896
|
+
var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1894
1897
|
const locale = detectLocale3();
|
|
1895
|
-
const
|
|
1896
|
-
i18n.load(locale,
|
|
1898
|
+
const messages52 = getMessages3(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1899
|
+
i18n.load(locale, messages52);
|
|
1897
1900
|
i18n.activate(locale);
|
|
1898
1901
|
};
|
|
1899
|
-
activateI18n3(messages23,
|
|
1902
|
+
activateI18n3(messages23, messages6, messages33, messages43);
|
|
1900
1903
|
var IconError16 = class extends LitElement3 {
|
|
1901
1904
|
render() {
|
|
1902
1905
|
const title = i18n.t({ message: `Octagon with exclamation point`, id: "icon.title.error", comment: "Title for error icon" });
|
|
@@ -1907,17 +1910,19 @@ if (!customElements.get("w-icon-error-16")) {
|
|
|
1907
1910
|
customElements.define("w-icon-error-16", IconError16);
|
|
1908
1911
|
}
|
|
1909
1912
|
|
|
1910
|
-
// node_modules/.pnpm/@warp-ds+icons@2.0
|
|
1913
|
+
// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
|
|
1911
1914
|
import { LitElement as LitElement4 } from "lit";
|
|
1912
1915
|
import { unsafeStatic as unsafeStatic4, html as html4 } from "lit/static-html.js";
|
|
1913
|
-
var
|
|
1916
|
+
var messages7 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
|
|
1914
1917
|
var messages24 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
|
|
1915
1918
|
var messages34 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
|
|
1919
|
+
var messages44 = JSON.parse('{"icon.title.success":"Cirkel med et flueben"}');
|
|
1916
1920
|
var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
|
|
1917
1921
|
var defaultLocale5 = "en";
|
|
1918
1922
|
var detectByBrand4 = () => {
|
|
1923
|
+
var _a;
|
|
1919
1924
|
let value;
|
|
1920
|
-
switch (process.env.NMP_BRAND) {
|
|
1925
|
+
switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
|
|
1921
1926
|
case "FINN":
|
|
1922
1927
|
value = "nb";
|
|
1923
1928
|
break;
|
|
@@ -1938,7 +1943,7 @@ var detectByBrand4 = () => {
|
|
|
1938
1943
|
var detectByHost4 = () => {
|
|
1939
1944
|
var _a;
|
|
1940
1945
|
const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
|
|
1941
|
-
if (hostname.includes("finn")) {
|
|
1946
|
+
if (hostname == null ? void 0 : hostname.includes("finn")) {
|
|
1942
1947
|
return "nb";
|
|
1943
1948
|
} else if (hostname.includes("tori")) {
|
|
1944
1949
|
return "fi";
|
|
@@ -1974,20 +1979,19 @@ function detectLocale4() {
|
|
|
1974
1979
|
return defaultLocale5;
|
|
1975
1980
|
}
|
|
1976
1981
|
}
|
|
1977
|
-
var getMessages4 = (locale, enMsg, nbMsg, fiMsg) => {
|
|
1978
|
-
if (locale === "nb")
|
|
1979
|
-
|
|
1980
|
-
if (locale === "
|
|
1981
|
-
return fiMsg;
|
|
1982
|
+
var getMessages4 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1983
|
+
if (locale === "nb") return nbMsg;
|
|
1984
|
+
if (locale === "fi") return fiMsg;
|
|
1985
|
+
if (locale === "da") return daMsg;
|
|
1982
1986
|
return enMsg;
|
|
1983
1987
|
};
|
|
1984
|
-
var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
|
|
1988
|
+
var activateI18n4 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1985
1989
|
const locale = detectLocale4();
|
|
1986
|
-
const
|
|
1987
|
-
i18n.load(locale,
|
|
1990
|
+
const messages52 = getMessages4(locale, enMessages, nbMessages, fiMessages, daMessages);
|
|
1991
|
+
i18n.load(locale, messages52);
|
|
1988
1992
|
i18n.activate(locale);
|
|
1989
1993
|
};
|
|
1990
|
-
activateI18n4(messages24,
|
|
1994
|
+
activateI18n4(messages24, messages7, messages34, messages44);
|
|
1991
1995
|
var IconSuccess16 = class extends LitElement4 {
|
|
1992
1996
|
render() {
|
|
1993
1997
|
const title = i18n.t({ message: `Circle with checkmark`, id: "icon.title.success", comment: "Title for success icon" });
|