@warp-ds/elements 2.10.0-next.17 → 2.10.0-next.18
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/custom-elements.json +106 -0
- package/dist/docs/breadcrumb-item/api.md +27 -0
- package/dist/docs/breadcrumb-item/breadcrumb-item.md +34 -0
- package/dist/docs/breadcrumbs/accessibility.md +8 -18
- package/dist/docs/breadcrumbs/breadcrumbs.md +57 -34
- package/dist/docs/breadcrumbs/examples.md +8 -8
- package/dist/docs/breadcrumbs/styling.md +33 -0
- package/dist/docs/breadcrumbs/usage.md +8 -8
- package/dist/docs/index.md +1 -0
- package/dist/index.d.ts +85 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +29 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js +2520 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
- package/dist/packages/breadcrumb-item/react.d.ts +2 -0
- package/dist/packages/breadcrumb-item/react.js +11 -0
- package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
- package/dist/packages/breadcrumb-item/styles.js +72 -0
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +2 -0
- package/dist/packages/breadcrumbs/breadcrumbs.js +11 -13
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +11 -10
- package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +4 -5
- package/dist/packages/breadcrumbs/breadcrumbs.stories.js +14 -11
- package/dist/packages/pagination/pagination.react.stories.d.ts +2 -2
- package/dist/packages/pagination/react.d.ts +1 -1
- package/dist/packages/toast/styles.js +1 -1
- package/dist/packages/toast/toast.js +7 -7
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/packages/toast-container/toast-container.js +8 -8
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/web-types.json +37 -1
- package/eik/index.js +12 -12
- package/package.json +8 -1
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Breadcrumbs } from "./react";
|
|
3
|
+
import { BreadcrumbItem } from "../breadcrumb-item/react";
|
|
3
4
|
export default {
|
|
4
5
|
title: "Navigation/Breadcrumbs",
|
|
5
6
|
render(args) {
|
|
6
7
|
return (React.createElement(Breadcrumbs, { ...args },
|
|
7
|
-
React.createElement(
|
|
8
|
-
React.createElement(
|
|
9
|
-
React.createElement(
|
|
10
|
-
React.createElement(
|
|
8
|
+
React.createElement(BreadcrumbItem, { href: "#/home" }, "Home"),
|
|
9
|
+
React.createElement(BreadcrumbItem, { href: "#/category" }, "Category"),
|
|
10
|
+
React.createElement(BreadcrumbItem, { href: "#/subcategory" }, "Subcategory"),
|
|
11
|
+
React.createElement(BreadcrumbItem, { "current-page": true }, "Current Page")));
|
|
11
12
|
},
|
|
12
13
|
component: Breadcrumbs,
|
|
13
14
|
};
|
|
@@ -22,9 +23,9 @@ export const WithLinks = {
|
|
|
22
23
|
},
|
|
23
24
|
render(args) {
|
|
24
25
|
return (React.createElement(Breadcrumbs, { ...args },
|
|
25
|
-
React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement(
|
|
26
|
+
React.createElement(BreadcrumbItem, { href: "#/eiendom" }, "Eiendom"),
|
|
27
|
+
React.createElement(BreadcrumbItem, { href: "#/bolig-til-salgs" }, "Bolig til salgs"),
|
|
28
|
+
React.createElement(BreadcrumbItem, { href: "#/oslo", "current-page": true }, "Oslo")));
|
|
28
29
|
},
|
|
29
30
|
};
|
|
30
31
|
export const WithSpanForCurrentPage = {
|
|
@@ -33,8 +34,8 @@ export const WithSpanForCurrentPage = {
|
|
|
33
34
|
},
|
|
34
35
|
render(args) {
|
|
35
36
|
return (React.createElement(Breadcrumbs, { ...args },
|
|
36
|
-
React.createElement(
|
|
37
|
-
React.createElement(
|
|
38
|
-
React.createElement(
|
|
37
|
+
React.createElement(BreadcrumbItem, { href: "#/eiendom" }, "Eiendom"),
|
|
38
|
+
React.createElement(BreadcrumbItem, { href: "#/bolig-til-salgs" }, "Bolig til salgs"),
|
|
39
|
+
React.createElement(BreadcrumbItem, { "current-page": true }, "Oslo")));
|
|
39
40
|
},
|
|
40
41
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from "@storybook/web-components-vite";
|
|
2
2
|
import type { WarpBreadcrumbs } from "./breadcrumbs.js";
|
|
3
3
|
import "./breadcrumbs.js";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
declare const meta: Meta<typeof args>;
|
|
4
|
+
import "../breadcrumb-item/breadcrumb-item.js";
|
|
5
|
+
declare const storybookHelpers: import("@wc-toolkit/storybook-helpers").StoryHelpers<WarpBreadcrumbs>;
|
|
6
|
+
declare const meta: Meta<typeof storybookHelpers.args>;
|
|
8
7
|
export default meta;
|
|
9
|
-
type Story = StoryObj<typeof args>;
|
|
8
|
+
type Story = StoryObj<typeof storybookHelpers.args>;
|
|
10
9
|
export declare const Default: Story;
|
|
11
10
|
export declare const WithLinks: Story;
|
|
12
11
|
export declare const WithSpanForCurrentPage: Story;
|
|
@@ -3,21 +3,22 @@ import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
|
|
|
3
3
|
import { html } from "lit";
|
|
4
4
|
import { prespread } from "../../.storybook/utilities.js";
|
|
5
5
|
import "./breadcrumbs.js";
|
|
6
|
-
|
|
6
|
+
import "../breadcrumb-item/breadcrumb-item.js";
|
|
7
|
+
const storybookHelpers = getStorybookHelpers("w-breadcrumbs");
|
|
8
|
+
const { events, argTypes } = storybookHelpers;
|
|
7
9
|
const meta = {
|
|
8
10
|
title: "Navigation/Breadcrumbs",
|
|
9
11
|
render(args) {
|
|
10
12
|
return html `
|
|
11
13
|
<w-breadcrumbs ${spread(prespread(args))}>
|
|
12
|
-
<
|
|
13
|
-
<
|
|
14
|
-
<
|
|
14
|
+
<w-breadcrumb-item href="#/home">Home</w-breadcrumb-item>
|
|
15
|
+
<w-breadcrumb-item href="#/category">Category</w-breadcrumb-item>
|
|
16
|
+
<w-breadcrumb-item current-page>Current page</w-breadcrumb-item>
|
|
15
17
|
</w-breadcrumbs>
|
|
16
18
|
`;
|
|
17
19
|
},
|
|
18
20
|
args: {
|
|
19
21
|
"aria-label": "You are here",
|
|
20
|
-
...args,
|
|
21
22
|
},
|
|
22
23
|
argTypes,
|
|
23
24
|
parameters: {
|
|
@@ -32,9 +33,11 @@ export const WithLinks = {
|
|
|
32
33
|
render(args) {
|
|
33
34
|
return html `
|
|
34
35
|
<w-breadcrumbs ${spread(prespread(args))}>
|
|
35
|
-
<
|
|
36
|
-
<
|
|
37
|
-
<
|
|
36
|
+
<w-breadcrumb-item href="#/home">Home</w-breadcrumb-item>
|
|
37
|
+
<w-breadcrumb-item href="#/category">Category</w-breadcrumb-item>
|
|
38
|
+
<w-breadcrumb-item href="#" current-page
|
|
39
|
+
>Current page</w-breadcrumb-item
|
|
40
|
+
>
|
|
38
41
|
</w-breadcrumbs>
|
|
39
42
|
`;
|
|
40
43
|
},
|
|
@@ -43,9 +46,9 @@ export const WithSpanForCurrentPage = {
|
|
|
43
46
|
render(args) {
|
|
44
47
|
return html `
|
|
45
48
|
<w-breadcrumbs ${spread(prespread(args))}>
|
|
46
|
-
<
|
|
47
|
-
<
|
|
48
|
-
<
|
|
49
|
+
<w-breadcrumb-item href="#/home">Home</w-breadcrumb-item>
|
|
50
|
+
<w-breadcrumb-item href="#/category">Category</w-breadcrumb-item>
|
|
51
|
+
<w-breadcrumb-item current-page>Current page</w-breadcrumb-item>
|
|
49
52
|
</w-breadcrumbs>
|
|
50
53
|
`;
|
|
51
54
|
},
|
|
@@ -6,7 +6,7 @@ declare const _default: {
|
|
|
6
6
|
render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
|
|
7
7
|
onPageClick?: ((e: Event) => void) | undefined;
|
|
8
8
|
"onpage-click"?: ((e: Event) => void) | undefined;
|
|
9
|
-
} & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "
|
|
9
|
+
} & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
|
|
10
10
|
baseUrl?: string;
|
|
11
11
|
currentPageNumber?: number;
|
|
12
12
|
visiblePages?: number;
|
|
@@ -14,7 +14,7 @@ declare const _default: {
|
|
|
14
14
|
component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
|
|
15
15
|
onPageClick?: ((e: Event) => void) | undefined;
|
|
16
16
|
"onpage-click"?: ((e: Event) => void) | undefined;
|
|
17
|
-
} & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "
|
|
17
|
+
} & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
|
|
18
18
|
baseUrl?: string;
|
|
19
19
|
currentPageNumber?: number;
|
|
20
20
|
visiblePages?: number;
|
|
@@ -3,7 +3,7 @@ import { WarpPagination } from "./pagination.js";
|
|
|
3
3
|
export declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
|
|
4
4
|
onPageClick?: ((e: Event) => void) | undefined;
|
|
5
5
|
"onpage-click"?: ((e: Event) => void) | undefined;
|
|
6
|
-
} & Partial<Omit<WarpPagination, keyof HTMLElement>> & React.RefAttributes<WarpPagination>, "ref">, "
|
|
6
|
+
} & Partial<Omit<WarpPagination, keyof HTMLElement>> & React.RefAttributes<WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
|
|
7
7
|
baseUrl?: string;
|
|
8
8
|
currentPageNumber?: number;
|
|
9
9
|
visiblePages?: number;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { unsafeCSS } from "lit";
|
|
2
|
-
export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.
|
|
2
|
+
export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var G=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ke(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&xe(e,r,a),a};var ye=(o,e,r)=>e.has(o)||G("Cannot "+r);var F=(o,e,r)=>(ye(o,e,"read from private field"),r?r.call(o):e.get(o)),H=(o,e,r)=>e.has(o)?G("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var g=o=>typeof o=="string",_e=o=>typeof o=="function",J=new Map,B="en";function
|
|
1
|
+
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var G=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ke(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&xe(e,r,a),a};var ye=(o,e,r)=>e.has(o)||G("Cannot "+r);var F=(o,e,r)=>(ye(o,e,"read from private field"),r?r.call(o):e.get(o)),H=(o,e,r)=>e.has(o)?G("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var g=o=>typeof o=="string",_e=o=>typeof o=="function",J=new Map,B="en";function j(o){return[...Array.isArray(o)?o:[o],B]}function N(o,e,r){let t=j(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return E(()=>L("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function ze(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return N(o,e,t)}function O(o,e,r){let t=j(o);return E(()=>L("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function U(o,e,r,{offset:t=0,...a}){let i=j(o),n=e?E(()=>L("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):E(()=>L("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[r]??a[n.select(r-t)]??a.other}function E(o,e){let r=o(),t=J.get(r);return t||(t=e(),J.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Q=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),W="%__lingui_octothorpe__%",Ee=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],i=(n,s)=>{let c=Object.keys(r).length?a("number"):void 0,m=O(t,n,c);return s.replace(new RegExp(W,"g"),m)};return{plural:(n,s)=>{let{offset:c=0}=s,m=U(t,!1,n,s);return i(n-c,m)},selectordinal:(n,s)=>{let{offset:c=0}=s,m=U(t,!0,n,s);return i(n-c,m)},select:Le,number:(n,s)=>O(t,n,a(s)||{style:s}),date:(n,s)=>N(t,n,a(s)||s),time:(n,s)=>ze(t,n,a(s)||s)}},Le=(o,e)=>e[o]??e.other;function Me(o,e,r){return(t={},a)=>{let i=Ee(e,r,a),n=(c,m=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&m)return k+W;if(g(y))return k+y;let[Z,h,q]=y,T={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(q).forEach(([P,fe])=>{T[P]=n(fe,h==="plural"||h==="selectordinal")}):T=q;let _;if(h){let P=i[h];_=P(t[Z],T)}else _=t[Z];return _==null?k:k+_},""):c,s=n(o);return g(s)&&K.test(s)?Q(s):g(s)?s:s?String(s):""}}var Ce=Object.defineProperty,Se=(o,e,r)=>e in o?Ce(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Te=(o,e,r)=>(Se(o,typeof e!="symbol"?e+"":e,r),r),$=class{constructor(){Te(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Pe=Object.defineProperty,Fe=(o,e,r)=>e in o?Pe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,v=(o,e,r)=>(Fe(o,typeof e!="symbol"?e+"":e,r),r),D=class extends ${constructor(e){super(),v(this,"_locale",""),v(this,"_locales"),v(this,"_localeData",{}),v(this,"_messages",{}),v(this,"_missing"),v(this,"_messageCompiler"),v(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??B,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t?.message;e||(e=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return _e(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let c=i||a||e;return g(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
|
-
> ${
|
|
3
|
+
> ${c}
|
|
4
4
|
|
|
5
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),g(
|
|
9
|
+
`)),g(c)&&K.test(c)?Q(c):g(c)?c:Me(c,this._locale,this._locales)(r,t?.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return O(this._locales||this._locale,e,r)}};function Oe(o={}){return new D(o)}var l=Oe();import{css as er,html as w,LitElement as rr}from"lit";import{property as S,state as or}from"lit/decorators.js";import{when as tr}from"lit/directives/when.js";import{html as De,LitElement as je}from"lit";import{property as Y,state as Ne}from"lit/decorators.js";import{classMap as Ye}from"lit/directives/class-map.js";import{css as $e}from"lit";var ee=$e`
|
|
10
10
|
:host {
|
|
11
11
|
display: inline-block;
|
|
12
12
|
}
|
|
@@ -30,13 +30,13 @@ Please compile your catalog first.
|
|
|
30
30
|
.w-icon--l {
|
|
31
31
|
--w-icon-size: 32px;
|
|
32
32
|
}
|
|
33
|
-
`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function
|
|
34
|
-
class="${
|
|
33
|
+
`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ie(o,e={}){let r=e.responseParser??(t=>t.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var u=class extends je{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Ie(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ae,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},i=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return De`<div
|
|
34
|
+
class="${Ye(a)}"
|
|
35
35
|
style="${i}"
|
|
36
36
|
part="w-${t.toLowerCase()}"
|
|
37
37
|
>
|
|
38
38
|
${this.svg}
|
|
39
|
-
</div>`}};u.styles=[ee],d([
|
|
39
|
+
</div>`}};u.styles=[ee],d([Y({type:String,reflect:!0})],u.prototype,"name",2),d([Y({type:String,reflect:!0})],u.prototype,"size",2),d([Y({type:String,reflect:!0,useDefault:!0})],u.prototype,"locale",2),d([Ne()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Re=["en","nb","fi","da","sv"],I="en",M=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||I;function x(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(o)}try{let o=oe(document);if(o)return M(o);let e=qe();if(e)return M(e);let r=oe(ie());return r?M(r):I}catch(o){return console.warn("could not detect locale, falling back to source locale",o),I}}var te=(o,e,r,t,a)=>{l.load("en",o),l.load("nb",e),l.load("fi",r),l.load("da",t),l.load("sv",a);let i=x();l.activate(i),ae(),Xe()},Ve="warp-i18n-change";function ae(){typeof window>"u"||window.dispatchEvent(new Event(Ve))}var re=!1;function Xe(){if(re||typeof window>"u"||!document?.documentElement)return;re=!0;let o=()=>{let a=x();l.locale!==a&&(l.activate(a),ae())},e=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ie();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ze();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ie(){try{return window.parent?.document??null}catch{return null}}function oe(o){try{return o?.documentElement?.lang??""}catch{return""}}function Ze(){try{return window.frameElement??null}catch{return null}}function qe(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ge}from"lit";import{unsafeCSS as He}from"lit";var ne=Ge`
|
|
40
40
|
*,
|
|
41
41
|
:before,
|
|
42
42
|
:after {
|
|
@@ -2475,7 +2475,7 @@ Please compile your catalog first.
|
|
|
2475
2475
|
display: none
|
|
2476
2476
|
}
|
|
2477
2477
|
}
|
|
2478
|
-
`);var
|
|
2478
|
+
`);var R=typeof window<"u",V=!0;if(R){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>V=!r;o.addEventListener&&o.addEventListener("change",e),e(o)}var se=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},ce=o=>{let e="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";o.style.transition=`height ${e}`,o.style.backfaceVisibility="hidden",o.style.overflow="hidden"},Je=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},Ue=o=>()=>{o&&o()},le=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="auto",e&&e(),r;let t=Je(o,e);se(o),o.style.height="auto";let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",ce(o),requestAnimationFrame(()=>o.style.height=a+"px")}),r)return r},de=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="0px",e&&e(),r;let t=Ue(e);se(o);let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height=a+"px",o.style.transitionTimingFunction="ease-in",ce(o),requestAnimationFrame(()=>o.style.height="0px")}),r)return r};var pe=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var be=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var ge=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var ue=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var me=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{unsafeCSS as Be}from"lit";var he=Be("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");var C=typeof window<"u";function X(){return customElements.get("w-toast-container")}function Ke(o,e){if(!C)return;let r=X().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:o,duration:5e3,type:"success",...e};return r.set(t),t}function Qe(o){return C?X().init().del(o):void 0}function We(o,e){if(!C)return;let r=X().init();return r.set({...r.get(o),...e}),r.get(o)}var p={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},f,ve,we,b=class extends rr{constructor(){super();H(this,f);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;te(be,ue,ge,pe,me),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&le(this._wrapper,()=>this._expanded=!0)}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _warning(){return this.type==="warning"}get _error(){return(this.type||"success")==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?l._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?l._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):l._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let r=x();return this._warning?w`<w-icon
|
|
2479
2479
|
name="Warning"
|
|
2480
2480
|
size="small"
|
|
2481
2481
|
locale="${r}"
|