@warp-ds/elements 2.0.2 → 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 +356 -151
- package/dist/index.js.map +4 -4
- 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 +208 -46
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/attention/locales/sv/messages.d.mts +1 -0
- package/dist/packages/breadcrumbs/index.js +19 -15
- package/dist/packages/breadcrumbs/index.js.map +4 -4
- package/dist/packages/breadcrumbs/locales/sv/messages.d.mts +1 -0
- package/dist/packages/button/index.js +18 -14
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/locales/sv/messages.d.mts +1 -0
- package/dist/packages/card/index.js +18 -14
- package/dist/packages/card/index.js.map +4 -4
- package/dist/packages/card/locales/sv/messages.d.mts +1 -0
- package/dist/packages/expandable/index.js +26 -22
- package/dist/packages/expandable/index.js.map +3 -3
- package/dist/packages/i18n.d.ts +4 -4
- package/dist/packages/modal/index.js +39 -31
- package/dist/packages/modal/index.js.map +4 -4
- package/dist/packages/modal/locales/sv/messages.d.mts +1 -0
- package/dist/packages/pill/index.js +31 -25
- package/dist/packages/pill/index.js.map +4 -4
- package/dist/packages/pill/locales/sv/messages.d.mts +1 -0
- package/dist/packages/select/index.d.ts +3 -0
- package/dist/packages/select/index.js +34 -22
- package/dist/packages/select/index.js.map +4 -4
- package/dist/packages/select/locales/sv/messages.d.mts +1 -0
- package/dist/packages/toast/index.js +57 -45
- package/dist/packages/toast/index.js.map +4 -4
- package/dist/packages/toast/locales/sv/messages.d.mts +1 -0
- package/package.json +6 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -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" });
|
|
@@ -2083,7 +2091,7 @@ if (!customElements.get("w-icon-close-16")) {
|
|
|
2083
2091
|
}
|
|
2084
2092
|
|
|
2085
2093
|
// packages/i18n.ts
|
|
2086
|
-
var supportedLocales5 = ["en", "nb", "fi", "da"];
|
|
2094
|
+
var supportedLocales5 = ["en", "nb", "fi", "da", "sv"];
|
|
2087
2095
|
var defaultLocale6 = "en";
|
|
2088
2096
|
var getSupportedLocale5 = (usedLocale) => {
|
|
2089
2097
|
return supportedLocales5.find(
|
|
@@ -2103,30 +2111,34 @@ function detectLocale5() {
|
|
|
2103
2111
|
return defaultLocale6;
|
|
2104
2112
|
}
|
|
2105
2113
|
}
|
|
2106
|
-
var getMessages5 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
|
|
2114
|
+
var getMessages5 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
|
|
2107
2115
|
if (locale === "nb") return nbMsg;
|
|
2108
2116
|
if (locale === "fi") return fiMsg;
|
|
2109
2117
|
if (locale === "da") return daMsg;
|
|
2118
|
+
if (locale === "sv") return svMsg;
|
|
2110
2119
|
return enMsg;
|
|
2111
2120
|
};
|
|
2112
|
-
var activateI18n5 = (enMessages, nbMessages, fiMessages, daMessages) => {
|
|
2121
|
+
var activateI18n5 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
|
|
2113
2122
|
const locale = detectLocale5();
|
|
2114
|
-
const
|
|
2115
|
-
i18n.load(locale,
|
|
2123
|
+
const messages14 = getMessages5(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
|
|
2124
|
+
i18n.load(locale, messages14);
|
|
2116
2125
|
i18n.activate(locale);
|
|
2117
2126
|
};
|
|
2118
2127
|
|
|
2119
2128
|
// packages/toast/locales/da/messages.mjs
|
|
2120
|
-
var
|
|
2129
|
+
var messages9 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
|
|
2121
2130
|
|
|
2122
2131
|
// packages/toast/locales/en/messages.mjs
|
|
2123
|
-
var
|
|
2132
|
+
var messages10 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
|
|
2124
2133
|
|
|
2125
2134
|
// packages/toast/locales/fi/messages.mjs
|
|
2126
|
-
var
|
|
2135
|
+
var messages11 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
|
|
2127
2136
|
|
|
2128
2137
|
// packages/toast/locales/nb/messages.mjs
|
|
2129
|
-
var
|
|
2138
|
+
var messages12 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
|
|
2139
|
+
|
|
2140
|
+
// packages/toast/locales/sv/messages.mjs
|
|
2141
|
+
var messages13 = JSON.parse('{"toast.aria.error":"Fel","toast.aria.successful":"Genomf\xF6rt","toast.aria.warning":"Varning"}');
|
|
2130
2142
|
|
|
2131
2143
|
// packages/toast/toast.js
|
|
2132
2144
|
var toastType = {
|
|
@@ -2139,7 +2151,7 @@ var WarpToast = class extends WarpElement {
|
|
|
2139
2151
|
constructor() {
|
|
2140
2152
|
super();
|
|
2141
2153
|
__privateAdd(this, _WarpToast_instances);
|
|
2142
|
-
activateI18n5(
|
|
2154
|
+
activateI18n5(messages10, messages12, messages11, messages9, messages13);
|
|
2143
2155
|
this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
|
|
2144
2156
|
this.type = "success";
|
|
2145
2157
|
this.text = "";
|