@warp-ds/elements 2.2.0-next.5 → 2.2.0-next.7
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 +677 -134
- package/dist/index.d.ts +2 -0
- package/dist/index.js +159 -107
- package/dist/index.js.map +4 -4
- package/dist/packages/button/index.d.ts +3 -0
- package/dist/packages/button/index.js.map +2 -2
- package/dist/packages/button/react.js.map +2 -2
- package/dist/packages/datepicker/datepicker.d.ts +98 -0
- package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
- package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
- package/dist/packages/datepicker/index.d.ts +1 -0
- package/dist/packages/datepicker/index.js +2781 -0
- package/dist/packages/datepicker/index.js.map +7 -0
- package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
- package/dist/packages/datepicker/utils.d.ts +13 -0
- package/dist/packages/pageindicator/index.d.ts +14 -0
- package/dist/packages/pageindicator/index.js +32 -0
- package/dist/packages/pageindicator/index.js.map +7 -0
- package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
- package/dist/packages/pageindicator/react.d.ts +2 -0
- package/dist/packages/pageindicator/react.js +52 -0
- package/dist/packages/pageindicator/react.js.map +7 -0
- package/dist/packages/pageindicator/style.d.ts +1 -0
- package/dist/packages/pagination/index.d.ts +3 -0
- package/dist/packages/pagination/index.js +21 -13
- package/dist/packages/pagination/index.js.map +3 -3
- package/dist/packages/pagination/react.js +21 -13
- package/dist/packages/pagination/react.js.map +3 -3
- package/dist/packages/switch/index.d.ts +20 -0
- package/dist/packages/switch/index.js +2455 -0
- package/dist/packages/switch/index.js.map +7 -0
- package/dist/packages/switch/react.d.ts +2 -0
- package/dist/packages/switch/react.js +2475 -0
- package/dist/packages/switch/react.js.map +7 -0
- package/dist/packages/switch/styles.d.ts +1 -0
- package/dist/packages/switch/switch.stories.d.ts +9 -0
- package/dist/vscode.html-custom-data.json +75 -19
- package/dist/web-types.json +180 -38
- package/package.json +6 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const messages: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const wDatepickerCalendarStyles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const wDatepickerDayStyles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const wDatepickerMonthStyles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const wDatepickerStyles: import("lit").CSSResult;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Parses an ISO-8601 string into a JS Date.
|
|
3
|
+
*
|
|
4
|
+
* Supports:
|
|
5
|
+
* - YYYY-MM-DD
|
|
6
|
+
* - YYYY-MM-DDThh:mm:ss(.sss)?(Z|±hh:mm)?
|
|
7
|
+
*
|
|
8
|
+
* @param {string} isoString
|
|
9
|
+
* @returns {Date}
|
|
10
|
+
* @throws {TypeError} if input isn’t a string
|
|
11
|
+
* @throws {Error} if string is not a valid ISO-8601 date
|
|
12
|
+
*/
|
|
13
|
+
export declare function fromISOToDate(isoString: string): Date | null;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
export declare class WarpPageIndicator extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
|
+
/** Currently selected page (1-based index) */
|
|
5
|
+
selectedPage: number;
|
|
6
|
+
/** Total number of pages */
|
|
7
|
+
pageCount: number;
|
|
8
|
+
render(): TemplateResult;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'w-pageindicator': WarpPageIndicator;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var m=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var d=(a,o,i,r)=>{for(var e=r>1?void 0:r?g(o,i):o,s=a.length-1,c;s>=0;s--)(c=a[s])&&(e=(r?c(o,i,e):c(e))||e);return r&&e&&m(o,i,e),e};import{html as l,LitElement as w}from"lit";import{property as p}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{map as b}from"lit/directives/map.js";import{range as v}from"lit/directives/range.js";import{css as u}from"lit";var n=u`
|
|
2
|
+
.w-pageindicator {
|
|
3
|
+
display: grid;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
height: max-content;
|
|
6
|
+
pointer-events: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.w-pageindicator--container {
|
|
10
|
+
display: grid;
|
|
11
|
+
grid-auto-flow: column;
|
|
12
|
+
gap: 8px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.w-pageindicator--dot {
|
|
16
|
+
background-color: var(--w-s-color-background-disabled);
|
|
17
|
+
border-radius: 5px;
|
|
18
|
+
width: 10px;
|
|
19
|
+
height: 10px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.w-pageindicator--selecteddot {
|
|
23
|
+
background-color: var(--w-s-color-icon-selected);
|
|
24
|
+
}
|
|
25
|
+
`;var t=class extends w{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return l`
|
|
26
|
+
<div class="w-pageindicator">
|
|
27
|
+
<div class="w-pageindicator--container">
|
|
28
|
+
${b(v(this.pageCount),i=>{let e={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":i===this.selectedPage-1};return l`<div class="${f(e)}"></div>`})}
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
`}};t.styles=[n],d([p({type:Number,attribute:"selected-page"})],t.prototype,"selectedPage",2),d([p({type:Number,attribute:"page-count"})],t.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",t);export{t as WarpPageIndicator};
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../packages/pageindicator/index.ts", "../../../packages/pageindicator/style.ts"],
|
|
4
|
+
"sourcesContent": ["import { html, LitElement, TemplateResult } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { map } from 'lit/directives/map.js';\nimport { range } from 'lit/directives/range.js';\n\nimport { styles } from './style.js';\n\nexport class WarpPageIndicator extends LitElement {\n static styles = [styles];\n\n /** Currently selected page (1-based index) */\n @property({ type: Number, attribute: 'selected-page' })\n selectedPage = 1;\n\n /** Total number of pages */\n @property({ type: Number, attribute: 'page-count' })\n pageCount = 1;\n\n render(): TemplateResult {\n return html`\n <div class=\"w-pageindicator\">\n <div class=\"w-pageindicator--container\">\n ${map(range(this.pageCount), (i) => {\n const isSelected = i === this.selectedPage - 1;\n const classes = {\n 'w-pageindicator--dot': true,\n 'w-pageindicator--selecteddot': isSelected,\n };\n return html`<div class=\"${classMap(classes)}\"></div>`;\n })}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'w-pageindicator': WarpPageIndicator;\n }\n}\n\nif (!customElements.get('w-pageindicator')) {\n customElements.define('w-pageindicator', WarpPageIndicator);\n}\n", "import { css } from 'lit';\n\nexport const styles = css`\n .w-pageindicator {\n display: grid;\n justify-content: center;\n height: max-content;\n pointer-events: none;\n }\n\n .w-pageindicator--container {\n display: grid;\n grid-auto-flow: column;\n gap: 8px;\n }\n\n .w-pageindicator--dot {\n background-color: var(--w-s-color-background-disabled);\n border-radius: 5px;\n width: 10px;\n height: 10px;\n }\n\n .w-pageindicator--selecteddot {\n background-color: var(--w-s-color-icon-selected);\n }\n`;\n"],
|
|
5
|
+
"mappings": "wMAAA,OAAS,QAAAA,EAAM,cAAAC,MAAkC,MAEjD,OAAS,YAAAC,MAAgB,oBACzB,OAAS,YAAAC,MAAgB,8BACzB,OAAS,OAAAC,MAAW,wBACpB,OAAS,SAAAC,MAAa,0BCLtB,OAAS,OAAAC,MAAW,MAEb,IAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDOf,IAAME,EAAN,cAAgCC,CAAW,CAA3C,kCAKL,kBAAe,EAIf,eAAY,EAEZ,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,YAGCC,EAAIC,EAAM,KAAK,SAAS,EAAI,GAAM,CAElC,IAAMC,EAAU,CACd,uBAAwB,GACxB,+BAHiB,IAAM,KAAK,aAAe,CAI7C,EACA,OAAOH,gBAAmBI,EAASD,CAAO,CAAC,UAC7C,CAAC,CAAC;AAAA;AAAA;AAAA,KAIV,CACF,EA3BaL,EACJ,OAAS,CAACO,CAAM,EAIvBC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAJ3CT,EAKX,4BAIAQ,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,CAAC,GARxCT,EASX,yBA0BG,eAAe,IAAI,iBAAiB,GACvC,eAAe,OAAO,kBAAmBA,CAAiB",
|
|
6
|
+
"names": ["html", "LitElement", "property", "classMap", "map", "range", "css", "styles", "WarpPageIndicator", "LitElement", "html", "map", "range", "classes", "classMap", "styles", "__decorateClass", "property"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import './index.ts';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
component: string;
|
|
4
|
+
title: string;
|
|
5
|
+
render: ({ pageCount, selectedPage }: {
|
|
6
|
+
pageCount: any;
|
|
7
|
+
selectedPage: any;
|
|
8
|
+
}) => import("lit").TemplateResult<1>;
|
|
9
|
+
argTypes: {
|
|
10
|
+
pageCount: {
|
|
11
|
+
control: {
|
|
12
|
+
type: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
selectedPage: {
|
|
16
|
+
control: {
|
|
17
|
+
type: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
23
|
+
export declare const Default: {
|
|
24
|
+
args: {
|
|
25
|
+
pageCount: number;
|
|
26
|
+
selectedPage: number;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const InsideContainer: () => import("lit").TemplateResult<1>;
|
|
30
|
+
export declare const InsideContainerChangePage: () => import("lit").TemplateResult<1>;
|
|
31
|
+
export declare const InsideContainer10Pages: () => import("lit").TemplateResult<1>;
|
|
32
|
+
export declare const OutsideContainer: () => import("lit").TemplateResult<1>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
var F=Object.create;var R=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,ne=Object.prototype.hasOwnProperty;var b=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var re=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ee(t))!ne.call(e,o)&&o!==n&&R(e,o,{get:()=>t[o],enumerable:!(r=H(t,o))||r.enumerable});return e};var oe=(e,t,n)=>(n=e!=null?F(te(e)):{},re(t||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e));var w=(e,t,n,r)=>{for(var o=r>1?void 0:r?H(t,n):t,i=e.length-1,u;i>=0;i--)(u=e[i])&&(o=(r?u(t,n,o):u(o))||o);return r&&o&&R(t,n,o),o};var z=b(s=>{"use strict";var C=Symbol.for("react.transitional.element"),ue=Symbol.for("react.portal"),se=Symbol.for("react.fragment"),ie=Symbol.for("react.strict_mode"),ce=Symbol.for("react.profiler"),fe=Symbol.for("react.consumer"),pe=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),de=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),M=Symbol.iterator;function me(e){return e===null||typeof e!="object"?null:(e=M&&e[M]||e["@@iterator"],typeof e=="function"?e:null)}var Y={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},I=Object.assign,U={};function v(e,t,n){this.props=e,this.context=t,this.refs=U,this.updater=n||Y}v.prototype.isReactComponent={};v.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function D(){}D.prototype=v.prototype;function h(e,t,n){this.props=e,this.context=t,this.refs=U,this.updater=n||Y}var S=h.prototype=new D;S.constructor=h;I(S,v.prototype);S.isPureReactComponent=!0;var P=Array.isArray,f={H:null,A:null,T:null,S:null,V:null},q=Object.prototype.hasOwnProperty;function A(e,t,n,r,o,i){return n=i.ref,{$$typeof:C,type:e,key:t,ref:n!==void 0?n:null,props:i}}function ye(e,t){return A(e.type,t,void 0,void 0,void 0,e.props)}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}function Ee(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var $=/\/+/g;function T(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ee(""+e.key):t.toString(36)}function x(){}function ve(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(x,x):(e.status="pending",e.then(function(t){e.status==="pending"&&(e.status="fulfilled",e.value=t)},function(t){e.status==="pending"&&(e.status="rejected",e.reason=t)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function E(e,t,n,r,o){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var u=!1;if(e===null)u=!0;else switch(i){case"bigint":case"string":case"number":u=!0;break;case"object":switch(e.$$typeof){case C:case ue:u=!0;break;case k:return u=e._init,E(u(e._payload),t,n,r,o)}}if(u)return o=o(e),u=r===""?"."+T(e,0):r,P(o)?(n="",u!=null&&(n=u.replace($,"$&/")+"/"),E(o,t,n,"",function(l){return l})):o!=null&&(N(o)&&(o=ye(o,n+(o.key==null||e&&e.key===o.key?"":(""+o.key).replace($,"$&/")+"/")+u)),t.push(o)),1;u=0;var p=r===""?".":r+":";if(P(e))for(var c=0;c<e.length;c++)r=e[c],i=p+T(r,c),u+=E(r,t,n,i,o);else if(c=me(e),typeof c=="function")for(e=c.call(e),c=0;!(r=e.next()).done;)r=r.value,i=p+T(r,c++),u+=E(r,t,n,i,o);else if(i==="object"){if(typeof e.then=="function")return E(ve(e),t,n,r,o);throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.")}return u}function g(e,t,n){if(e==null)return e;var r=[],o=0;return E(e,r,"","",function(i){return t.call(n,i,o++)}),r}function _e(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var L=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function ge(){}s.Children={map:g,forEach:function(e,t,n){g(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return g(e,function(){t++}),t},toArray:function(e){return g(e,function(t){return t})||[]},only:function(e){if(!N(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};s.Component=v;s.Fragment=se;s.Profiler=ce;s.PureComponent=h;s.StrictMode=ie;s.Suspense=le;s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=f;s.__COMPILER_RUNTIME={__proto__:null,c:function(e){return f.H.useMemoCache(e)}};s.cache=function(e){return function(){return e.apply(null,arguments)}};s.cloneElement=function(e,t,n){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var r=I({},e.props),o=e.key,i=void 0;if(t!=null)for(u in t.ref!==void 0&&(i=void 0),t.key!==void 0&&(o=""+t.key),t)!q.call(t,u)||u==="key"||u==="__self"||u==="__source"||u==="ref"&&t.ref===void 0||(r[u]=t[u]);var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){for(var p=Array(u),c=0;c<u;c++)p[c]=arguments[c+2];r.children=p}return A(e.type,o,void 0,void 0,i,r)};s.createContext=function(e){return e={$$typeof:pe,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:fe,_context:e},e};s.createElement=function(e,t,n){var r,o={},i=null;if(t!=null)for(r in t.key!==void 0&&(i=""+t.key),t)q.call(t,r)&&r!=="key"&&r!=="__self"&&r!=="__source"&&(o[r]=t[r]);var u=arguments.length-2;if(u===1)o.children=n;else if(1<u){for(var p=Array(u),c=0;c<u;c++)p[c]=arguments[c+2];o.children=p}if(e&&e.defaultProps)for(r in u=e.defaultProps,u)o[r]===void 0&&(o[r]=u[r]);return A(e,i,void 0,void 0,null,o)};s.createRef=function(){return{current:null}};s.forwardRef=function(e){return{$$typeof:ae,render:e}};s.isValidElement=N;s.lazy=function(e){return{$$typeof:k,_payload:{_status:-1,_result:e},_init:_e}};s.memo=function(e,t){return{$$typeof:de,type:e,compare:t===void 0?null:t}};s.startTransition=function(e){var t=f.T,n={};f.T=n;try{var r=e(),o=f.S;o!==null&&o(n,r),typeof r=="object"&&r!==null&&typeof r.then=="function"&&r.then(ge,L)}catch(i){L(i)}finally{f.T=t}};s.unstable_useCacheRefresh=function(){return f.H.useCacheRefresh()};s.use=function(e){return f.H.use(e)};s.useActionState=function(e,t,n){return f.H.useActionState(e,t,n)};s.useCallback=function(e,t){return f.H.useCallback(e,t)};s.useContext=function(e){return f.H.useContext(e)};s.useDebugValue=function(){};s.useDeferredValue=function(e,t){return f.H.useDeferredValue(e,t)};s.useEffect=function(e,t,n){var r=f.H;if(typeof n=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return r.useEffect(e,t)};s.useId=function(){return f.H.useId()};s.useImperativeHandle=function(e,t,n){return f.H.useImperativeHandle(e,t,n)};s.useInsertionEffect=function(e,t){return f.H.useInsertionEffect(e,t)};s.useLayoutEffect=function(e,t){return f.H.useLayoutEffect(e,t)};s.useMemo=function(e,t){return f.H.useMemo(e,t)};s.useOptimistic=function(e,t){return f.H.useOptimistic(e,t)};s.useReducer=function(e,t,n){return f.H.useReducer(e,t,n)};s.useRef=function(e){return f.H.useRef(e)};s.useState=function(e){return f.H.useState(e)};s.useSyncExternalStore=function(e,t,n){return f.H.useSyncExternalStore(e,t,n)};s.useTransition=function(){return f.H.useTransition()};s.version="19.1.1"});var K=b((je,G)=>{"use strict";G.exports=z()});var J=oe(K(),1);var Re=new Set(["children","localName","ref","style","className"]),B=new WeakMap,W=(e,t,n,r,o)=>{let i=o==null?void 0:o[t];i===void 0?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):n!==r&&((u,p,c)=>{let l=B.get(u);l===void 0&&B.set(u,l=new Map);let d=l.get(p);c!==void 0?d===void 0?(l.set(p,d={handleEvent:c}),u.addEventListener(p,d)):d.handleEvent=c:d!==void 0&&(l.delete(p),u.removeEventListener(p,d))})(e,i,n)},j=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let i=new Set(Object.keys(r!=null?r:{})),u=e.forwardRef((p,c)=>{let l=e.useRef(new Map),d=e.useRef(null),_={},O={};for(let[a,m]of Object.entries(p))Re.has(a)?_[a==="className"?"class":a]=m:i.has(a)||a in n.prototype?O[a]=m:_[a]=m;return e.useLayoutEffect(()=>{if(d.current===null)return;let a=new Map;for(let m in O)W(d.current,m,p[m],l.current.get(m),r),l.current.delete(m),a.set(m,p[m]);for(let[m,V]of l.current)W(d.current,m,void 0,V,r);l.current=a}),e.useLayoutEffect(()=>{var a;(a=d.current)==null||a.removeAttribute("defer-hydration")},[]),_.suppressHydrationWarning=!0,e.createElement(t,{..._,ref:e.useCallback(a=>{d.current=a,typeof c=="function"?c(a):c!==null&&(c.current=a)},[c])})});return u.displayName=o!=null?o:n.name,u};import{html as X,LitElement as Te}from"lit";import{property as Z}from"lit/decorators.js";import{classMap as Ce}from"lit/directives/class-map.js";import{map as he}from"lit/directives/map.js";import{range as Se}from"lit/directives/range.js";import{css as we}from"lit";var Q=we`
|
|
2
|
+
.w-pageindicator {
|
|
3
|
+
display: grid;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
height: max-content;
|
|
6
|
+
pointer-events: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.w-pageindicator--container {
|
|
10
|
+
display: grid;
|
|
11
|
+
grid-auto-flow: column;
|
|
12
|
+
gap: 8px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.w-pageindicator--dot {
|
|
16
|
+
background-color: var(--w-s-color-background-disabled);
|
|
17
|
+
border-radius: 5px;
|
|
18
|
+
width: 10px;
|
|
19
|
+
height: 10px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.w-pageindicator--selecteddot {
|
|
23
|
+
background-color: var(--w-s-color-icon-selected);
|
|
24
|
+
}
|
|
25
|
+
`;var y=class extends Te{constructor(){super(...arguments);this.selectedPage=1;this.pageCount=1}render(){return X`
|
|
26
|
+
<div class="w-pageindicator">
|
|
27
|
+
<div class="w-pageindicator--container">
|
|
28
|
+
${he(Se(this.pageCount),n=>{let o={"w-pageindicator--dot":!0,"w-pageindicator--selecteddot":n===this.selectedPage-1};return X`<div class="${Ce(o)}"></div>`})}
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
`}};y.styles=[Q],w([Z({type:Number,attribute:"selected-page"})],y.prototype,"selectedPage",2),w([Z({type:Number,attribute:"page-count"})],y.prototype,"pageCount",2);customElements.get("w-pageindicator")||customElements.define("w-pageindicator",y);var Ke=j({tagName:"w-pageindicator",elementClass:y,react:J.default});export{Ke as PageIndicator};
|
|
32
|
+
/*! Bundled license information:
|
|
33
|
+
|
|
34
|
+
react/cjs/react.production.js:
|
|
35
|
+
(**
|
|
36
|
+
* @license React
|
|
37
|
+
* react.production.js
|
|
38
|
+
*
|
|
39
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
40
|
+
*
|
|
41
|
+
* This source code is licensed under the MIT license found in the
|
|
42
|
+
* LICENSE file in the root directory of this source tree.
|
|
43
|
+
*)
|
|
44
|
+
|
|
45
|
+
@lit/react/create-component.js:
|
|
46
|
+
(**
|
|
47
|
+
* @license
|
|
48
|
+
* Copyright 2018 Google LLC
|
|
49
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
50
|
+
*)
|
|
51
|
+
*/
|
|
52
|
+
//# sourceMappingURL=react.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../node_modules/.pnpm/react@19.1.1/node_modules/react/cjs/react.production.js", "../../../node_modules/.pnpm/react@19.1.1/node_modules/react/index.js", "../../../packages/pageindicator/react.ts", "../../../node_modules/.pnpm/@lit+react@1.0.8_@types+react@19.1.12/node_modules/@lit/react/src/create-component.ts", "../../../packages/pageindicator/index.ts", "../../../packages/pageindicator/style.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * @license React\n * react.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n MAYBE_ITERATOR_SYMBOL = Symbol.iterator;\nfunction getIteratorFn(maybeIterable) {\n if (null === maybeIterable || \"object\" !== typeof maybeIterable) return null;\n maybeIterable =\n (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||\n maybeIterable[\"@@iterator\"];\n return \"function\" === typeof maybeIterable ? maybeIterable : null;\n}\nvar ReactNoopUpdateQueue = {\n isMounted: function () {\n return !1;\n },\n enqueueForceUpdate: function () {},\n enqueueReplaceState: function () {},\n enqueueSetState: function () {}\n },\n assign = Object.assign,\n emptyObject = {};\nfunction Component(props, context, updater) {\n this.props = props;\n this.context = context;\n this.refs = emptyObject;\n this.updater = updater || ReactNoopUpdateQueue;\n}\nComponent.prototype.isReactComponent = {};\nComponent.prototype.setState = function (partialState, callback) {\n if (\n \"object\" !== typeof partialState &&\n \"function\" !== typeof partialState &&\n null != partialState\n )\n throw Error(\n \"takes an object of state variables to update or a function which returns an object of state variables.\"\n );\n this.updater.enqueueSetState(this, partialState, callback, \"setState\");\n};\nComponent.prototype.forceUpdate = function (callback) {\n this.updater.enqueueForceUpdate(this, callback, \"forceUpdate\");\n};\nfunction ComponentDummy() {}\nComponentDummy.prototype = Component.prototype;\nfunction PureComponent(props, context, updater) {\n this.props = props;\n this.context = context;\n this.refs = emptyObject;\n this.updater = updater || ReactNoopUpdateQueue;\n}\nvar pureComponentPrototype = (PureComponent.prototype = new ComponentDummy());\npureComponentPrototype.constructor = PureComponent;\nassign(pureComponentPrototype, Component.prototype);\npureComponentPrototype.isPureReactComponent = !0;\nvar isArrayImpl = Array.isArray,\n ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },\n hasOwnProperty = Object.prototype.hasOwnProperty;\nfunction ReactElement(type, key, self, source, owner, props) {\n self = props.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== self ? self : null,\n props: props\n };\n}\nfunction cloneAndReplaceKey(oldElement, newKey) {\n return ReactElement(\n oldElement.type,\n newKey,\n void 0,\n void 0,\n void 0,\n oldElement.props\n );\n}\nfunction isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n}\nfunction escape(key) {\n var escaperLookup = { \"=\": \"=0\", \":\": \"=2\" };\n return (\n \"$\" +\n key.replace(/[=:]/g, function (match) {\n return escaperLookup[match];\n })\n );\n}\nvar userProvidedKeyEscapeRegex = /\\/+/g;\nfunction getElementKey(element, index) {\n return \"object\" === typeof element && null !== element && null != element.key\n ? escape(\"\" + element.key)\n : index.toString(36);\n}\nfunction noop$1() {}\nfunction resolveThenable(thenable) {\n switch (thenable.status) {\n case \"fulfilled\":\n return thenable.value;\n case \"rejected\":\n throw thenable.reason;\n default:\n switch (\n (\"string\" === typeof thenable.status\n ? thenable.then(noop$1, noop$1)\n : ((thenable.status = \"pending\"),\n thenable.then(\n function (fulfilledValue) {\n \"pending\" === thenable.status &&\n ((thenable.status = \"fulfilled\"),\n (thenable.value = fulfilledValue));\n },\n function (error) {\n \"pending\" === thenable.status &&\n ((thenable.status = \"rejected\"), (thenable.reason = error));\n }\n )),\n thenable.status)\n ) {\n case \"fulfilled\":\n return thenable.value;\n case \"rejected\":\n throw thenable.reason;\n }\n }\n throw thenable;\n}\nfunction mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {\n var type = typeof children;\n if (\"undefined\" === type || \"boolean\" === type) children = null;\n var invokeCallback = !1;\n if (null === children) invokeCallback = !0;\n else\n switch (type) {\n case \"bigint\":\n case \"string\":\n case \"number\":\n invokeCallback = !0;\n break;\n case \"object\":\n switch (children.$$typeof) {\n case REACT_ELEMENT_TYPE:\n case REACT_PORTAL_TYPE:\n invokeCallback = !0;\n break;\n case REACT_LAZY_TYPE:\n return (\n (invokeCallback = children._init),\n mapIntoArray(\n invokeCallback(children._payload),\n array,\n escapedPrefix,\n nameSoFar,\n callback\n )\n );\n }\n }\n if (invokeCallback)\n return (\n (callback = callback(children)),\n (invokeCallback =\n \"\" === nameSoFar ? \".\" + getElementKey(children, 0) : nameSoFar),\n isArrayImpl(callback)\n ? ((escapedPrefix = \"\"),\n null != invokeCallback &&\n (escapedPrefix =\n invokeCallback.replace(userProvidedKeyEscapeRegex, \"$&/\") + \"/\"),\n mapIntoArray(callback, array, escapedPrefix, \"\", function (c) {\n return c;\n }))\n : null != callback &&\n (isValidElement(callback) &&\n (callback = cloneAndReplaceKey(\n callback,\n escapedPrefix +\n (null == callback.key ||\n (children && children.key === callback.key)\n ? \"\"\n : (\"\" + callback.key).replace(\n userProvidedKeyEscapeRegex,\n \"$&/\"\n ) + \"/\") +\n invokeCallback\n )),\n array.push(callback)),\n 1\n );\n invokeCallback = 0;\n var nextNamePrefix = \"\" === nameSoFar ? \".\" : nameSoFar + \":\";\n if (isArrayImpl(children))\n for (var i = 0; i < children.length; i++)\n (nameSoFar = children[i]),\n (type = nextNamePrefix + getElementKey(nameSoFar, i)),\n (invokeCallback += mapIntoArray(\n nameSoFar,\n array,\n escapedPrefix,\n type,\n callback\n ));\n else if (((i = getIteratorFn(children)), \"function\" === typeof i))\n for (\n children = i.call(children), i = 0;\n !(nameSoFar = children.next()).done;\n\n )\n (nameSoFar = nameSoFar.value),\n (type = nextNamePrefix + getElementKey(nameSoFar, i++)),\n (invokeCallback += mapIntoArray(\n nameSoFar,\n array,\n escapedPrefix,\n type,\n callback\n ));\n else if (\"object\" === type) {\n if (\"function\" === typeof children.then)\n return mapIntoArray(\n resolveThenable(children),\n array,\n escapedPrefix,\n nameSoFar,\n callback\n );\n array = String(children);\n throw Error(\n \"Objects are not valid as a React child (found: \" +\n (\"[object Object]\" === array\n ? \"object with keys {\" + Object.keys(children).join(\", \") + \"}\"\n : array) +\n \"). If you meant to render a collection of children, use an array instead.\"\n );\n }\n return invokeCallback;\n}\nfunction mapChildren(children, func, context) {\n if (null == children) return children;\n var result = [],\n count = 0;\n mapIntoArray(children, result, \"\", \"\", function (child) {\n return func.call(context, child, count++);\n });\n return result;\n}\nfunction lazyInitializer(payload) {\n if (-1 === payload._status) {\n var ctor = payload._result;\n ctor = ctor();\n ctor.then(\n function (moduleObject) {\n if (0 === payload._status || -1 === payload._status)\n (payload._status = 1), (payload._result = moduleObject);\n },\n function (error) {\n if (0 === payload._status || -1 === payload._status)\n (payload._status = 2), (payload._result = error);\n }\n );\n -1 === payload._status && ((payload._status = 0), (payload._result = ctor));\n }\n if (1 === payload._status) return payload._result.default;\n throw payload._result;\n}\nvar reportGlobalError =\n \"function\" === typeof reportError\n ? reportError\n : function (error) {\n if (\n \"object\" === typeof window &&\n \"function\" === typeof window.ErrorEvent\n ) {\n var event = new window.ErrorEvent(\"error\", {\n bubbles: !0,\n cancelable: !0,\n message:\n \"object\" === typeof error &&\n null !== error &&\n \"string\" === typeof error.message\n ? String(error.message)\n : String(error),\n error: error\n });\n if (!window.dispatchEvent(event)) return;\n } else if (\n \"object\" === typeof process &&\n \"function\" === typeof process.emit\n ) {\n process.emit(\"uncaughtException\", error);\n return;\n }\n console.error(error);\n };\nfunction noop() {}\nexports.Children = {\n map: mapChildren,\n forEach: function (children, forEachFunc, forEachContext) {\n mapChildren(\n children,\n function () {\n forEachFunc.apply(this, arguments);\n },\n forEachContext\n );\n },\n count: function (children) {\n var n = 0;\n mapChildren(children, function () {\n n++;\n });\n return n;\n },\n toArray: function (children) {\n return (\n mapChildren(children, function (child) {\n return child;\n }) || []\n );\n },\n only: function (children) {\n if (!isValidElement(children))\n throw Error(\n \"React.Children.only expected to receive a single React element child.\"\n );\n return children;\n }\n};\nexports.Component = Component;\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.Profiler = REACT_PROFILER_TYPE;\nexports.PureComponent = PureComponent;\nexports.StrictMode = REACT_STRICT_MODE_TYPE;\nexports.Suspense = REACT_SUSPENSE_TYPE;\nexports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =\n ReactSharedInternals;\nexports.__COMPILER_RUNTIME = {\n __proto__: null,\n c: function (size) {\n return ReactSharedInternals.H.useMemoCache(size);\n }\n};\nexports.cache = function (fn) {\n return function () {\n return fn.apply(null, arguments);\n };\n};\nexports.cloneElement = function (element, config, children) {\n if (null === element || void 0 === element)\n throw Error(\n \"The argument must be a React element, but you passed \" + element + \".\"\n );\n var props = assign({}, element.props),\n key = element.key,\n owner = void 0;\n if (null != config)\n for (propName in (void 0 !== config.ref && (owner = void 0),\n void 0 !== config.key && (key = \"\" + config.key),\n config))\n !hasOwnProperty.call(config, propName) ||\n \"key\" === propName ||\n \"__self\" === propName ||\n \"__source\" === propName ||\n (\"ref\" === propName && void 0 === config.ref) ||\n (props[propName] = config[propName]);\n var propName = arguments.length - 2;\n if (1 === propName) props.children = children;\n else if (1 < propName) {\n for (var childArray = Array(propName), i = 0; i < propName; i++)\n childArray[i] = arguments[i + 2];\n props.children = childArray;\n }\n return ReactElement(element.type, key, void 0, void 0, owner, props);\n};\nexports.createContext = function (defaultValue) {\n defaultValue = {\n $$typeof: REACT_CONTEXT_TYPE,\n _currentValue: defaultValue,\n _currentValue2: defaultValue,\n _threadCount: 0,\n Provider: null,\n Consumer: null\n };\n defaultValue.Provider = defaultValue;\n defaultValue.Consumer = {\n $$typeof: REACT_CONSUMER_TYPE,\n _context: defaultValue\n };\n return defaultValue;\n};\nexports.createElement = function (type, config, children) {\n var propName,\n props = {},\n key = null;\n if (null != config)\n for (propName in (void 0 !== config.key && (key = \"\" + config.key), config))\n hasOwnProperty.call(config, propName) &&\n \"key\" !== propName &&\n \"__self\" !== propName &&\n \"__source\" !== propName &&\n (props[propName] = config[propName]);\n var childrenLength = arguments.length - 2;\n if (1 === childrenLength) props.children = children;\n else if (1 < childrenLength) {\n for (var childArray = Array(childrenLength), i = 0; i < childrenLength; i++)\n childArray[i] = arguments[i + 2];\n props.children = childArray;\n }\n if (type && type.defaultProps)\n for (propName in ((childrenLength = type.defaultProps), childrenLength))\n void 0 === props[propName] &&\n (props[propName] = childrenLength[propName]);\n return ReactElement(type, key, void 0, void 0, null, props);\n};\nexports.createRef = function () {\n return { current: null };\n};\nexports.forwardRef = function (render) {\n return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };\n};\nexports.isValidElement = isValidElement;\nexports.lazy = function (ctor) {\n return {\n $$typeof: REACT_LAZY_TYPE,\n _payload: { _status: -1, _result: ctor },\n _init: lazyInitializer\n };\n};\nexports.memo = function (type, compare) {\n return {\n $$typeof: REACT_MEMO_TYPE,\n type: type,\n compare: void 0 === compare ? null : compare\n };\n};\nexports.startTransition = function (scope) {\n var prevTransition = ReactSharedInternals.T,\n currentTransition = {};\n ReactSharedInternals.T = currentTransition;\n try {\n var returnValue = scope(),\n onStartTransitionFinish = ReactSharedInternals.S;\n null !== onStartTransitionFinish &&\n onStartTransitionFinish(currentTransition, returnValue);\n \"object\" === typeof returnValue &&\n null !== returnValue &&\n \"function\" === typeof returnValue.then &&\n returnValue.then(noop, reportGlobalError);\n } catch (error) {\n reportGlobalError(error);\n } finally {\n ReactSharedInternals.T = prevTransition;\n }\n};\nexports.unstable_useCacheRefresh = function () {\n return ReactSharedInternals.H.useCacheRefresh();\n};\nexports.use = function (usable) {\n return ReactSharedInternals.H.use(usable);\n};\nexports.useActionState = function (action, initialState, permalink) {\n return ReactSharedInternals.H.useActionState(action, initialState, permalink);\n};\nexports.useCallback = function (callback, deps) {\n return ReactSharedInternals.H.useCallback(callback, deps);\n};\nexports.useContext = function (Context) {\n return ReactSharedInternals.H.useContext(Context);\n};\nexports.useDebugValue = function () {};\nexports.useDeferredValue = function (value, initialValue) {\n return ReactSharedInternals.H.useDeferredValue(value, initialValue);\n};\nexports.useEffect = function (create, createDeps, update) {\n var dispatcher = ReactSharedInternals.H;\n if (\"function\" === typeof update)\n throw Error(\n \"useEffect CRUD overload is not enabled in this build of React.\"\n );\n return dispatcher.useEffect(create, createDeps);\n};\nexports.useId = function () {\n return ReactSharedInternals.H.useId();\n};\nexports.useImperativeHandle = function (ref, create, deps) {\n return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);\n};\nexports.useInsertionEffect = function (create, deps) {\n return ReactSharedInternals.H.useInsertionEffect(create, deps);\n};\nexports.useLayoutEffect = function (create, deps) {\n return ReactSharedInternals.H.useLayoutEffect(create, deps);\n};\nexports.useMemo = function (create, deps) {\n return ReactSharedInternals.H.useMemo(create, deps);\n};\nexports.useOptimistic = function (passthrough, reducer) {\n return ReactSharedInternals.H.useOptimistic(passthrough, reducer);\n};\nexports.useReducer = function (reducer, initialArg, init) {\n return ReactSharedInternals.H.useReducer(reducer, initialArg, init);\n};\nexports.useRef = function (initialValue) {\n return ReactSharedInternals.H.useRef(initialValue);\n};\nexports.useState = function (initialState) {\n return ReactSharedInternals.H.useState(initialState);\n};\nexports.useSyncExternalStore = function (\n subscribe,\n getSnapshot,\n getServerSnapshot\n) {\n return ReactSharedInternals.H.useSyncExternalStore(\n subscribe,\n getSnapshot,\n getServerSnapshot\n );\n};\nexports.useTransition = function () {\n return ReactSharedInternals.H.useTransition();\n};\nexports.version = \"19.1.1\";\n", "'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react.production.js');\n} else {\n module.exports = require('./cjs/react.development.js');\n}\n", "import React from 'react';\n\nimport { createComponent } from '@lit/react';\n\nimport { WarpPageIndicator } from './index.js';\n\nexport const PageIndicator = createComponent({\n tagName: 'w-pageindicator',\n elementClass: WarpPageIndicator,\n react: React,\n});\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type React from 'react';\n\nconst NODE_MODE = false;\nconst DEV_MODE = true;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any\n ? K extends keyof T\n ? Omit<T, K>\n : T\n : T;\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<\n React.HTMLAttributes<I>,\n I\n> &\n ElementProps<I>;\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {},\n> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // https://github.com/preactjs/preact/issues/4124 is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n EventListeners<E> &\n ElementProps<I>;\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createComponent({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T;\n};\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName\n ? (e: R[K]['__eventType']) => void\n : (e: Event) => void;\n};\n\nexport interface Options<I extends HTMLElement, E extends EventNames = {}> {\n react: typeof React;\n tagName: string;\n elementClass: Constructor<I>;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents = new WeakMap<Element, Map<string, EventListenerObject>>();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: EventNames\n) => {\n const event = events?.[name];\n // Dirty check event value.\n if (event !== undefined) {\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n }\n return;\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n }\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <\n I extends HTMLElement,\n E extends EventNames = {},\n>({\n react: React,\n tagName,\n elementClass,\n events,\n displayName,\n}: Options<I, E>): ReactWebComponent<I, E> => {\n const eventProps = new Set(Object.keys(events ?? {}));\n\n if (DEV_MODE && !NODE_MODE) {\n for (const p of reservedReactProperties) {\n if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React reserved ` +\n `property. It will be used by React and not set on the element.`\n );\n }\n }\n }\n\n type Props = ComponentProps<I, E>;\n\n const ReactComponent = React.forwardRef<I, Props>((props, ref) => {\n const prevElemPropsRef = React.useRef(new Map());\n const elementRef = React.useRef<I | null>(null);\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {};\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {};\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v;\n continue;\n }\n\n if (eventProps.has(k) || k in elementClass.prototype) {\n elementProps[k] = v;\n continue;\n }\n\n reactProps[k] = v;\n }\n\n // useLayoutEffect produces warnings during server rendering.\n if (!NODE_MODE) {\n // This one has no dependency array so it'll run on every re-render.\n React.useLayoutEffect(() => {\n if (elementRef.current === null) {\n return;\n }\n const newElemProps = new Map();\n for (const key in elementProps) {\n setProperty(\n elementRef.current,\n key,\n props[key],\n prevElemPropsRef.current.get(key),\n events\n );\n prevElemPropsRef.current.delete(key);\n newElemProps.set(key, props[key]);\n }\n // \"Unset\" any props from previous render that no longer exist.\n // Setting to `undefined` seems like the correct thing to \"unset\"\n // but currently React will set it as `null`.\n // See https://github.com/facebook/react/issues/28203\n for (const [key, value] of prevElemPropsRef.current) {\n setProperty(elementRef.current, key, undefined, value, events);\n }\n prevElemPropsRef.current = newElemProps;\n });\n\n // Empty dependency array so this will only run once after first render.\n React.useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration');\n }, []);\n }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n (React.createElement.name === 'litPatchedCreateElement' ||\n globalThis.litSsrReactEnabled) &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps;\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true;\n }\n\n return React.createElement(tagName, {\n ...reactProps,\n ref: React.useCallback(\n (node: I) => {\n elementRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref !== null) {\n ref.current = node;\n }\n },\n [ref]\n ),\n });\n });\n\n ReactComponent.displayName = displayName ?? elementClass.name;\n\n return ReactComponent;\n};\n", "import { html, LitElement, TemplateResult } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { map } from 'lit/directives/map.js';\nimport { range } from 'lit/directives/range.js';\n\nimport { styles } from './style.js';\n\nexport class WarpPageIndicator extends LitElement {\n static styles = [styles];\n\n /** Currently selected page (1-based index) */\n @property({ type: Number, attribute: 'selected-page' })\n selectedPage = 1;\n\n /** Total number of pages */\n @property({ type: Number, attribute: 'page-count' })\n pageCount = 1;\n\n render(): TemplateResult {\n return html`\n <div class=\"w-pageindicator\">\n <div class=\"w-pageindicator--container\">\n ${map(range(this.pageCount), (i) => {\n const isSelected = i === this.selectedPage - 1;\n const classes = {\n 'w-pageindicator--dot': true,\n 'w-pageindicator--selecteddot': isSelected,\n };\n return html`<div class=\"${classMap(classes)}\"></div>`;\n })}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'w-pageindicator': WarpPageIndicator;\n }\n}\n\nif (!customElements.get('w-pageindicator')) {\n customElements.define('w-pageindicator', WarpPageIndicator);\n}\n", "import { css } from 'lit';\n\nexport const styles = css`\n .w-pageindicator {\n display: grid;\n justify-content: center;\n height: max-content;\n pointer-events: none;\n }\n\n .w-pageindicator--container {\n display: grid;\n grid-auto-flow: column;\n gap: 8px;\n }\n\n .w-pageindicator--dot {\n background-color: var(--w-s-color-background-disabled);\n border-radius: 5px;\n width: 10px;\n height: 10px;\n }\n\n .w-pageindicator--selecteddot {\n background-color: var(--w-s-color-icon-selected);\n }\n`;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["require_react_production", "__commonJSMin", "exports", "REACT_ELEMENT_TYPE", "REACT_PORTAL_TYPE", "REACT_FRAGMENT_TYPE", "REACT_STRICT_MODE_TYPE", "REACT_PROFILER_TYPE", "REACT_CONSUMER_TYPE", "REACT_CONTEXT_TYPE", "REACT_FORWARD_REF_TYPE", "REACT_SUSPENSE_TYPE", "REACT_MEMO_TYPE", "REACT_LAZY_TYPE", "MAYBE_ITERATOR_SYMBOL", "getIteratorFn", "maybeIterable", "ReactNoopUpdateQueue", "assign", "emptyObject", "Component", "props", "context", "updater", "partialState", "callback", "ComponentDummy", "PureComponent", "pureComponentPrototype", "isArrayImpl", "ReactSharedInternals", "hasOwnProperty", "ReactElement", "type", "key", "self", "source", "owner", "cloneAndReplaceKey", "oldElement", "newKey", "isValidElement", "object", "escape", "escaperLookup", "match", "userProvidedKeyEscapeRegex", "getElementKey", "element", "index", "noop$1", "resolveThenable", "thenable", "fulfilledValue", "error", "mapIntoArray", "children", "array", "escapedPrefix", "nameSoFar", "invokeCallback", "c", "nextNamePrefix", "i", "mapChildren", "func", "result", "count", "child", "lazyInitializer", "payload", "ctor", "moduleObject", "reportGlobalError", "event", "noop", "forEachFunc", "forEachContext", "n", "size", "fn", "config", "propName", "childArray", "defaultValue", "childrenLength", "render", "compare", "scope", "prevTransition", "currentTransition", "returnValue", "onStartTransitionFinish", "usable", "action", "initialState", "permalink", "deps", "Context", "value", "initialValue", "create", "createDeps", "update", "dispatcher", "ref", "passthrough", "reducer", "initialArg", "init", "subscribe", "getSnapshot", "getServerSnapshot", "require_react", "__commonJSMin", "exports", "module", "import_react", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "react", "React", "tagName", "elementClass", "displayName", "eventProps", "Object", "keys", "ReactComponent", "forwardRef", "props", "ref", "prevElemPropsRef", "useRef", "elementRef", "reactProps", "elementProps", "k", "v", "entries", "has", "useLayoutEffect", "current", "newElemProps", "key", "createElement", "useCallback", "html", "LitElement", "property", "classMap", "map", "range", "css", "styles", "WarpPageIndicator", "LitElement", "html", "map", "range", "i", "classes", "classMap", "styles", "__decorateClass", "property", "PageIndicator", "o", "WarpPageIndicator", "React"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -6,8 +6,11 @@ import '@warp-ds/icons/elements/chevron-right-16';
|
|
|
6
6
|
* Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
|
|
7
7
|
*
|
|
8
8
|
* [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)
|
|
9
|
+
*
|
|
10
|
+
* @fires {CustomEvent} page-click - Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
|
|
9
11
|
*/
|
|
10
12
|
declare class WarpPagination extends LitElement {
|
|
13
|
+
#private;
|
|
11
14
|
baseUrl: string;
|
|
12
15
|
pages: number;
|
|
13
16
|
currentPageNumber: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Le=Object.create;var C=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var X=r=>{throw TypeError(r)};var Z=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Ce=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Pe(e))!Oe.call(r,a)&&a!==o&&C(r,a,{get:()=>e[a],enumerable:!(t=H(e,a))||t.enumerable});return r};var $e=(r,e,o)=>(o=r!=null?Le(Ee(r)):{},Ce(e||!r||!r.__esModule?C(o,"default",{value:r,enumerable:!0}):o,r));var x=(r,e,o,t)=>{for(var a=t>1?void 0:t?H(e,o):e,i=r.length-1,n;i>=0;i--)(n=r[i])&&(a=(t?n(e,o,a):n(a))||a);return t&&a&&C(e,o,a),a};var De=(r,e,o)=>e.has(r)||X("Cannot "+o);var q=(r,e,o)=>e.has(r)?X("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o);var K=(r,e,o)=>(De(r,e,"access private method"),o);var G=Z(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.errorMessages=m.ErrorType=void 0;var w;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(w=m.ErrorType||(m.ErrorType={}));m.errorMessages=new Map([[w.MalformedUnicode,"malformed Unicode character escape sequence"],[w.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[w.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[w.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[w.EndOfString,"malformed escape sequence at end of string"]])});var W=Z(g=>{"use strict";Object.defineProperty(g,"__esModule",{value:!0});g.unraw=g.errorMessages=g.ErrorType=void 0;var d=G();Object.defineProperty(g,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(g,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Fe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function z(r,e,o){let t=Fe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function je(r){let e=z(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(r,e){let o=z(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=z(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Ie(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Te(r){if(!Ie(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=z(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Be(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ae=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ye(r){return Ae.get(r)||r}var Ue=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Q(r,e=!1){return r.replace(Ue,function(o,t,a,i,n,s,l,p,h){if(t!==void 0)return"\\";if(a!==void 0)return je(a);if(i!==void 0)return Te(i);if(n!==void 0)return V(n,s);if(l!==void 0)return V(l);if(p==="0")return"\0";if(p!==void 0)return Be(p,!e);if(h!==void 0)return Ye(h);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}g.unraw=Q;g.default=Q});import{html as k,LitElement as Jr,nothing as Y}from"lit";var oe=$e(W(),1);var u=r=>typeof r=="string",Je=r=>typeof r=="function",ee=new Map,te="en";function j(r){return[...Array.isArray(r)?r:[r],te]}function I(r,e,o){let t=j(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return N(()=>S("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(u(e)?new Date(e):e)}function Re(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return I(r,e,t)}function $(r,e,o){let t=j(r);return N(()=>S("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function re(r,e,o,{offset:t=0,...a}){var s,l;let i=j(r),n=e?N(()=>S("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):N(()=>S("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[n.select(o-t)])!=null?l:a.other}function N(r,e){let o=r(),t=ee.get(o);return t||(t=e(),ee.set(o,t)),t}function S(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var ae=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ie="%__lingui_octothorpe__%",He=(r,e,o={})=>{let t=e||r,a=n=>typeof n=="object"?n:o[n],i=(n,s)=>{let l=Object.keys(o).length?a("number"):void 0,p=$(t,n,l);return s.replace(new RegExp(ie,"g"),p)};return{plural:(n,s)=>{let{offset:l=0}=s,p=re(t,!1,n,s);return i(n-l,p)},selectordinal:(n,s)=>{let{offset:l=0}=s,p=re(t,!0,n,s);return i(n-l,p)},select:Xe,number:(n,s)=>$(t,n,a(s)||{style:s}),date:(n,s)=>I(t,n,a(s)||s),time:(n,s)=>Re(t,n,a(s)||s)}},Xe=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ze(r,e,o){return(t={},a)=>{let i=He(e,o,a),n=(l,p=!1)=>Array.isArray(l)?l.reduce((h,y)=>{if(y==="#"&&p)return h+ie;if(u(y))return h+y;let[J,v,R]=y,E={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(R).forEach(([O,Me])=>{E[O]=n(Me,v==="plural"||v==="selectordinal")}):E=R;let _;if(v){let O=i[v];_=O(t[J],E)}else _=t[J];return _==null?h:h+_},""):l,s=n(r);return u(s)&&ae.test(s)?(0,oe.unraw)(s):u(s)?s:s?String(s):""}}var qe=Object.defineProperty,Ke=(r,e,o)=>e in r?qe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,Ge=(r,e,o)=>(Ke(r,typeof e!="symbol"?e+"":e,o),o),D=class{constructor(){Ge(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Ve=Object.defineProperty,Qe=(r,e,o)=>e in r?Ve(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,f=(r,e,o)=>(Qe(r,typeof e!="symbol"?e+"":e,o),o),F=class extends D{constructor(e){var o;super(),f(this,"_locale",""),f(this,"_locales"),f(this,"_localeData",{}),f(this,"_messages",{}),f(this,"_missing"),f(this,"_messageCompiler"),f(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((o=e.locale)!=null?o:te,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,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==null?void 0:t.message;e||(e=""),u(e)||(o=e.values||o,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return Je(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let l=i||a||e;return u(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),u(l)&&
|
|
10
|
+
`)),u(l)&&ae.test(l)?JSON.parse(`"${l}"`):u(l)?l:Ze(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return I(this._locales||this._locale,e,o)}number(e,o){return $(this._locales||this._locale,e,o)}};function We(r={}){return new F(r)}var c=We();import{property as M}from"lit/decorators.js";import{LitElement as er}from"lit";import{unsafeStatic as rr,html as or}from"lit/static-html.js";var tr=JSON.parse('{"icon.title.chevron-double-left":["Dobbel pil til venstre"]}'),ar=JSON.parse('{"icon.title.chevron-double-left":["Double leftward arrow"]}'),ir=JSON.parse('{"icon.title.chevron-double-left":["Kaksi nuolta vasemmalle"]}'),nr=JSON.parse('{"icon.title.chevron-double-left":["Dobbelt venstrepil"]}'),sr=JSON.parse('{"icon.title.chevron-double-left":["Dubbel v\xE4nsterpil"]}'),ne=["en","nb","fi","da","sv"],se="en",lr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},le=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":se},T=r=>ne.find(e=>r===e||r.toLowerCase().includes(e))||le();function cr(){var r;if(typeof window=="undefined"){let e=lr();return T(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=le();return ne.includes(e)?T(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),T(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),se}}var dr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,pr=(r,e,o,t,a)=>{let i=cr(),n=dr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};pr(ar,tr,ir,nr,sr);var gr=class extends er{render(){let r=c.t({message:"Double leftward arrow",id:"icon.title.chevron-double-left",comment:"Title for chevron-double-left icon"});return or`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-double-left-16-part">${rr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 13 2 8l5-5m7 10L9 8l5-5"></path></svg>`}};customElements.get("w-icon-chevron-double-left-16")||customElements.define("w-icon-chevron-double-left-16",gr);import{LitElement as ur}from"lit";import{unsafeStatic as br,html as hr}from"lit/static-html.js";var vr=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),mr=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),fr=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),wr=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),xr=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),ce=["en","nb","fi","da","sv"],de="en",kr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},pe=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":de},B=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function yr(){var r;if(typeof window=="undefined"){let e=kr();return B(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?B(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),B(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var _r=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,zr=(r,e,o,t,a)=>{let i=yr(),n=_r(i,r,e,o,t,a);c.load(i,n),c.activate(i)};zr(mr,vr,fr,wr,xr);var Nr=class extends ur{render(){let r=c.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return hr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${br(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",Nr);import{LitElement as Sr}from"lit";import{unsafeStatic as Mr,html as Lr}from"lit/static-html.js";var Pr=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),Er=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),Or=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),Cr=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),$r=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),ge=["en","nb","fi","da","sv"],ue="en",Dr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},be=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ue},A=r=>ge.find(e=>r===e||r.toLowerCase().includes(e))||be();function Fr(){var r;if(typeof window=="undefined"){let e=Dr();return A(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=be();return ge.includes(e)?A(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),A(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ue}}var jr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,Ir=(r,e,o,t,a)=>{let i=Fr(),n=jr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};Ir(Er,Pr,Or,Cr,$r);var Tr=class extends Sr{render(){let r=c.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return Lr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${Mr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",Tr);var Br=["en","nb","fi","da","sv"],ve="en",he=r=>Br.find(e=>r===e||r.toLowerCase().includes(e))||ve;function Ar(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return he(r)}try{let r=document.documentElement.lang;return he(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),ve}}var Yr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,me=(r,e,o,t,a)=>{let i=Ar(),n=Yr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};import{css as fe}from"lit";var we=fe`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -280,7 +280,7 @@ Please compile your catalog first.
|
|
|
280
280
|
svg {
|
|
281
281
|
pointer-events: none;
|
|
282
282
|
}
|
|
283
|
-
`,
|
|
283
|
+
`,mo=fe`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2446,41 +2446,49 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;var
|
|
2449
|
+
`;var xe=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var ke=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"]}');var ye=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"]}');var _e=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"]}');var ze=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"]}');import{css as Ur}from"lit";var Ne=Ur`*,: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}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:no-underline:hover,.focus\\:no-underline:focus{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:block{display:block}}`;var U=c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),L="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",P,Se,b=class extends Jr{constructor(){super();q(this,P);this.currentPageNumber=1;this.visiblePages=7;me(ke,_e,ye,xe,ze)}get shouldShowShowFirstPageButton(){return this.currentPageNumber-2>0}get shouldShowPreviousPageButton(){return this.currentPageNumber-1>0}get shouldShowNextPageButton(){return this.currentPageNumber<this.pages}get currentPageIndex(){return this.currentPageNumber-1}get visiblePageNumbers(){if(this.pages<=this.visiblePages)return Array.from({length:this.pages},(i,n)=>n+1);let o=Math.floor(this.visiblePages/2),t=Math.max(1,this.currentPageNumber-o),a=Math.min(this.pages,t+this.visiblePages-1);return a-t+1<this.visiblePages&&(t=Math.max(1,a-this.visiblePages+1)),Array.from({length:a-t+1},(i,n)=>t+n)}render(){let o=this.visiblePageNumbers;return k`<nav class="flex items-center justify-center p-8" @click="${K(this,P,Se)}">
|
|
2450
2450
|
<h1 class="sr-only">
|
|
2451
2451
|
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
2452
2452
|
</h1>
|
|
2453
2453
|
<div class="md:block s-text-link">
|
|
2454
2454
|
${this.shouldShowShowFirstPageButton?k`<a
|
|
2455
|
+
data-page-number="1"
|
|
2455
2456
|
href="${this.baseUrl}1"
|
|
2456
2457
|
class="${L+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2457
2458
|
<span class="sr-only"
|
|
2458
2459
|
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
2459
2460
|
>
|
|
2460
2461
|
<w-icon-chevron-double-left-16></w-icon-chevron-double-left-16>
|
|
2461
|
-
<span class="sr-only">${
|
|
2462
|
-
</a>`:
|
|
2462
|
+
<span class="sr-only">${U}</span>
|
|
2463
|
+
</a>`:Y}
|
|
2463
2464
|
${this.shouldShowPreviousPageButton?k`<a
|
|
2465
|
+
data-page-number="${this.currentPageNumber-1}"
|
|
2464
2466
|
href="${this.baseUrl}${this.currentPageNumber-1}"
|
|
2465
2467
|
class="${L+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2466
2468
|
<span class="sr-only"
|
|
2467
2469
|
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
2468
2470
|
>
|
|
2469
2471
|
<w-icon-chevron-left-16></w-icon-chevron-left-16>
|
|
2470
|
-
<span class="sr-only">${
|
|
2471
|
-
</a>`:
|
|
2472
|
-
${o.map(t=>{let a=t===this.currentPageNumber,i=`${this.baseUrl}${t}`,n=L;a?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let s=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:t},comment:"Default screenreader message for page link in the pagination component"});return k`<a
|
|
2472
|
+
<span class="sr-only">${U}</span>
|
|
2473
|
+
</a>`:Y}
|
|
2474
|
+
${o.map(t=>{let a=t===this.currentPageNumber,i=`${this.baseUrl}${t}`,n=L;a?n+=" s-bg-primary s-text-inverted":n+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let s=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:t},comment:"Default screenreader message for page link in the pagination component"});return k`<a
|
|
2475
|
+
data-page-number="${t}"
|
|
2476
|
+
aria-label="${s}"
|
|
2477
|
+
href="${i}"
|
|
2478
|
+
class="${n}"
|
|
2479
|
+
aria-current="${a?"page":""}"
|
|
2473
2480
|
>${t}</a
|
|
2474
2481
|
>`})}
|
|
2475
2482
|
${this.shouldShowNextPageButton?k`<a
|
|
2483
|
+
data-page-number="${this.currentPageNumber+1}"
|
|
2476
2484
|
href="${this.baseUrl}${this.currentPageNumber+1}"
|
|
2477
2485
|
class="${L+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2478
2486
|
<span class="sr-only">
|
|
2479
2487
|
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
2480
2488
|
>
|
|
2481
2489
|
<w-icon-chevron-right-16></w-icon-chevron-right-16>
|
|
2482
|
-
<span class="sr-only">${
|
|
2483
|
-
</a>`:
|
|
2490
|
+
<span class="sr-only">${U}</span>
|
|
2491
|
+
</a>`:Y}
|
|
2484
2492
|
</div>
|
|
2485
|
-
</nav>`}};b.styles=[
|
|
2493
|
+
</nav>`}};P=new WeakSet,Se=function(o){let t=o.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:t},bubbles:!0,composed:!0}))},b.styles=[we,Ne],x([M({type:String,reflect:!0,attribute:"base-url"})],b.prototype,"baseUrl",2),x([M({type:Number,reflect:!0})],b.prototype,"pages",2),x([M({type:Number,reflect:!0,attribute:"current-page"})],b.prototype,"currentPageNumber",2),x([M({type:Number,reflect:!0,attribute:"visible-pages"})],b.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",b);export{b as WarpPagination};
|
|
2486
2494
|
//# sourceMappingURL=index.js.map
|