@warp-ds/elements 2.4.0-next.9 → 2.5.0-next.1
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 +29 -7
- package/dist/index.d.ts +16 -14
- package/dist/packages/attention/attention.js +12 -12
- 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 +8 -8
- 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/combobox/combobox.js +13 -13
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.js +15 -15
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
- package/dist/packages/i18n.js +6 -2
- package/dist/packages/icon/icon.d.ts +27 -0
- package/dist/packages/icon/icon.js +101 -0
- package/dist/packages/icon/icon.react.stories.d.ts +28 -0
- package/dist/packages/icon/icon.react.stories.js +37 -0
- package/dist/packages/icon/icon.stories.d.ts +39 -0
- package/dist/packages/icon/icon.stories.js +43 -0
- package/dist/packages/icon/react.d.ts +2 -0
- package/dist/packages/icon/react.js +11 -0
- package/dist/packages/icon/style.d.ts +1 -0
- package/dist/packages/icon/style.js +27 -0
- package/dist/packages/modal-header/modal-header.js +7 -7
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/page-indicator/locales/da/messages.mjs +1 -0
- package/dist/packages/page-indicator/locales/en/messages.mjs +1 -0
- package/dist/packages/page-indicator/locales/fi/messages.mjs +1 -0
- package/dist/packages/page-indicator/locales/nb/messages.mjs +1 -0
- package/dist/packages/page-indicator/locales/sv/messages.mjs +1 -0
- package/dist/packages/page-indicator/page-indicator.d.ts +16 -0
- package/dist/packages/page-indicator/page-indicator.js +14 -5
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.stories.js +22 -6
- package/dist/packages/page-indicator/page-indicator.test.d.ts +1 -0
- package/dist/packages/page-indicator/page-indicator.test.js +118 -0
- package/dist/packages/pagination/pagination.js +14 -14
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +8 -8
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/select/select.js +15 -15
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/slider/slider.js +17 -17
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/step/locales/da/messages.d.mts +1 -0
- package/dist/packages/step/locales/en/messages.d.mts +1 -0
- package/dist/packages/step/locales/fi/messages.d.mts +1 -0
- package/dist/packages/step/locales/nb/messages.d.mts +1 -0
- package/dist/packages/step/locales/sv/messages.d.mts +1 -0
- package/dist/packages/step/step.js +7 -7
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/step-indicator/step-indicator.d.ts +0 -1
- package/dist/packages/step-indicator/step-indicator.js +5 -14
- package/dist/packages/step-indicator/step-indicator.js.map +4 -4
- package/dist/packages/tabs/tabs.react.stories.js +6 -6
- package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/toast/toast.js +8 -8
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/web-types.json +6 -6
- package/package.json +1 -1
- /package/dist/packages/{step-indicator → page-indicator}/locales/da/messages.d.mts +0 -0
- /package/dist/packages/{step-indicator → page-indicator}/locales/en/messages.d.mts +0 -0
- /package/dist/packages/{step-indicator → page-indicator}/locales/fi/messages.d.mts +0 -0
- /package/dist/packages/{step-indicator → page-indicator}/locales/nb/messages.d.mts +0 -0
- /package/dist/packages/{step-indicator → page-indicator}/locales/sv/messages.d.mts +0 -0
- /package/dist/packages/{step-indicator → step}/locales/da/messages.mjs +0 -0
- /package/dist/packages/{step-indicator → step}/locales/en/messages.mjs +0 -0
- /package/dist/packages/{step-indicator → step}/locales/fi/messages.mjs +0 -0
- /package/dist/packages/{step-indicator → step}/locales/nb/messages.mjs +0 -0
- /package/dist/packages/{step-indicator → step}/locales/sv/messages.mjs +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var ue=Object.create;var F=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var U=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var fe=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of he(e))!ve.call(r,a)&&a!==o&&F(r,a,{get:()=>e[a],enumerable:!(t=R(e,a))||t.enumerable});return r};var we=(r,e,o)=>(o=r!=null?ue(me(r)):{},fe(e||!r||!r.__esModule?F(o,"default",{value:r,enumerable:!0}):o,r));var f=(r,e,o,t)=>{for(var a=t>1?void 0:t?R(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&F(e,o,a),a};var X=U(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0});w.errorMessages=w.ErrorType=void 0;var k;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(k=w.ErrorType||(w.ErrorType={}));w.errorMessages=new Map([[k.MalformedUnicode,"malformed Unicode character escape sequence"],[k.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[k.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[k.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[k.EndOfString,"malformed escape sequence at end of string"]])});var H=U(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var c=X();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function xe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function C(r,e,o){let t=xe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(c.errorMessages.get(e));return t}function ke(r){let e=C(r,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function P(r,e){let o=C(r,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=C(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function ye(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function _e(r){if(!ye(r))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=C(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function ze(r,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ce=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Me(r){return Ce.get(r)||r}var Le=/\\(?:(\\)|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 Z(r,e=!1){return r.replace(Le,function(o,t,a,s,i,n,l,
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Me(r){return Ce.get(r)||r}var Le=/\\(?:(\\)|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 Z(r,e=!1){return r.replace(Le,function(o,t,a,s,i,n,l,p,m){if(t!==void 0)return"\\";if(a!==void 0)return ke(a);if(s!==void 0)return _e(s);if(i!==void 0)return P(i,n);if(l!==void 0)return P(l);if(p==="0")return"\0";if(p!==void 0)return ze(p,!e);if(m!==void 0)return Me(m);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}u.unraw=Z;u.default=Z});import{html as pe,LitElement as rr}from"lit";import{LitElement as $e}from"lit";import{unsafeStatic as Re,html as Ue}from"lit/static-html.js";var q=we(H(),1);var h=r=>typeof r=="string",Se=r=>typeof r=="function",J=new Map,K="en";function A(r){return[...Array.isArray(r)?r:[r],K]}function D(r,e,o){let t=A(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 M(()=>L("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ee(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 D(r,e,t)}function N(r,e,o){let t=A(r);return M(()=>L("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function B(r,e,o,{offset:t=0,...a}){var n,l;let s=A(r),i=e?M(()=>L("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):M(()=>L("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function M(r,e){let o=r(),t=J.get(o);return t||(t=e(),J.set(o,t)),t}function L(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var G=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,V="%__lingui_octothorpe__%",Oe=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=N(t,i,l);return n.replace(new RegExp(V,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=B(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=B(t,!0,i,n);return s(i-l,p)},select:Fe,number:(i,n)=>N(t,i,a(n)||{style:n}),date:(i,n)=>D(t,i,a(n)||n),time:(i,n)=>Ee(t,i,a(n)||n)}},Fe=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ne(r,e,o){return(t={},a)=>{let s=Oe(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((m,_)=>{if(_==="#"&&p)return m+V;if(h(_))return m+_;let[I,v,$]=_,E={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries($).forEach(([O,ge])=>{E[O]=i(ge,v==="plural"||v==="selectordinal")}):E=$;let z;if(v){let O=s[v];z=O(t[I],E)}else z=t[I];return z==null?m:m+z},""):l,n=i(r);return h(n)&&G.test(n)?(0,q.unraw)(n):h(n)?n:n?String(n):""}}var je=Object.defineProperty,Te=(r,e,o)=>e in r?je(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,Ae=(r,e,o)=>(Te(r,typeof e!="symbol"?e+"":e,o),o),j=class{constructor(){Ae(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}},De=Object.defineProperty,Ye=(r,e,o)=>e in r?De(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,x=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),T=class extends j{constructor(e){var o;super(),x(this,"_locale",""),x(this,"_locales"),x(this,"_localeData",{}),x(this,"_messages",{}),x(this,"_missing"),x(this,"_messageCompiler"),x(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: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,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=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return Se(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(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
|
-
`)),h(l)&&G.test(l)?JSON.parse(`"${l}"`):h(l)?l:Ne(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return D(this._locales||this._locale,e,o)}number(e,o){return N(this._locales||this._locale,e,o)}};function Ie(r={}){return new T(r)}var
|
|
10
|
+
`)),h(l)&&G.test(l)?JSON.parse(`"${l}"`):h(l)?l:Ne(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return D(this._locales||this._locale,e,o)}number(e,o){return N(this._locales||this._locale,e,o)}};function Ie(r={}){return new T(r)}var d=Ie();var Xe=JSON.parse('{"icon.title.close":["Kryss"]}'),Pe=JSON.parse('{"icon.title.close":["Cross"]}'),Ze=JSON.parse('{"icon.title.close":["Rasti"]}'),He=JSON.parse('{"icon.title.close":["Kryds"]}'),Je=JSON.parse('{"icon.title.close":["Kryss"]}'),Q=["en","nb","fi","da","sv"],W="en",Be=()=>{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},ee=()=>{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":W},Y=r=>Q.find(e=>r===e||r.toLowerCase().includes(e))||ee();function qe(){var r;if(typeof window=="undefined"){let e=Be();return Y(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ee();return Q.includes(e)?Y(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Y(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),W}}var Ke=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Ge=(r,e,o,t,a)=>{let s=qe(),i=Ke(s,r,e,o,t,a);d.load(s,i),d.activate(s)};Ge(Pe,Xe,Ze,He,Je);var Ve=class extends $e{render(){let r=d.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Ue`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${Re(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Ve);var S=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?S.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{property as y}from"lit/decorators.js";var Qe=["en","nb","fi","da","sv"],oe="en",re=r=>Qe.find(e=>r===e||r.toLowerCase().includes(e))||oe;function We(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return re(r)}try{let r=document.documentElement.lang;return re(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),oe}}var te=(r,e,o,t,a)=>{d.load("en",r),d.load("nb",e),d.load("fi",o),d.load("da",t),d.load("sv",a);let s=We();d.activate(s)};import{css as ae}from"lit";var ie=ae`
|
|
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
|
+
`,vr=ae`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2446,15 +2446,15 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;var ne=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var se=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var le=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ce=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var de=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as
|
|
2450
|
-
<div class="${
|
|
2449
|
+
`;var ne=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var se=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var le=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ce=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var de=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as er}from"lit";var be=er`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded{border-radius:4px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.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}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.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)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var b={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},g=class extends rr{constructor(){super(),te(se,ce,le,ne,de),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=d._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=d._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return S([b.button,b.label,this.suggestion?b.suggestion:b.filter,this.canClose?b.labelWithClose:b.labelWithoutClose])}get _closeClasses(){return S([b.button,b.close,this.suggestion?b.suggestion:b.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return pe`
|
|
2450
|
+
<div class="${b.wrapper}">
|
|
2451
2451
|
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
2452
|
-
<span class="${
|
|
2452
|
+
<span class="${b.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
2453
2453
|
<slot></slot>
|
|
2454
2454
|
</button>
|
|
2455
2455
|
${this.canClose?pe` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
2456
|
-
<span class="${
|
|
2457
|
-
<w-icon-close-16 class="${
|
|
2456
|
+
<span class="${b.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
2457
|
+
<w-icon-close-16 class="${b.closeIcon}"></w-icon-close-16>
|
|
2458
2458
|
</button>`:null}
|
|
2459
2459
|
</div>
|
|
2460
2460
|
`}};g.styles=[ie,be],f([y({attribute:"can-close",type:Boolean})],g.prototype,"canClose",2),f([y({attribute:"suggestion",type:Boolean})],g.prototype,"suggestion",2),f([y({attribute:"open-sr-label",type:String})],g.prototype,"openSrLabel",2),f([y({attribute:"open-aria-label",type:String})],g.prototype,"openAriaLabel",2),f([y({attribute:"close-sr-label",type:String})],g.prototype,"closeSrLabel",2),f([y({attribute:"close-aria-label",type:String})],g.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",g);export{g as WarpPill};
|