@warp-ds/elements 2.3.0-next.24 → 2.3.0-next.25
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 +218 -8
- package/dist/index.d.ts +39 -0
- package/dist/packages/attention/index.js +20 -20
- package/dist/packages/attention/index.js.map +3 -3
- package/dist/packages/button/button.react.stories.d.ts +1 -1
- package/dist/packages/button/button.test.js +30 -1
- package/dist/packages/button/index.d.ts +2 -0
- package/dist/packages/button/index.js +12 -12
- package/dist/packages/button/index.js.map +3 -3
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/combobox/combobox.stories.d.ts +1 -0
- package/dist/packages/combobox/combobox.stories.js +29 -3
- package/dist/packages/combobox/index.d.ts +7 -1
- package/dist/packages/combobox/index.js +19 -19
- package/dist/packages/combobox/index.js.map +4 -4
- package/dist/packages/datepicker/datepicker.d.ts +1 -0
- package/dist/packages/datepicker/datepicker.js +35 -35
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.test.js +27 -0
- package/dist/packages/link/link.react.stories.d.ts +1 -1
- package/dist/packages/select/index.d.ts +1 -0
- package/dist/packages/select/index.js +15 -15
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/select/select.test.js +30 -0
- package/dist/packages/slider/slider-thumb.d.ts +1 -0
- package/dist/packages/slider/slider-thumb.js +23 -23
- package/dist/packages/slider/slider-thumb.js.map +3 -3
- package/dist/packages/slider/slider.d.ts +1 -2
- package/dist/packages/slider/slider.js +20 -20
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +2 -2
- package/dist/packages/slider/slider.test.js +28 -0
- package/dist/packages/switch/index.d.ts +10 -2
- package/dist/packages/switch/index.js +5 -5
- package/dist/packages/switch/index.js.map +4 -4
- package/dist/packages/switch/switch.react.stories.js +4 -4
- package/dist/packages/switch/switch.stories.js +6 -5
- package/dist/packages/switch/switch.test.d.ts +1 -0
- package/dist/packages/switch/switch.test.js +40 -0
- package/dist/packages/textarea/textarea.d.ts +1 -0
- package/dist/packages/textarea/textarea.js +14 -14
- package/dist/packages/textarea/textarea.js.map +3 -3
- package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
- package/dist/packages/textarea/textarea.test.js +19 -0
- package/dist/packages/textfield/index.d.ts +3 -0
- package/dist/packages/textfield/index.js +8 -8
- package/dist/packages/textfield/index.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.stories.d.ts +1 -0
- package/dist/packages/textfield/textfield.stories.js +17 -0
- package/dist/web-types.json +7 -3
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var $e=Object.create;var W=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var ue=o=>{throw TypeError(o)};var pe=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Ye=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Le(e))!je.call(o,a)&&a!==r&&W(o,a,{get:()=>e[a],enumerable:!(t=be(e,a))||t.enumerable});return o};var De=(o,e,r)=>(r=o!=null?$e(Te(o)):{},Ye(e||!o||!o.__esModule?W(r,"default",{value:o,enumerable:!0}):r,o));var v=(o,e,r,t)=>{for(var a=t>1?void 0:t?be(e,r):e,l=o.length-1,n;l>=0;l--)(n=o[l])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&W(e,r,a),a};var ee=(o,e,r)=>e.has(o)||ue("Cannot "+r);var ge=(o,e,r)=>(ee(o,e,"read from private field"),r?r.call(o):e.get(o)),re=(o,e,r)=>e.has(o)?ue("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),me=(o,e,r,t)=>(ee(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),oe=(o,e,r)=>(ee(o,e,"access private method"),r);var ve=pe(V=>{"use strict";Object.defineProperty(V,"__esModule",{value:!0});V.errorMessages=V.ErrorType=void 0;var $;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})($=V.ErrorType||(V.ErrorType={}));V.errorMessages=new Map([[$.MalformedUnicode,"malformed Unicode character escape sequence"],[$.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[$.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[$.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[$.EndOfString,"malformed escape sequence at end of string"]])});var xe=pe(M=>{"use strict";Object.defineProperty(M,"__esModule",{value:!0});M.unraw=M.errorMessages=M.ErrorType=void 0;var f=ve();Object.defineProperty(M,"ErrorType",{enumerable:!0,get:function(){return f.ErrorType}});Object.defineProperty(M,"errorMessages",{enumerable:!0,get:function(){return f.errorMessages}});function Re(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function Z(o,e,r){let t=Re(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(f.errorMessages.get(e));return t}function He(o){let e=Z(o,f.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function fe(o,e){let r=Z(o,f.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=Z(e,f.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Ue(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Xe(o){if(!Ue(o))throw new SyntaxError(f.errorMessages.get(f.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=Z(e,f.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(f.errorMessages.get(f.ErrorType.CodePointLimit)):t}}function Ze(o,e=!1){if(e)throw new SyntaxError(f.errorMessages.get(f.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var qe=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Be(o){return qe.get(o)||o}var Ge=/\\(?:(\\)|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 we(o,e=!1){return o.replace(Ge,function(r,t,a,l,n,i,d,b,w){if(t!==void 0)return"\\";if(a!==void 0)return He(a);if(l!==void 0)return Xe(l);if(n!==void 0)return fe(n,i);if(d!==void 0)return fe(d);if(b==="0")return"\0";if(b!==void 0)return Ze(b,!e);if(w!==void 0)return Be(w);throw new SyntaxError(f.errorMessages.get(f.ErrorType.EndOfString))})}M.unraw=we;M.default=we});var X=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)?X.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var _e=De(xe(),1);var O=o=>typeof o=="string",Je=o=>typeof o=="function",ke=new Map,Ce="en";function ne(o){return[...Array.isArray(o)?o:[o],Ce]}function se(o,e,r){let t=ne(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 q(()=>B("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(O(e)?new Date(e):e)}function Ke(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 se(o,e,t)}function te(o,e,r){let t=ne(o);return q(()=>B("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function ye(o,e,r,{offset:t=0,...a}){var i,d;let l=ne(o),n=e?q(()=>B("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):q(()=>B("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(d=(i=a[r])!=null?i:a[n.select(r-t)])!=null?d:a.other}function q(o,e){let r=o(),t=ke.get(r);return t||(t=e(),ke.set(r,t)),t}function B(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ze=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Me="%__lingui_octothorpe__%",Qe=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],l=(n,i)=>{let d=Object.keys(r).length?a("number"):void 0,b=te(t,n,d);return i.replace(new RegExp(Me,"g"),b)};return{plural:(n,i)=>{let{offset:d=0}=i,b=ye(t,!1,n,i);return l(n-d,b)},selectordinal:(n,i)=>{let{offset:d=0}=i,b=ye(t,!0,n,i);return l(n-d,b)},select:We,number:(n,i)=>te(t,n,a(i)||{style:i}),date:(n,i)=>se(t,n,a(i)||i),time:(n,i)=>Ke(t,n,a(i)||i)}},We=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function er(o,e,r){return(t={},a)=>{let l=Qe(e,r,a),n=(d,b=!1)=>Array.isArray(d)?d.reduce((w,C)=>{if(C==="#"&&b)return w+Me;if(O(C))return w+C;let[A,y,F]=C,E={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(F).forEach(([P,L])=>{E[P]=n(L,y==="plural"||y==="selectordinal")}):E=F;let x;if(y){let P=l[y];x=P(t[A],E)}else x=t[A];return x==null?w:w+x},""):d,i=n(o);return O(i)&&ze.test(i)?(0,_e.unraw)(i):O(i)?i:i?String(i):""}}var rr=Object.defineProperty,or=(o,e,r)=>e in o?rr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,tr=(o,e,r)=>(or(o,typeof e!="symbol"?e+"":e,r),r),ae=class{constructor(){tr(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}},ar=Object.defineProperty,ir=(o,e,r)=>e in o?ar(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,N=(o,e,r)=>(ir(o,typeof e!="symbol"?e+"":e,r),r),ie=class extends ae{constructor(e){var r;super(),N(this,"_locale",""),N(this,"_locales"),N(this,"_localeData",{}),N(this,"_messages",{}),N(this,"_missing"),N(this,"_messageCompiler"),N(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:Ce,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=""),O(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],n=l===void 0,i=this._missing;if(i&&n)return Je(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let d=l||a||e;return O(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${d}
|
|
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
|
-
`)),O(d)&&
|
|
10
|
+
`)),O(d)&&ze.test(d)?JSON.parse(`"${d}"`):O(d)?d:er(d,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return se(this._locales||this._locale,e,r)}number(e,r){return te(this._locales||this._locale,e,r)}};function nr(o={}){return new ie(o)}var Fe=nr();var h=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function Ee(o){var e,r,t,a,l,n,i,d,b,w,C,A,y,F,E,x,P,L,J;class Ie extends o{constructor(...s){var c,p,m;super(...s),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),n.set(this,void 0),i.set(this,!0),b.set(this,""),w.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),h(this,e,"m",x).call(this)}),C.set(this,()=>{g(this,r,!1,"f"),h(this,e,"m",P).call(this,this.shouldFormValueUpdate()?h(this,b,"f"):""),!this.validity.valid&&h(this,a,"f")&&g(this,t,!0,"f");let z=h(this,e,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),A.set(this,()=>{var z;h(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),h(this,e,"m",x).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),F.set(this,!1),E.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,w,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",h(this,C,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",h(this,A,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let s=this.validators.map(m=>m.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...s])]}static getValidator(s){return this.validators.find(c=>c.attribute===s)||null}static getValidators(s){return this.validators.filter(c=>{var p;if(c.attribute===s||!((p=c.attribute)===null||p===void 0)&&p.includes(s))return!0})}get form(){return this.internals.form}get showError(){return h(this,e,"m",x).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(s,c,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,s,c,p);let j=this.constructor.getValidators(s);j!=null&&j.length&&this.validationTarget&&this.setValue(h(this,b,"f"))}setValue(s){var c;g(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),g(this,b,s,"f");let m=this.shouldFormValueUpdate()?s:null;this.internals.setFormValue(m),h(this,e,"m",P).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),h(this,e,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(s=>s(h(this,E,"f")))}formResetCallback(){var s,c;g(this,a,!1,"f"),g(this,t,!1,"f"),h(this,e,"m",x).call(this),(s=this.resetFormControl)===null||s===void 0||s.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,e,"m",x).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,n=new WeakMap,i=new WeakMap,b=new WeakMap,w=new WeakMap,C=new WeakMap,A=new WeakMap,y=new WeakMap,F=new WeakMap,E=new WeakMap,e=new WeakSet,d=function(){let s=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return s.querySelectorAll(c)},x=function(){if(this.hasAttribute("disabled"))return!1;let s=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,r,"f");return s&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),s},P=function(s){let c=this.constructor,p={},m=c.validators,z=[],j=m.some(_=>_.isValid instanceof Promise);h(this,F,"f")||(g(this,E,new Promise(_=>{g(this,y,_,"f")}),"f"),g(this,F,!0,"f")),h(this,l,"f")&&(h(this,l,"f").abort(),g(this,n,h(this,l,"f"),"f"));let Y=new AbortController;g(this,l,Y,"f");let D,he=!1;m.length&&(m.forEach(_=>{let K=_.key||"customError",I=_.isValid(this,s,Y.signal);I instanceof Promise?(z.push(I),I.then(Q=>{Q!=null&&(p[K]=!Q,D=h(this,e,"m",J).call(this,_,s),h(this,e,"m",L).call(this,p,D))})):(p[K]=!I,this.validity[K]!==!I&&(he=!0),!I&&!D&&(D=h(this,e,"m",J).call(this,_,s)))}),Promise.allSettled(z).then(()=>{var _;Y!=null&&Y.signal.aborted||(g(this,F,!1,"f"),(_=h(this,y,"f"))===null||_===void 0||_.call(this))}),(he||!j)&&h(this,e,"m",L).call(this,p,D))},L=function(s,c){if(this.validationTarget)this.internals.setValidity(s,c,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(s,c),this.internals.validity.valid)return;g(this,i,!0,"f")}},J=function(s,c){if(this.validityCallback){let p=this.validityCallback(s.key||"customError");if(p)return p}return s.message instanceof Function?s.message(this,c):s.message},Ie}import{html as G,LitElement as Ve,nothing as le}from"lit";import{property as k,state as Ne}from"lit/decorators.js";import{ifDefined as R}from"lit/directives/if-defined.js";import{css as Oe}from"lit";var Se=Oe`
|
|
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
|
+
`,mr=Oe`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2446,16 +2446,16 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;import{css as
|
|
2450
|
-
${this.label?
|
|
2451
|
-
<label for="${this._id}" class=${
|
|
2449
|
+
`;import{css as sr}from"lit";var Pe=sr`*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.flex{display: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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.resize{resize:both}.resize-none{resize:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}`;var S={base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]",fixed:"resize-none"},Ae={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text flex",optional:"pl-8 font-normal text-s s-text-subtle"},de={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},H,U,ce,u=class extends Ee(Ve){constructor(){super(...arguments);re(this,U);this.minHeight=Number.NEGATIVE_INFINITY;this.maxHeight=Number.POSITIVE_INFINITY;re(this,H,null)}updated(r){r.has("value")&&this.setValue(this.value)}resetFormControl(){this.value=ge(this,H)}get _textareaStyles(){return X([S.base,S.textArea,!!this.placeholder&&S.placeholder,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&S.default,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&S.invalid,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&S.disabled,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&S.readOnly,this.maxRows&&S.fixed])}get _helptextstyles(){return X([de.base,this.invalid?de.colorInvalid:de.color])}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}async connectedCallback(){super.connectedCallback(),me(this,H,this.value),this.setValue(this.value),await this.updateComplete,(this.value||this.minRows)&&oe(this,U,ce).call(this,this.shadowRoot.querySelector("textarea"))}handler(r){let t=r.currentTarget;this.value=t.value,oe(this,U,ce).call(this,t)}render(){return G`
|
|
2450
|
+
${this.label?G`
|
|
2451
|
+
<label for="${this._id}" class=${Ae.base}>
|
|
2452
2452
|
${this.label}
|
|
2453
|
-
${this.optional?
|
|
2454
|
-
<span class="${
|
|
2455
|
-
${
|
|
2453
|
+
${this.optional?G`
|
|
2454
|
+
<span class="${Ae.optional}">
|
|
2455
|
+
${Fe.t({id:"textarea.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}
|
|
2456
2456
|
</span>
|
|
2457
|
-
`:
|
|
2458
|
-
</label>`:
|
|
2457
|
+
`:le}
|
|
2458
|
+
</label>`:le}
|
|
2459
2459
|
<textarea
|
|
2460
2460
|
id="${this._id}"
|
|
2461
2461
|
class="${this._textareaStyles}"
|
|
@@ -2470,6 +2470,6 @@ Please compile your catalog first.
|
|
|
2470
2470
|
?required="${this.required}"
|
|
2471
2471
|
@input="${this.handler}">
|
|
2472
2472
|
</textarea>
|
|
2473
|
-
${this.helpText?
|
|
2474
|
-
`}};H=new WeakSet,
|
|
2473
|
+
${this.helpText?G`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`:le}
|
|
2474
|
+
`}};H=new WeakMap,U=new WeakSet,ce=function(r){let t=getComputedStyle(r),a=Number.parseFloat(t.getPropertyValue("border-top-width")),l=Number.parseFloat(t.getPropertyValue("border-top-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),i=Number.parseFloat(t.getPropertyValue("padding-top")),d=Number.parseFloat(t.getPropertyValue("padding-bottom")),b=i+d+l+a;this.minRows&&(this.minHeight=n*this.minRows+b),this.minRows&&(this.maxHeight=n*this.minRows+b);let w=r.scrollHeight+a+l,C=Math.min(this.maxHeight,Math.max(this.minHeight,w));r.style.setProperty("height",C+"px")},u.shadowRootOptions={...Ve.shadowRootOptions,delegatesFocus:!0},u.styles=[Se,Pe],v([k({type:Boolean,reflect:!0})],u.prototype,"disabled",2),v([k({type:Boolean,reflect:!0})],u.prototype,"invalid",2),v([k({type:String,reflect:!0})],u.prototype,"label",2),v([k({type:String,reflect:!0,attribute:"help-text"})],u.prototype,"helpText",2),v([k({type:Number,reflect:!0,attribute:"maximum-rows"})],u.prototype,"maxRows",2),v([k({type:Number,reflect:!0,attribute:"minimum-rows"})],u.prototype,"minRows",2),v([k()],u.prototype,"name",2),v([k()],u.prototype,"placeholder",2),v([k({type:Boolean,reflect:!0,attribute:"read-only"})],u.prototype,"readOnly",2),v([k({type:Boolean,reflect:!0})],u.prototype,"readonly",2),v([k({type:Boolean,reflect:!0})],u.prototype,"required",2),v([k({type:String,reflect:!0})],u.prototype,"value",2),v([k({type:Boolean,reflect:!0})],u.prototype,"optional",2),v([Ne()],u.prototype,"minHeight",2),v([Ne()],u.prototype,"maxHeight",2);customElements.get("w-textarea")||customElements.define("w-textarea",u);export{u as WarpTextarea};
|
|
2475
2475
|
//# sourceMappingURL=textarea.js.map
|