@warp-ds/elements 2.9.1-next.1 → 2.9.1-next.3
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 +21 -23
- package/dist/docs/attention/api.md +6 -3
- package/dist/docs/attention/attention.md +6 -3
- package/dist/docs/slider-thumb/api.md +0 -24
- package/dist/docs/slider-thumb/slider-thumb.md +0 -24
- package/dist/index.d.ts +0 -18
- package/dist/packages/affix/affix.js +11 -12
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.d.ts +3 -2
- package/dist/packages/attention/attention.js +27 -28
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/button/button.d.ts +4 -2
- package/dist/packages/button/button.js +14 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/card/card.js +8 -9
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/packages/checkbox/checkbox.js +3 -3
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.test.js +20 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.js +15 -16
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
- package/dist/packages/combobox/combobox.js +13 -14
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/locales/da/messages.mjs +1 -1
- package/dist/packages/combobox/locales/en/messages.mjs +1 -1
- package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
- package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
- package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +2 -0
- package/dist/packages/datepicker/datepicker.js +51 -52
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.stories.js +8 -1
- package/dist/packages/datepicker/datepicker.test.js +23 -1
- package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
- package/dist/packages/link/link.d.ts +2 -0
- package/dist/packages/modal-header/modal-header.js +13 -14
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js +7 -8
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/locales/da/messages.mjs +1 -1
- package/dist/packages/pagination/locales/en/messages.mjs +1 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
- package/dist/packages/pagination/pagination.js +31 -32
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pill/pill.js +11 -12
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.d.ts +2 -0
- package/dist/packages/radio/radio.js +2 -2
- package/dist/packages/radio/radio.js.map +2 -2
- package/dist/packages/radio/radio.test.js +21 -1
- package/dist/packages/radio-group/radio-group.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.js +17 -18
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.js +19 -20
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.stories.js +7 -5
- package/dist/packages/select/select.test.js +23 -2
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/slider.d.ts +2 -0
- package/dist/packages/slider/slider.js +22 -23
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +6 -3
- package/dist/packages/slider-thumb/slider-thumb.d.ts +5 -0
- package/dist/packages/slider-thumb/slider-thumb.js +33 -34
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/locales/da/messages.mjs +1 -1
- package/dist/packages/step/locales/en/messages.mjs +1 -1
- package/dist/packages/step/locales/fi/messages.mjs +1 -1
- package/dist/packages/step/locales/nb/messages.mjs +1 -1
- package/dist/packages/step/locales/sv/messages.mjs +1 -1
- package/dist/packages/step/step.js +11 -12
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.d.ts +2 -0
- package/dist/packages/tab/tab.d.ts +2 -0
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/textarea.d.ts +2 -0
- package/dist/packages/textarea/textarea.js +20 -21
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textfield/textfield.d.ts +2 -0
- package/dist/packages/textfield/textfield.js +9 -8
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.test.js +17 -0
- package/dist/packages/toast/toast.js +13 -14
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/web-types.json +6 -6
- package/package.json +19 -19
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Le(o){return Ce.get(o)||o}var Se=/\\(?:(\\)|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(o,e=!1){return o.replace(Se,function(r,t,a,c,n,i,s,d,v){if(t!==void 0)return"\\";if(a!==void 0)return _e(a);if(c!==void 0)return Ee(c);if(n!==void 0)return R(n,i);if(s!==void 0)return R(s);if(d==="0")return"\0";if(d!==void 0)return Me(d,!e);if(v!==void 0)return Le(v);throw new SyntaxError(l.errorMessages.get(l.ErrorType.EndOfString))})}p.unraw=q;p.default=q});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=ke(J(),1);var g=o=>typeof o=="string",Oe=o=>typeof o=="function",V=new Map,K="en";function F(o){return[...Array.isArray(o)?o:[o],K]}function A(o,e,r){let t=F(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 M(()=>C("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function Ne(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 A(o,e,t)}function j(o,e,r){let t=F(o);return M(()=>C("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function B(o,e,r,{offset:t=0,...a}){var i,s;let c=F(o),n=e?M(()=>C("plural-ordinal",c),()=>new Intl.PluralRules(c,{type:"ordinal"})):M(()=>C("plural-cardinal",c),()=>new Intl.PluralRules(c,{type:"cardinal"}));return(s=(i=a[r])!=null?i:a[n.select(r-t)])!=null?s:a.other}function M(o,e){let r=o(),t=V.get(r);return t||(t=e(),V.set(r,t)),t}function C(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var Q=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,W="%__lingui_octothorpe__%",De=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],c=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,d=j(t,n,s);return i.replace(new RegExp(W,"g"),d)};return{plural:(n,i)=>{let{offset:s=0}=i,d=B(t,!1,n,i);return c(n-s,d)},selectordinal:(n,i)=>{let{offset:s=0}=i,d=B(t,!0,n,i);return c(n-s,d)},select:je,number:(n,i)=>j(t,n,a(i)||{style:i}),date:(n,i)=>A(t,n,a(i)||i),time:(n,i)=>Ne(t,n,a(i)||i)}},je=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Te(o,e,r){return(t={},a)=>{let c=De(e,r,a),n=(s,d=!1)=>Array.isArray(s)?s.reduce((v,k)=>{if(k==="#"&&d)return v+W;if(g(k))return v+k;let[U,h,$]=k,O={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries($).forEach(([N,ve])=>{O[N]=n(ve,h==="plural"||h==="selectordinal")}):O=$;let y;if(h){let N=c[h];y=N(t[U],O)}else y=t[U];return y==null?v:v+y},""):s,i=n(o);return g(i)&&Q.test(i)?(0,G.unraw)(i):g(i)?i:i?String(i):""}}var Ye=Object.defineProperty,Fe=(o,e,r)=>e in o?Ye(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ae=(o,e,r)=>(Fe(o,typeof e!="symbol"?e+"":e,r),r),T=class{constructor(){Ae(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(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,Ie=(o,e,r)=>e in o?Pe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,f=(o,e,r)=>(Ie(o,typeof e!="symbol"?e+"":e,r),r),Y=class extends T{constructor(e){var r;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((r=e.locale)!=null?r:K,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,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==null?void 0:t.message;e||(e=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let c=this.messages[e],n=c===void 0,i=this._missing;if(i&&n)return Oe(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=c||a||e;return g(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var ae=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var f=(t,e,r,o)=>{for(var a=o>1?void 0:o?ie(e,r):e,c=t.length-1,n;c>=0;c--)(n=t[c])&&(a=(o?n(e,r,a):n(a))||a);return o&&a&&ae(e,r,a),a};var x=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?x.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var b=t=>typeof t=="string",ne=t=>typeof t=="function",A=new Map,$="en";function Y(t){return[...Array.isArray(t)?t:[t],$]}function N(t,e,r){let o=Y(t);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 k(()=>y("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(b(e)?new Date(e):e)}function se(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return N(t,e,o)}function M(t,e,r){let o=Y(t);return k(()=>y("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function P(t,e,r,{offset:o=0,...a}){var i,s;let c=Y(t),n=e?k(()=>y("plural-ordinal",c),()=>new Intl.PluralRules(c,{type:"ordinal"})):k(()=>y("plural-cardinal",c),()=>new Intl.PluralRules(c,{type:"cardinal"}));return(s=(i=a[r])!=null?i:a[n.select(r-o)])!=null?s:a.other}function k(t,e){let r=t(),o=A.get(r);return o||(o=e(),A.set(r,o)),o}function y(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var X=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,I=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),T="%__lingui_octothorpe__%",ce=(t,e,r={})=>{let o=e||t,a=n=>typeof n=="object"?n:r[n],c=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,g=M(o,n,s);return i.replace(new RegExp(T,"g"),g)};return{plural:(n,i)=>{let{offset:s=0}=i,g=P(o,!1,n,i);return c(n-s,g)},selectordinal:(n,i)=>{let{offset:s=0}=i,g=P(o,!0,n,i);return c(n-s,g)},select:le,number:(n,i)=>M(o,n,a(i)||{style:i}),date:(n,i)=>N(o,n,a(i)||i),time:(n,i)=>se(o,n,a(i)||i)}},le=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function de(t,e,r){return(o={},a)=>{let c=ce(e,r,a),n=(s,g=!1)=>Array.isArray(s)?s.reduce((h,m)=>{if(m==="#"&&g)return h+T;if(b(m))return h+m;let[F,p,O]=m,E={};p==="plural"||p==="selectordinal"||p==="select"?Object.entries(O).forEach(([L,te])=>{E[L]=n(te,p==="plural"||p==="selectordinal")}):E=O;let w;if(p){let L=c[p];w=L(o[F],E)}else w=o[F];return w==null?h:h+w},""):s,i=n(t);return b(i)&&X.test(i)?I(i):b(i)?i:i?String(i):""}}var be=Object.defineProperty,ge=(t,e,r)=>e in t?be(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pe=(t,e,r)=>(ge(t,typeof e!="symbol"?e+"":e,r),r),S=class{constructor(){pe(this,"_events",{})}on(e,r){var a;var o;return(a=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},ue=Object.defineProperty,ve=(t,e,r)=>e in t?ue(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,u=(t,e,r)=>(ve(t,typeof e!="symbol"?e+"":e,r),r),j=class extends S{constructor(e){var r;super(),u(this,"_locale",""),u(this,"_locales"),u(this,"_localeData",{}),u(this,"_messages",{}),u(this,"_missing"),u(this,"_messageCompiler"),u(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((r=e.locale)!=null?r:$,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,r){let o=this._localeData[e];o?Object.assign(o,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(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){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=o==null?void 0:o.message;e||(e=""),b(e)||(r=e.values||r,a=e.message,e=e.id);let c=this.messages[e],n=c===void 0,i=this._missing;if(i&&n)return ne(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=c||a||e;return b(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
|
|
3
2
|
|
|
4
3
|
> ${s}
|
|
5
4
|
|
|
@@ -7,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
7
|
|
|
9
8
|
Please compile your catalog first.
|
|
10
|
-
`)),
|
|
9
|
+
`)),b(s)&&X.test(s)?I(s):b(s)?s:de(s,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return M(this._locales||this._locale,e,r)}};function he(t={}){return new j(t)}var l=he();import{css as _e,html as z,LitElement as ze}from"lit";import{property as D}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";var me=["en","nb","fi","da","sv"],C="en",_=t=>me.find(e=>t===e||t.toLowerCase().includes(e))||C;function U(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return _(t)}try{let t=R(document);if(t)return _(t);let e=ke();if(e)return _(e);let r=R(H());return r?_(r):C}catch(t){return console.warn("could not detect locale, falling back to source locale",t),C}}var V=(t,e,r,o,a)=>{l.load("en",t),l.load("nb",e),l.load("fi",r),l.load("da",o),l.load("sv",a);let c=U();l.activate(c),J(),fe()},we="warp-i18n-change";function J(){typeof window!="undefined"&&window.dispatchEvent(new Event(we))}var Z=!1;function fe(){if(Z||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Z=!0;let t=()=>{let a=U();l.locale!==a&&(l.activate(a),J())},e=new MutationObserver(a=>{for(let c of a)if(c.type==="attributes"&&c.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=H();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=xe();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function H(){var t,e;try{return(e=(t=window.parent)==null?void 0:t.document)!=null?e:null}catch(r){return null}}function R(t){var e,r;try{return(r=(e=t==null?void 0:t.documentElement)==null?void 0:e.lang)!=null?r:""}catch(o){return""}}function xe(){var t;try{return(t=window.frameElement)!=null?t:null}catch(e){return null}}function ke(){var t,e,r;try{return(r=(e=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:e.call(t,"lang"))!=null?r:""}catch(o){return""}}import{css as K}from"lit";var B=K`
|
|
11
10
|
*,
|
|
12
11
|
:before,
|
|
13
12
|
:after {
|
|
@@ -280,7 +279,7 @@ Please compile your catalog first.
|
|
|
280
279
|
svg {
|
|
281
280
|
pointer-events: none;
|
|
282
281
|
}
|
|
283
|
-
`,
|
|
282
|
+
`,De=K`*, :before, :after {
|
|
284
283
|
--w-rotate: 0;
|
|
285
284
|
--w-rotate-x: 0;
|
|
286
285
|
--w-rotate-y: 0;
|
|
@@ -2446,12 +2445,12 @@ Please compile your catalog first.
|
|
|
2446
2445
|
display: none
|
|
2447
2446
|
}
|
|
2448
2447
|
}
|
|
2449
|
-
`;var
|
|
2450
|
-
<div tabindex=${
|
|
2451
|
-
${this._interactiveElement} ${this.flat?"":
|
|
2448
|
+
`;var G=JSON.parse('{"card.button.text":["V\xE6lg"]}');var q=JSON.parse('{"card.button.text":["Select"]}');var Q=JSON.parse('{"card.button.text":["Valitse"]}');var W=JSON.parse('{"card.button.text":["Velg"]}');var ee=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as ye}from"lit";var re=ye`*,: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}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;var d={base:"cursor-pointer overflow-hidden relative transition-all",shadow:"group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",selected:"!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",outline:"absolute border-2 rounded-8 inset-0 transition-all",outlineUnselected:"border-transparent group-active:s-border-active",outlineSelected:"s-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active",flat:"border-2 rounded-4",flatUnselected:"s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",flatSelected:"s-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active",a11y:"sr-only"},oe={ENTER:"Enter",SPACE:" "},v=class extends ze{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;V(q,W,Q,G,ee),this.buttonText=l._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return x([d.base,this.flat?d.flat:d.shadow,this.selected&&!this.flat&&d.selected,this.selected&&this.flat?d.flatSelected:d.flatUnselected])}get _outlineClasses(){return x([d.outline,this.selected?d.outlineSelected:d.outlineUnselected])}get _interactiveElement(){let r=()=>z`<button class="${d.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,o=()=>z`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?o():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===oe.ENTER||r.key===oe.SPACE)&&(r.preventDefault(),this.click())}render(){return z`
|
|
2449
|
+
<div tabindex=${Ee(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2450
|
+
${this._interactiveElement} ${this.flat?"":z`<div class="${this._outlineClasses}"></div>`}
|
|
2452
2451
|
<slot></slot>
|
|
2453
2452
|
</div>
|
|
2454
|
-
`}};
|
|
2453
|
+
`}};v.styles=[B,re,_e`
|
|
2455
2454
|
a::after {
|
|
2456
2455
|
content: '';
|
|
2457
2456
|
position: absolute;
|
|
@@ -2463,5 +2462,5 @@ Please compile your catalog first.
|
|
|
2463
2462
|
:host {
|
|
2464
2463
|
display: block;
|
|
2465
2464
|
}
|
|
2466
|
-
`],
|
|
2465
|
+
`],f([D({type:Boolean,reflect:!0})],v.prototype,"selected",2),f([D({type:Boolean})],v.prototype,"flat",2),f([D({type:Boolean})],v.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",v);export{v as WarpCard};
|
|
2467
2466
|
//# sourceMappingURL=card.js.map
|