@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 we=Object.create;var j=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var q=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var _e=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(o,a)&&a!==r&&j(o,a,{get:()=>e[a],enumerable:!(t=Z(e,a))||t.enumerable});return o};var ze=(o,e,r)=>(r=o!=null?we(ke(o)):{},_e(e||!o||!o.__esModule?j(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?Z(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&j(e,r,a),a};var J=q(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0});x.errorMessages=x.ErrorType=void 0;var y;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(y=x.ErrorType||(x.ErrorType={}));x.errorMessages=new Map([[y.MalformedUnicode,"malformed Unicode character escape sequence"],[y.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[y.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[y.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[y.EndOfString,"malformed escape sequence at end of string"]])});var K=q(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.unraw=h.errorMessages=h.ErrorType=void 0;var c=J();Object.defineProperty(h,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(h,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function Te(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=Te(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(c.errorMessages.get(e));return t}function Ne(o){let e=M(o,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(o,e){let r=M(o,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function je(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function De(o){if(!je(o))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function Ae(o,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var $e=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Pe(o){return $e.get(o)||o}var Ye=/\\(?:(\\)|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 B(o,e=!1){return o.replace(Ye,function(r,t,a,s,n,i,l,g,f){if(t!==void 0)return"\\";if(a!==void 0)return Ne(a);if(s!==void 0)return De(s);if(n!==void 0)return V(n,i);if(l!==void 0)return V(l);if(g==="0")return"\0";if(g!==void 0)return Ae(g,!e);if(f!==void 0)return Pe(f);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}h.unraw=B;h.default=B});import{html as ve,LitElement as tr}from"lit";import{html as Ce,LitElement as Me}from"lit";import{property as D,state as Le}from"lit/decorators.js";import{classMap as Se}from"lit/directives/class-map.js";import{css as Ee}from"lit";var G=Ee`
|
|
3
3
|
:host {
|
|
4
4
|
display: inline-block;
|
|
5
5
|
}
|
|
@@ -24,15 +24,15 @@ var he=Object.create;var T=Object.defineProperty;var X=Object.getOwnPropertyDesc
|
|
|
24
24
|
--w-icon-size: 32px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
`;var
|
|
27
|
+
`;var A=new Map,Fe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Oe(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var m=class extends Me{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Oe(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Fe,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return Ce`<div class="${Se(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};m.styles=[G],p([D({type:String,reflect:!0})],m.prototype,"name",2),p([D({type:String,reflect:!0})],m.prototype,"size",2),p([D({type:String,reflect:!0})],m.prototype,"locale",2),p([Le()],m.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",m);var C=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)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ee=ze(K(),1);var v=o=>typeof o=="string",Ie=o=>typeof o=="function",Q=new Map,re="en";function I(o){return[...Array.isArray(o)?o:[o],re]}function R(o,e,r){let t=I(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 L(()=>S("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(v(e)?new Date(e):e)}function Re(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 R(o,e,t)}function $(o,e,r){let t=I(o);return L(()=>S("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function W(o,e,r,{offset:t=0,...a}){var i,l;let s=I(o),n=e?L(()=>S("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>S("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[n.select(r-t)])!=null?l:a.other}function L(o,e){let r=o(),t=Q.get(r);return t||(t=e(),Q.set(r,t)),t}function S(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var oe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,te="%__lingui_octothorpe__%",Ue=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,g=$(t,n,l);return i.replace(new RegExp(te,"g"),g)};return{plural:(n,i)=>{let{offset:l=0}=i,g=W(t,!1,n,i);return s(n-l,g)},selectordinal:(n,i)=>{let{offset:l=0}=i,g=W(t,!0,n,i);return s(n-l,g)},select:Xe,number:(n,i)=>$(t,n,a(i)||{style:i}),date:(n,i)=>R(t,n,a(i)||i),time:(n,i)=>Re(t,n,a(i)||i)}},Xe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function He(o,e,r){return(t={},a)=>{let s=Ue(e,r,a),n=(l,g=!1)=>Array.isArray(l)?l.reduce((f,z)=>{if(z==="#"&&g)return f+te;if(v(z))return f+z;let[X,w,H]=z,T={};w==="plural"||w==="selectordinal"||w==="select"?Object.entries(H).forEach(([N,fe])=>{T[N]=n(fe,w==="plural"||w==="selectordinal")}):T=H;let E;if(w){let N=s[w];E=N(t[X],T)}else E=t[X];return E==null?f:f+E},""):l,i=n(o);return v(i)&&oe.test(i)?(0,ee.unraw)(i):v(i)?i:i?String(i):""}}var Ze=Object.defineProperty,qe=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e,r)=>(qe(o,typeof e!="symbol"?e+"":e,r),r),P=class{constructor(){Ge(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}},Je=Object.defineProperty,Ve=(o,e,r)=>e in o?Je(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(Ve(o,typeof e!="symbol"?e+"":e,r),r),Y=class extends P{constructor(e){var r;super(),k(this,"_locale",""),k(this,"_locales"),k(this,"_localeData",{}),k(this,"_messages",{}),k(this,"_missing"),k(this,"_messageCompiler"),k(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:re,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=""),v(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return Ie(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return v(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
28
28
|
|
|
29
|
-
> ${
|
|
29
|
+
> ${l}
|
|
30
30
|
|
|
31
31
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
32
32
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
33
33
|
|
|
34
34
|
Please compile your catalog first.
|
|
35
|
-
`)),v(
|
|
35
|
+
`)),v(l)&&oe.test(l)?JSON.parse(`"${l}"`):v(l)?l:He(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return R(this._locales||this._locale,e,r)}number(e,r){return $(this._locales||this._locale,e,r)}};function Be(o={}){return new Y(o)}var b=Be();import{property as _}from"lit/decorators.js";var Ke=["en","nb","fi","da","sv"],U="en",F=o=>Ke.find(e=>o===e||o.toLowerCase().includes(e))||U;function O(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return F(o)}try{let o=ie(document);if(o)return F(o);let e=rr();if(e)return F(e);let r=ie(le());return r?F(r):U}catch(o){return console.warn("could not detect locale, falling back to source locale",o),U}}var ne=(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 s=O();b.activate(s),se(),We()},Qe="warp-i18n-change";function se(){typeof window!="undefined"&&window.dispatchEvent(new Event(Qe))}var ae=!1;function We(){if(ae||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ae=!0;let o=()=>{let a=O();b.locale!==a&&(b.activate(a),se())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=le();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=er();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function le(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function ie(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 er(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function rr(){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 ce}from"lit";var de=ce`
|
|
36
36
|
*,
|
|
37
37
|
:before,
|
|
38
38
|
:after {
|
|
@@ -305,7 +305,7 @@ Please compile your catalog first.
|
|
|
305
305
|
svg {
|
|
306
306
|
pointer-events: none;
|
|
307
307
|
}
|
|
308
|
-
`,
|
|
308
|
+
`,yr=ce`*, :before, :after {
|
|
309
309
|
--w-rotate: 0;
|
|
310
310
|
--w-rotate-x: 0;
|
|
311
311
|
--w-rotate-y: 0;
|
|
@@ -2471,16 +2471,16 @@ Please compile your catalog first.
|
|
|
2471
2471
|
display: none
|
|
2472
2472
|
}
|
|
2473
2473
|
}
|
|
2474
|
-
`;var
|
|
2474
|
+
`;var pe=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var be=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var ge=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ue=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var he=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as or}from"lit";var me=or`*,: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 d={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"},u=class extends tr{constructor(){super(),ne(be,ue,ge,pe,he),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=b._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=b._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return C([d.button,d.label,this.suggestion?d.suggestion:d.filter,this.canClose?d.labelWithClose:d.labelWithoutClose])}get _closeClasses(){return C([d.button,d.close,this.suggestion?d.suggestion:d.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 ve`
|
|
2475
2475
|
<div class="${d.wrapper}">
|
|
2476
2476
|
<button type="button" class="${this._labelClasses}" @click="${this._onClick}">
|
|
2477
2477
|
<span class="${d.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
|
|
2478
2478
|
<slot></slot>
|
|
2479
2479
|
</button>
|
|
2480
|
-
${this.canClose?
|
|
2480
|
+
${this.canClose?ve` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
|
|
2481
2481
|
<span class="${d.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
|
|
2482
|
-
<w-icon name="Close" size="small" locale="${
|
|
2482
|
+
<w-icon name="Close" size="small" locale="${O()}" class="${d.closeIcon}" class="flex"></w-icon>
|
|
2483
2483
|
</button>`:null}
|
|
2484
2484
|
</div>
|
|
2485
|
-
`}};u.styles=[
|
|
2485
|
+
`}};u.styles=[de,me],p([_({attribute:"can-close",type:Boolean})],u.prototype,"canClose",2),p([_({attribute:"suggestion",type:Boolean})],u.prototype,"suggestion",2),p([_({attribute:"open-sr-label",type:String})],u.prototype,"openSrLabel",2),p([_({attribute:"open-aria-label",type:String})],u.prototype,"openAriaLabel",2),p([_({attribute:"close-sr-label",type:String})],u.prototype,"closeSrLabel",2),p([_({attribute:"close-aria-label",type:String})],u.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",u);export{u as WarpPill};
|
|
2486
2486
|
//# sourceMappingURL=pill.js.map
|