@warp-ds/elements 2.1.0-next.1 → 2.1.0-next.2
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 +143 -125
- package/dist/index.js.map +3 -3
- package/dist/packages/affix/index.js +26 -22
- package/dist/packages/affix/index.js.map +3 -3
- package/dist/packages/alert/index.js +44 -36
- package/dist/packages/alert/index.js.map +3 -3
- package/dist/packages/attention/index.js +8 -6
- package/dist/packages/attention/index.js.map +3 -3
- package/dist/packages/expandable/index.js +26 -22
- package/dist/packages/expandable/index.js.map +3 -3
- package/dist/packages/modal/index.js +33 -29
- package/dist/packages/modal/index.js.map +3 -3
- package/dist/packages/pill/index.js +25 -23
- package/dist/packages/pill/index.js.map +3 -3
- package/dist/packages/select/index.js +8 -6
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/toast/index.js +51 -43
- 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, messages14) {
|
|
1316
1316
|
const maybeMessages = this._messages[locale];
|
|
1317
1317
|
if (!maybeMessages) {
|
|
1318
|
-
this._messages[locale] =
|
|
1318
|
+
this._messages[locale] = messages14;
|
|
1319
1319
|
} else {
|
|
1320
|
-
Object.assign(maybeMessages,
|
|
1320
|
+
Object.assign(maybeMessages, messages14);
|
|
1321
1321
|
}
|
|
1322
1322
|
}
|
|
1323
|
-
load(localeOrMessages,
|
|
1324
|
-
if (typeof localeOrMessages == "string" && typeof
|
|
1325
|
-
this._load(localeOrMessages,
|
|
1323
|
+
load(localeOrMessages, messages14) {
|
|
1324
|
+
if (typeof localeOrMessages == "string" && typeof messages14 === "object") {
|
|
1325
|
+
this._load(localeOrMessages, messages14);
|
|
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: messages14 }) {
|
|
1337
1337
|
this._locale = locale;
|
|
1338
1338
|
this._locales = locales || void 0;
|
|
1339
|
-
this._messages[this._locale] =
|
|
1339
|
+
this._messages[this._locale] = messages14;
|
|
1340
1340
|
this.emit("change");
|
|
1341
1341
|
}
|
|
1342
1342
|
activate(locale, locales) {
|
|
@@ -1714,13 +1714,14 @@ 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.
|
|
1717
|
+
// node_modules/.pnpm/@warp-ds+icons@2.4.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
1723
|
var messages4 = JSON.parse('{"icon.title.warning":"Advarselstrekant med et udr\xE5bstegn"}');
|
|
1724
|
+
var messages5 = JSON.parse('{"icon.title.warning":"Varningstriangel med utropstecken"}');
|
|
1724
1725
|
var supportedLocales = ["en", "nb", "fi", "da", "sv"];
|
|
1725
1726
|
var defaultLocale2 = "en";
|
|
1726
1727
|
var detectByBrand = () => {
|
|
@@ -1783,19 +1784,20 @@ function detectLocale() {
|
|
|
1783
1784
|
return defaultLocale2;
|
|
1784
1785
|
}
|
|
1785
1786
|
}
|
|
1786
|
-
var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1787
|
+
var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
1787
1788
|
if (locale === "nb") return nbMsg;
|
|
1788
1789
|
if (locale === "fi") return fiMsg;
|
|
1789
1790
|
if (locale === "da") return daMsg;
|
|
1791
|
+
if (locale === "sv") return svMsg;
|
|
1790
1792
|
return enMsg;
|
|
1791
1793
|
};
|
|
1792
|
-
var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1794
|
+
var activateI18n = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
1793
1795
|
const locale = detectLocale();
|
|
1794
|
-
const
|
|
1795
|
-
i18n.load(locale,
|
|
1796
|
+
const messages62 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
1797
|
+
i18n.load(locale, messages62);
|
|
1796
1798
|
i18n.activate(locale);
|
|
1797
1799
|
};
|
|
1798
|
-
activateI18n(messages2, messages, messages3, messages4);
|
|
1800
|
+
activateI18n(messages2, messages, messages3, messages4, messages5);
|
|
1799
1801
|
var IconWarning16 = class extends LitElement {
|
|
1800
1802
|
render() {
|
|
1801
1803
|
const title = i18n.t({ message: `Warning triangle with exclamation point`, id: "icon.title.warning", comment: "Title for warning icon" });
|
|
@@ -1806,13 +1808,14 @@ if (!customElements.get("w-icon-warning-16")) {
|
|
|
1806
1808
|
customElements.define("w-icon-warning-16", IconWarning16);
|
|
1807
1809
|
}
|
|
1808
1810
|
|
|
1809
|
-
// node_modules/.pnpm/@warp-ds+icons@2.
|
|
1811
|
+
// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
|
|
1810
1812
|
import { LitElement as LitElement2 } from "lit";
|
|
1811
1813
|
import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
|
|
1812
|
-
var
|
|
1814
|
+
var messages6 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
|
|
1813
1815
|
var messages22 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
|
|
1814
1816
|
var messages32 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
|
|
1815
1817
|
var messages42 = JSON.parse('{"icon.title.error":"Ottekant med et udr\xE5bstegn"}');
|
|
1818
|
+
var messages52 = JSON.parse('{"icon.title.error":"Oktagon med utropstecken"}');
|
|
1816
1819
|
var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
|
|
1817
1820
|
var defaultLocale3 = "en";
|
|
1818
1821
|
var detectByBrand2 = () => {
|
|
@@ -1875,19 +1878,20 @@ function detectLocale2() {
|
|
|
1875
1878
|
return defaultLocale3;
|
|
1876
1879
|
}
|
|
1877
1880
|
}
|
|
1878
|
-
var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1881
|
+
var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
1879
1882
|
if (locale === "nb") return nbMsg;
|
|
1880
1883
|
if (locale === "fi") return fiMsg;
|
|
1881
1884
|
if (locale === "da") return daMsg;
|
|
1885
|
+
if (locale === "sv") return svMsg;
|
|
1882
1886
|
return enMsg;
|
|
1883
1887
|
};
|
|
1884
|
-
var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1888
|
+
var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
1885
1889
|
const locale = detectLocale2();
|
|
1886
|
-
const
|
|
1887
|
-
i18n.load(locale,
|
|
1890
|
+
const messages62 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
1891
|
+
i18n.load(locale, messages62);
|
|
1888
1892
|
i18n.activate(locale);
|
|
1889
1893
|
};
|
|
1890
|
-
activateI18n2(messages22,
|
|
1894
|
+
activateI18n2(messages22, messages6, messages32, messages42, messages52);
|
|
1891
1895
|
var IconError16 = class extends LitElement2 {
|
|
1892
1896
|
render() {
|
|
1893
1897
|
const title = i18n.t({ message: `Octagon with exclamation point`, id: "icon.title.error", comment: "Title for error icon" });
|
|
@@ -1898,13 +1902,14 @@ if (!customElements.get("w-icon-error-16")) {
|
|
|
1898
1902
|
customElements.define("w-icon-error-16", IconError16);
|
|
1899
1903
|
}
|
|
1900
1904
|
|
|
1901
|
-
// node_modules/.pnpm/@warp-ds+icons@2.
|
|
1905
|
+
// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
|
|
1902
1906
|
import { LitElement as LitElement3 } from "lit";
|
|
1903
1907
|
import { unsafeStatic as unsafeStatic3, html as html3 } from "lit/static-html.js";
|
|
1904
|
-
var
|
|
1908
|
+
var messages7 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
|
|
1905
1909
|
var messages23 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
|
|
1906
1910
|
var messages33 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
|
|
1907
1911
|
var messages43 = JSON.parse('{"icon.title.success":"Cirkel med et flueben"}');
|
|
1912
|
+
var messages53 = JSON.parse('{"icon.title.success":"Cirkel med bock"}');
|
|
1908
1913
|
var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
|
|
1909
1914
|
var defaultLocale4 = "en";
|
|
1910
1915
|
var detectByBrand3 = () => {
|
|
@@ -1967,19 +1972,20 @@ function detectLocale3() {
|
|
|
1967
1972
|
return defaultLocale4;
|
|
1968
1973
|
}
|
|
1969
1974
|
}
|
|
1970
|
-
var getMessages3 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
1975
|
+
var getMessages3 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
1971
1976
|
if (locale === "nb") return nbMsg;
|
|
1972
1977
|
if (locale === "fi") return fiMsg;
|
|
1973
1978
|
if (locale === "da") return daMsg;
|
|
1979
|
+
if (locale === "sv") return svMsg;
|
|
1974
1980
|
return enMsg;
|
|
1975
1981
|
};
|
|
1976
|
-
var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
1982
|
+
var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
1977
1983
|
const locale = detectLocale3();
|
|
1978
|
-
const
|
|
1979
|
-
i18n.load(locale,
|
|
1984
|
+
const messages62 = getMessages3(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
1985
|
+
i18n.load(locale, messages62);
|
|
1980
1986
|
i18n.activate(locale);
|
|
1981
1987
|
};
|
|
1982
|
-
activateI18n3(messages23,
|
|
1988
|
+
activateI18n3(messages23, messages7, messages33, messages43, messages53);
|
|
1983
1989
|
var IconSuccess16 = class extends LitElement3 {
|
|
1984
1990
|
render() {
|
|
1985
1991
|
const title = i18n.t({ message: `Circle with checkmark`, id: "icon.title.success", comment: "Title for success icon" });
|
|
@@ -1990,13 +1996,14 @@ if (!customElements.get("w-icon-success-16")) {
|
|
|
1990
1996
|
customElements.define("w-icon-success-16", IconSuccess16);
|
|
1991
1997
|
}
|
|
1992
1998
|
|
|
1993
|
-
// node_modules/.pnpm/@warp-ds+icons@2.
|
|
1999
|
+
// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
|
|
1994
2000
|
import { LitElement as LitElement4 } from "lit";
|
|
1995
2001
|
import { unsafeStatic as unsafeStatic4, html as html4 } from "lit/static-html.js";
|
|
1996
|
-
var
|
|
2002
|
+
var messages8 = JSON.parse('{"icon.title.close":"Kryss"}');
|
|
1997
2003
|
var messages24 = JSON.parse('{"icon.title.close":"Cross"}');
|
|
1998
2004
|
var messages34 = JSON.parse('{"icon.title.close":"Rasti"}');
|
|
1999
2005
|
var messages44 = JSON.parse('{"icon.title.close":"Kryds"}');
|
|
2006
|
+
var messages54 = JSON.parse('{"icon.title.close":"Kryss"}');
|
|
2000
2007
|
var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
|
|
2001
2008
|
var defaultLocale5 = "en";
|
|
2002
2009
|
var detectByBrand4 = () => {
|
|
@@ -2059,19 +2066,20 @@ function detectLocale4() {
|
|
|
2059
2066
|
return defaultLocale5;
|
|
2060
2067
|
}
|
|
2061
2068
|
}
|
|
2062
|
-
var getMessages4 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
2069
|
+
var getMessages4 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
2063
2070
|
if (locale === "nb") return nbMsg;
|
|
2064
2071
|
if (locale === "fi") return fiMsg;
|
|
2065
2072
|
if (locale === "da") return daMsg;
|
|
2073
|
+
if (locale === "sv") return svMsg;
|
|
2066
2074
|
return enMsg;
|
|
2067
2075
|
};
|
|
2068
|
-
var activateI18n4 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
2076
|
+
var activateI18n4 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
2069
2077
|
const locale = detectLocale4();
|
|
2070
|
-
const
|
|
2071
|
-
i18n.load(locale,
|
|
2078
|
+
const messages62 = getMessages4(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
2079
|
+
i18n.load(locale, messages62);
|
|
2072
2080
|
i18n.activate(locale);
|
|
2073
2081
|
};
|
|
2074
|
-
activateI18n4(messages24,
|
|
2082
|
+
activateI18n4(messages24, messages8, messages34, messages44, messages54);
|
|
2075
2083
|
var IconClose16 = class extends LitElement4 {
|
|
2076
2084
|
render() {
|
|
2077
2085
|
const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
|
|
@@ -2112,25 +2120,25 @@ var getMessages5 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
|
2112
2120
|
};
|
|
2113
2121
|
var activateI18n5 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
2114
2122
|
const locale = detectLocale5();
|
|
2115
|
-
const
|
|
2116
|
-
i18n.load(locale,
|
|
2123
|
+
const messages14 = getMessages5(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
2124
|
+
i18n.load(locale, messages14);
|
|
2117
2125
|
i18n.activate(locale);
|
|
2118
2126
|
};
|
|
2119
2127
|
|
|
2120
2128
|
// packages/toast/locales/da/messages.mjs
|
|
2121
|
-
var
|
|
2129
|
+
var messages9 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
|
|
2122
2130
|
|
|
2123
2131
|
// packages/toast/locales/en/messages.mjs
|
|
2124
|
-
var
|
|
2132
|
+
var messages10 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
|
|
2125
2133
|
|
|
2126
2134
|
// packages/toast/locales/fi/messages.mjs
|
|
2127
|
-
var
|
|
2135
|
+
var messages11 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
|
|
2128
2136
|
|
|
2129
2137
|
// packages/toast/locales/nb/messages.mjs
|
|
2130
|
-
var
|
|
2138
|
+
var messages12 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
|
|
2131
2139
|
|
|
2132
2140
|
// packages/toast/locales/sv/messages.mjs
|
|
2133
|
-
var
|
|
2141
|
+
var messages13 = JSON.parse('{"toast.aria.error":"Fel","toast.aria.successful":"Genomf\xF6rt","toast.aria.warning":"Varning"}');
|
|
2134
2142
|
|
|
2135
2143
|
// packages/toast/toast.js
|
|
2136
2144
|
var toastType = {
|
|
@@ -2143,7 +2151,7 @@ var WarpToast = class extends WarpElement {
|
|
|
2143
2151
|
constructor() {
|
|
2144
2152
|
super();
|
|
2145
2153
|
__privateAdd(this, _WarpToast_instances);
|
|
2146
|
-
activateI18n5(
|
|
2154
|
+
activateI18n5(messages10, messages12, messages11, messages9, messages13);
|
|
2147
2155
|
this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
|
|
2148
2156
|
this.type = "success";
|
|
2149
2157
|
this.text = "";
|