@warp-ds/elements 2.9.1-next.2 → 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 +8 -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-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/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-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/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-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/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
|