@warp-ds/elements 2.6.0 → 2.7.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +1552 -0
- package/dist/index.d.ts +561 -0
- package/dist/packages/affix/affix.js +11 -11
- package/dist/packages/affix/affix.js.map +3 -3
- package/dist/packages/alert/alert.js +7 -7
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.js +22 -22
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js +9 -9
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.js +11 -11
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.a11y.test.js +73 -0
- package/dist/packages/checkbox/checkbox.d.ts +49 -0
- package/dist/packages/checkbox/checkbox.js +2594 -0
- package/dist/packages/checkbox/checkbox.js.map +7 -0
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +12 -0
- package/dist/packages/checkbox/checkbox.react.stories.js +10 -0
- package/dist/packages/checkbox/checkbox.stories.d.ts +25 -0
- package/dist/packages/checkbox/checkbox.stories.js +183 -0
- package/dist/packages/checkbox/checkbox.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.test.js +142 -0
- package/dist/packages/checkbox/react.d.ts +5 -0
- package/dist/packages/checkbox/react.js +15 -0
- package/dist/packages/checkbox/styles.d.ts +1 -0
- package/dist/packages/checkbox/styles.js +134 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +109 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +33 -0
- package/dist/packages/checkbox-group/checkbox-group.js +71 -0
- package/dist/packages/checkbox-group/checkbox-group.js.map +7 -0
- package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.test.js +112 -0
- package/dist/packages/checkbox-group/locales/da/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -0
- package/dist/packages/checkbox-group/react.d.ts +2 -0
- package/dist/packages/checkbox-group/react.js +11 -0
- package/dist/packages/combobox/combobox.js +11 -11
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/datepicker/datepicker.js +42 -42
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/expandable/expandable.js +11 -11
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/i18n.d.ts +2 -0
- package/dist/packages/i18n.js +87 -2
- package/dist/packages/modal-header/modal-header.js +15 -15
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/page-indicator/page-indicator.js +7 -7
- package/dist/packages/page-indicator/page-indicator.js.map +3 -3
- package/dist/packages/pagination/pagination.js +24 -24
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +10 -10
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/select/select.js +20 -20
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/slider/Slider.d.ts +2 -0
- package/dist/packages/slider/Slider.js +8 -0
- package/dist/packages/slider/index.d.ts +2 -0
- package/dist/packages/slider/index.js +2 -0
- package/dist/packages/slider/locales/da/messages.d.mts +1 -0
- package/dist/packages/slider/locales/da/messages.mjs +1 -0
- package/dist/packages/slider/locales/en/messages.d.mts +1 -0
- package/dist/packages/slider/locales/en/messages.mjs +1 -0
- package/dist/packages/slider/locales/fi/messages.d.mts +1 -0
- package/dist/packages/slider/locales/fi/messages.mjs +1 -0
- package/dist/packages/slider/locales/nb/messages.d.mts +1 -0
- package/dist/packages/slider/locales/nb/messages.mjs +1 -0
- package/dist/packages/slider/locales/sv/messages.d.mts +1 -0
- package/dist/packages/slider/locales/sv/messages.mjs +1 -0
- package/dist/packages/slider/react.d.ts +3 -0
- package/dist/packages/slider/react.js +13 -0
- package/dist/packages/slider/slider.d.ts +64 -0
- package/dist/packages/slider/slider.js +2641 -0
- package/dist/packages/slider/slider.js.map +7 -0
- package/dist/packages/slider/slider.react.stories.d.ts +19 -0
- package/dist/packages/slider/slider.react.stories.js +161 -0
- package/dist/packages/slider/slider.stories.d.ts +26 -0
- package/dist/packages/slider/slider.stories.js +464 -0
- package/dist/packages/slider/slider.test.d.ts +5 -0
- package/dist/packages/slider/slider.test.js +380 -0
- package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
- package/dist/packages/slider/styles/w-slider.styles.js +154 -0
- package/dist/packages/slider/styles.d.ts +1 -0
- package/dist/packages/slider/styles.js +2 -0
- package/dist/packages/slider-thumb/SliderThumb.d.ts +2 -0
- package/dist/packages/slider-thumb/SliderThumb.js +8 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +2 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +3 -0
- package/dist/packages/slider-thumb/react.d.ts +6 -0
- package/dist/packages/slider-thumb/react.js +15 -0
- package/dist/packages/slider-thumb/slider-thumb.d.ts +72 -0
- package/dist/packages/slider-thumb/slider-thumb.js +2774 -0
- package/dist/packages/slider-thumb/slider-thumb.js.map +7 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +194 -0
- package/dist/packages/step/step.js +13 -13
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.a11y.test.js +6 -2
- package/dist/packages/textarea/textarea.a11y.test.js +1 -1
- package/dist/packages/textarea/textarea.test.js +2 -1
- package/dist/packages/textfield/styles/w-textfield.styles.js +6 -0
- package/dist/packages/textfield/textfield.js +7 -1
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/toast/toast.js +13 -13
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/setup-tests.js +1 -1
- package/dist/web-types.json +328 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var he=Object.create;var D=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var H=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var xe=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of me(e))!we.call(o,a)&&a!==r&&D(o,a,{get:()=>e[a],enumerable:!(t=X(e,a))||t.enumerable});return o};var ke=(o,e,r)=>(r=o!=null?he(fe(o)):{},xe(e||!o||!o.__esModule?D(r,"default",{value:o,enumerable:!0}):r,o));var _=(o,e,r,t)=>{for(var a=t>1?void 0:t?X(e,r):e,c=o.length-1,n;c>=0;c--)(n=o[c])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&D(e,r,a),a};var Z=H(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.errorMessages=m.ErrorType=void 0;var x;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(x=m.ErrorType||(m.ErrorType={}));m.errorMessages=new Map([[x.MalformedUnicode,"malformed Unicode character escape sequence"],[x.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[x.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[x.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[x.EndOfString,"malformed escape sequence at end of string"]])});var J=H(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.unraw=p.errorMessages=p.ErrorType=void 0;var l=Z();Object.defineProperty(p,"ErrorType",{enumerable:!0,get:function(){return l.ErrorType}});Object.defineProperty(p,"errorMessages",{enumerable:!0,get:function(){return l.errorMessages}});function ye(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function E(o,e,r){let t=ye(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(l.errorMessages.get(e));return t}function _e(o){let e=E(o,l.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function R(o,e){let r=E(o,l.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=E(e,l.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function ze(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Ee(o){if(!ze(o))throw new SyntaxError(l.errorMessages.get(l.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=E(e,l.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(l.errorMessages.get(l.ErrorType.CodePointLimit)):t}}function Me(o,e=!1){if(e)throw new SyntaxError(l.errorMessages.get(l.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Ce=new Map([["b","\b"],["f","\f"],["n",`
|
|
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:
|
|
3
3
|
|
|
4
4
|
> ${s}
|
|
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
|
-
`)),
|
|
10
|
+
`)),g(s)&&Q.test(s)?JSON.parse(`"${s}"`):g(s)?s:Te(s,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return A(this._locales||this._locale,e,r)}number(e,r){return j(this._locales||this._locale,e,r)}};function Ue(o={}){return new Y(o)}var b=Ue();import{css as Je,html as S,LitElement as Ve}from"lit";import{property as I}from"lit/decorators.js";import{ifDefined as Be}from"lit/directives/if-defined.js";var $e=["en","nb","fi","da","sv"],P="en",L=o=>$e.find(e=>o===e||o.toLowerCase().includes(e))||P;function oe(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return L(o)}try{let o=re(document);if(o)return L(o);let e=Re();if(e)return L(e);let r=re(ie());return r?L(r):P}catch(o){return console.warn("could not detect locale, falling back to source locale",o),P}}var te=(o,e,r,t,a)=>{b.load("en",o),b.load("nb",e),b.load("fi",r),b.load("da",t),b.load("sv",a);let c=oe();b.activate(c),ae(),He()},Xe="warp-i18n-change";function ae(){typeof window!="undefined"&&window.dispatchEvent(new Event(Xe))}var ee=!1;function He(){if(ee||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ee=!0;let o=()=>{let a=oe();b.locale!==a&&(b.activate(a),ae())},e=new MutationObserver(a=>{for(let c of a)if(c.type==="attributes"&&c.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ie();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ze();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ie(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function re(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function Ze(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function Re(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{css as ne}from"lit";var se=ne`
|
|
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
|
+
`,ir=ne`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2446,12 +2446,12 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;var
|
|
2450
|
-
<div tabindex=${
|
|
2449
|
+
`;var ce=JSON.parse('{"card.button.text":["V\xE6lg"]}');var le=JSON.parse('{"card.button.text":["Select"]}');var de=JSON.parse('{"card.button.text":["Valitse"]}');var be=JSON.parse('{"card.button.text":["Velg"]}');var ue=JSON.parse('{"card.button.text":["V\xE4lj"]}');import{css as qe}from"lit";var pe=qe`*,: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 u={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"},ge={ENTER:"Enter",SPACE:" "},w=class extends Ve{constructor(){super();this.selected=!1;this.flat=!1;this.clickable=!1;te(le,be,de,ce,ue),this.buttonText=b._({id:"card.button.text",message:"Select",comment:"Screenreader message to indicate that the card is clickable"})}get _containerClasses(){return z([u.base,this.flat?u.flat:u.shadow,this.selected&&!this.flat&&u.selected,this.selected&&this.flat?u.flatSelected:u.flatUnselected])}get _outlineClasses(){return z([u.outline,this.selected?u.outlineSelected:u.outlineUnselected])}get _interactiveElement(){let r=()=>S`<button class="${u.a11y}" aria-pressed="${this.selected}" tabindex="-1">${this.buttonText}</button>`,t=()=>S`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;return this.clickable?r():this.selected?t():""}keypressed(r){!this.clickable||r.altKey||r.ctrlKey||(r.key===ge.ENTER||r.key===ge.SPACE)&&(r.preventDefault(),this.click())}render(){return S`
|
|
2450
|
+
<div tabindex=${Be(this.clickable?"0":void 0)} class="${this._containerClasses}" @keydown=${this.keypressed}>
|
|
2451
2451
|
${this._interactiveElement} ${this.flat?"":S`<div class="${this._outlineClasses}"></div>`}
|
|
2452
2452
|
<slot></slot>
|
|
2453
2453
|
</div>
|
|
2454
|
-
`}};w.styles=[
|
|
2454
|
+
`}};w.styles=[se,pe,Je`
|
|
2455
2455
|
a::after {
|
|
2456
2456
|
content: '';
|
|
2457
2457
|
position: absolute;
|
|
@@ -2463,5 +2463,5 @@ Please compile your catalog first.
|
|
|
2463
2463
|
:host {
|
|
2464
2464
|
display: block;
|
|
2465
2465
|
}
|
|
2466
|
-
`],_([
|
|
2466
|
+
`],_([I({type:Boolean,reflect:!0})],w.prototype,"selected",2),_([I({type:Boolean})],w.prototype,"flat",2),_([I({type:Boolean})],w.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",w);export{w as WarpCard};
|
|
2467
2467
|
//# sourceMappingURL=card.js.map
|