@warp-ds/elements 2.10.0-next.10 → 2.10.0-next.12
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 +211 -189
- package/dist/docs/badge/api.md +4 -4
- package/dist/docs/badge/badge.md +4 -4
- package/dist/docs/button/api.md +24 -24
- package/dist/docs/button/button.md +24 -24
- package/dist/docs/checkbox/api.md +2 -2
- package/dist/docs/checkbox/checkbox.md +2 -2
- package/dist/docs/checkbox-group/api.md +6 -6
- package/dist/docs/checkbox-group/checkbox-group.md +6 -6
- package/dist/docs/datepicker/api.md +8 -8
- package/dist/docs/datepicker/datepicker.md +8 -8
- package/dist/docs/expandable/api.md +6 -6
- package/dist/docs/expandable/expandable.md +6 -6
- package/dist/docs/icon/api.md +4 -4
- package/dist/docs/icon/icon.md +4 -4
- package/dist/docs/link/api.md +10 -10
- package/dist/docs/link/link.md +10 -10
- package/dist/docs/modal/api.md +2 -2
- package/dist/docs/modal/modal.md +2 -2
- package/dist/docs/pagination/api.md +4 -4
- package/dist/docs/pagination/pagination.md +4 -4
- package/dist/docs/pill/api.md +8 -8
- package/dist/docs/pill/pill.md +8 -8
- package/dist/docs/select/api.md +10 -10
- package/dist/docs/select/select.md +10 -10
- package/dist/docs/slider/api.md +22 -22
- package/dist/docs/slider/slider.md +22 -22
- package/dist/docs/slider-thumb/api.md +12 -12
- package/dist/docs/slider-thumb/slider-thumb.md +12 -12
- package/dist/docs/tabs/api.md +2 -2
- package/dist/docs/tabs/tabs.md +2 -2
- package/dist/docs/textarea/api.md +14 -14
- package/dist/docs/textarea/textarea.md +14 -14
- package/dist/docs/textfield/api.md +34 -34
- package/dist/docs/textfield/textfield.md +34 -34
- package/dist/index.d.ts +285 -26
- package/dist/packages/affix/affix.d.ts +1 -1
- package/dist/packages/affix/affix.js +1 -1
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/affix/styles.js +2 -2
- package/dist/packages/alert/alert.js +3 -3
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/alert/styles.js +2 -2
- package/dist/packages/attention/attention.js +2 -2
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.stories.js +1 -1
- package/dist/packages/attention/styles.js +2 -2
- package/dist/packages/badge/badge.d.ts +2 -2
- package/dist/packages/badge/badge.js +1 -1
- package/dist/packages/badge/badge.js.map +3 -3
- package/dist/packages/badge/styles.js +2 -2
- package/dist/packages/box/box.js +2 -2
- package/dist/packages/box/box.js.map +3 -3
- package/dist/packages/box/styles.js +2 -2
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +1 -2
- package/dist/packages/breadcrumbs/breadcrumbs.js +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
- package/dist/packages/breadcrumbs/styles.js +2 -2
- package/dist/packages/button/button.d.ts +11 -11
- package/dist/packages/button/button.js +1 -1
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/card/card.js +2 -2
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/card/styles.js +2 -2
- package/dist/packages/checkbox/checkbox.d.ts +2 -2
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox-group/checkbox-group.d.ts +4 -4
- package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
- package/dist/packages/combobox/combobox.js +10 -11
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/combobox.react.stories.d.ts +26 -10
- package/dist/packages/combobox/react.d.ts +13 -5
- package/dist/packages/combobox/styles.js +2 -3
- package/dist/packages/datepicker/datepicker.d.ts +5 -5
- package/dist/packages/datepicker/datepicker.js +12 -12
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +12 -12
- package/dist/packages/datepicker/react.d.ts +6 -6
- package/dist/packages/expandable/expandable.d.ts +3 -3
- package/dist/packages/expandable/expandable.js +11 -11
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/expandable/styles.js +2 -2
- package/dist/packages/icon/icon.d.ts +1 -1
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +1 -1
- package/dist/packages/icon/icon.react.stories.d.ts +1 -1
- package/dist/packages/icon/icon.react.stories.js +2 -0
- package/dist/packages/icon/icon.stories.d.ts +7 -30
- package/dist/packages/icon/icon.stories.js +11 -2
- package/dist/packages/link/link.d.ts +5 -5
- package/dist/packages/link/link.js.map +1 -1
- package/dist/packages/modal/modal.d.ts +1 -1
- package/dist/packages/modal/modal.js.map +2 -2
- package/dist/packages/modal/modal.react.stories.d.ts +4 -4
- package/dist/packages/modal/modal.react.stories.js +9 -1
- package/dist/packages/modal/react.d.ts +34 -4
- package/dist/packages/modal/react.js +30 -0
- package/dist/packages/modal/util.js +3 -1
- package/dist/packages/modal-footer/modal-footer.js.map +2 -2
- package/dist/packages/modal-header/modal-header.js +4 -4
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +0 -4
- package/dist/packages/page-indicator/page-indicator.js +6 -6
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.stories.d.ts +8 -26
- package/dist/packages/page-indicator/page-indicator.stories.js +9 -7
- package/dist/packages/pagination/pagination.d.ts +8 -9
- package/dist/packages/pagination/pagination.js +11 -11
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.react.stories.d.ts +6 -6
- package/dist/packages/pagination/pagination.test.js +4 -7
- package/dist/packages/pagination/react.d.ts +3 -3
- package/dist/packages/pagination/styles.js +2 -2
- package/dist/packages/pill/pill.d.ts +4 -4
- package/dist/packages/pill/pill.js +3 -3
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/pill/pill.react.stories.d.ts +8 -8
- package/dist/packages/pill/react.d.ts +4 -4
- package/dist/packages/pill/styles.js +2 -2
- package/dist/packages/radio/form-associated-element.d.ts +1 -1
- package/dist/packages/radio/radio.d.ts +1 -1
- package/dist/packages/radio-group/radio-group.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.js.map +1 -1
- package/dist/packages/radio-group/react.d.ts +4 -4
- package/dist/packages/select/react.d.ts +3 -3
- package/dist/packages/select/select.d.ts +6 -7
- package/dist/packages/select/select.js +5 -5
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.react.stories.d.ts +7 -7
- package/dist/packages/select/select.react.stories.js +15 -10
- package/dist/packages/select/styles.js +2 -2
- package/dist/packages/slider/slider.d.ts +14 -14
- package/dist/packages/slider/slider.js +6 -6
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.stories.js +1 -0
- package/dist/packages/slider-thumb/react.d.ts +2 -2
- package/dist/packages/slider-thumb/slider-thumb.d.ts +14 -14
- package/dist/packages/slider-thumb/slider-thumb.js +2 -2
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- package/dist/packages/slider-thumb/styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles.js +2 -0
- package/dist/packages/step/step.js +3 -3
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/step-indicator/step-indicator.js +3 -3
- package/dist/packages/step-indicator/step-indicator.js.map +3 -3
- package/dist/packages/step-indicator/styles.js +2 -2
- package/dist/packages/switch/styles.js +2 -2
- package/dist/packages/switch/switch.d.ts +3 -3
- package/dist/packages/switch/switch.js +3 -3
- package/dist/packages/switch/switch.js.map +3 -3
- package/dist/packages/tab/react.d.ts +4 -4
- package/dist/packages/tab/tab.d.ts +1 -1
- package/dist/packages/tab/tab.js +4 -4
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.js +1 -1
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/styles.js +2 -2
- package/dist/packages/tabs/tabs.d.ts +4 -3
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/react.d.ts +9 -9
- package/dist/packages/textarea/styles.js +2 -2
- package/dist/packages/textarea/textarea.a11y.test.js +1 -1
- package/dist/packages/textarea/textarea.d.ts +10 -10
- package/dist/packages/textarea/textarea.js +6 -6
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
- package/dist/packages/textfield/react.d.ts +9 -9
- package/dist/packages/textfield/styles.js +2 -2
- package/dist/packages/textfield/textfield.d.ts +22 -22
- package/dist/packages/textfield/textfield.js +4 -4
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
- package/dist/packages/toast/api.d.ts +1 -1
- package/dist/packages/toast/toast.d.ts +1 -1
- package/dist/packages/toast/toast.js +3 -3
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/packages/toast-container/styles.d.ts +1 -0
- package/dist/packages/toast-container/styles.js +2 -0
- package/dist/packages/toast-container/toast-container.js +2 -2
- package/dist/packages/toast-container/toast-container.js.map +2 -2
- package/dist/web-types.json +170 -159
- package/eik/index.js +21 -22
- package/package.json +4 -4
|
@@ -15,7 +15,7 @@ declare class WarpTextarea extends WarpTextarea_base {
|
|
|
15
15
|
static shadowRootOptions: {
|
|
16
16
|
delegatesFocus: boolean;
|
|
17
17
|
clonable?: boolean;
|
|
18
|
-
customElementRegistry?: CustomElementRegistry;
|
|
18
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
19
19
|
mode: ShadowRootMode;
|
|
20
20
|
serializable?: boolean;
|
|
21
21
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -39,26 +39,26 @@ declare class WarpTextarea extends WarpTextarea_base {
|
|
|
39
39
|
/**
|
|
40
40
|
* Either a `label` or an `aria-label` must be provided.
|
|
41
41
|
*/
|
|
42
|
-
label: string;
|
|
42
|
+
label: string | undefined;
|
|
43
43
|
/**
|
|
44
44
|
* Use in combination with `invalid` to show as a validation error message,
|
|
45
45
|
* or on its own to show a help text.
|
|
46
46
|
*
|
|
47
47
|
* @summary Description shown below the input field
|
|
48
48
|
*/
|
|
49
|
-
helpText: string;
|
|
49
|
+
helpText: string | undefined;
|
|
50
50
|
/**
|
|
51
51
|
* Sets the maximum number of text rows before the content starts scrolling.
|
|
52
52
|
*/
|
|
53
|
-
maxRows: number;
|
|
53
|
+
maxRows: number | undefined;
|
|
54
54
|
/**
|
|
55
55
|
* Sets the minimum number of text rows the textarea should display
|
|
56
56
|
*/
|
|
57
|
-
minRows: number;
|
|
57
|
+
minRows: number | undefined;
|
|
58
58
|
/**
|
|
59
59
|
* The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form
|
|
60
60
|
*/
|
|
61
|
-
name: string;
|
|
61
|
+
name: string | undefined;
|
|
62
62
|
/**
|
|
63
63
|
* Set a text that is shown in the textarea when it doesn't have a value.
|
|
64
64
|
*
|
|
@@ -66,7 +66,7 @@ declare class WarpTextarea extends WarpTextarea_base {
|
|
|
66
66
|
*
|
|
67
67
|
* @summary Shown in the textarea when it doesn't have a value
|
|
68
68
|
*/
|
|
69
|
-
placeholder: string;
|
|
69
|
+
placeholder: string | undefined;
|
|
70
70
|
/**
|
|
71
71
|
* @deprecated Use the native `readonly` attribute instead
|
|
72
72
|
*/
|
|
@@ -82,7 +82,7 @@ declare class WarpTextarea extends WarpTextarea_base {
|
|
|
82
82
|
/**
|
|
83
83
|
* Lets you set the current value
|
|
84
84
|
*/
|
|
85
|
-
value: string;
|
|
85
|
+
value: string | undefined;
|
|
86
86
|
/**
|
|
87
87
|
* Show an icon behind the label indicating the field is optional
|
|
88
88
|
*/
|
|
@@ -110,11 +110,11 @@ declare class WarpTextarea extends WarpTextarea_base {
|
|
|
110
110
|
/** @internal */
|
|
111
111
|
get _helptextstyles(): string;
|
|
112
112
|
/** @internal */
|
|
113
|
-
get _helpId(): string;
|
|
113
|
+
get _helpId(): string | undefined;
|
|
114
114
|
/** @internal */
|
|
115
115
|
get _id(): string;
|
|
116
116
|
/** @internal */
|
|
117
|
-
get _error(): string;
|
|
117
|
+
get _error(): string | undefined;
|
|
118
118
|
connectedCallback(): Promise<void>;
|
|
119
119
|
disconnectedCallback(): void;
|
|
120
120
|
firstUpdated(changedProperties: PropertyValues<this>): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Le=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var ve=o=>{throw TypeError(o)};var f=(o,e,r,t)=>{for(var a=t>1?void 0:t?Ne(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&&Le(e,r,a),a};var se=(o,e,r)=>e.has(o)||ve("Cannot "+r);var M=(o,e,r)=>(se(o,e,"read from private field"),r?r.call(o):e.get(o))
|
|
1
|
+
var Le=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var ve=o=>{throw TypeError(o)};var f=(o,e,r,t)=>{for(var a=t>1?void 0:t?Ne(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&&Le(e,r,a),a};var se=(o,e,r)=>e.has(o)||ve("Cannot "+r);var M=(o,e,r)=>(se(o,e,"read from private field"),r?r.call(o):e.get(o)),S=(o,e,r)=>e.has(o)?ve("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),F=(o,e,r,t)=>(se(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),v=(o,e,r)=>(se(o,e,"access private method"),r);var K=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)?K.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var $=o=>typeof o=="string",Ye=o=>typeof o=="function",me=new Map,we="en";function ce(o){return[...Array.isArray(o)?o:[o],we]}function he(o,e,r){let t=ce(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 J(()=>Q("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format($(e)?new Date(e):e)}function Oe(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 he(o,e,t)}function ne(o,e,r){let t=ce(o);return J(()=>Q("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function fe(o,e,r,{offset:t=0,...a}){let c=ce(o),n=e?J(()=>Q("plural-ordinal",c),()=>new Intl.PluralRules(c,{type:"ordinal"})):J(()=>Q("plural-cardinal",c),()=>new Intl.PluralRules(c,{type:"cardinal"}));return a[r]??a[n.select(r-t)]??a.other}function J(o,e){let r=o(),t=me.get(r);return t||(t=e(),me.set(r,t)),t}function Q(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var xe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ke=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),ye="%__lingui_octothorpe__%",Re=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],c=(n,i)=>{let h=Object.keys(r).length?a("number"):void 0,w=ne(t,n,h);return i.replace(new RegExp(ye,"g"),w)};return{plural:(n,i)=>{let{offset:h=0}=i,w=fe(t,!1,n,i);return c(n-h,w)},selectordinal:(n,i)=>{let{offset:h=0}=i,w=fe(t,!0,n,i);return c(n-h,w)},select:Te,number:(n,i)=>ne(t,n,a(i)||{style:i}),date:(n,i)=>he(t,n,a(i)||i),time:(n,i)=>Oe(t,n,a(i)||i)}},Te=(o,e)=>e[o]??e.other;function De(o,e,r){return(t={},a)=>{let c=Re(e,r,a),n=(h,w=!1)=>Array.isArray(h)?h.reduce((z,C)=>{if(C==="#"&&w)return z+ye;if($(C))return z+C;let[O,y,A]=C,P={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(A).forEach(([L,D])=>{P[L]=n(D,y==="plural"||y==="selectordinal")}):P=A;let x;if(y){let L=c[y];x=L(t[O],P)}else x=t[O];return x==null?z:z+x},""):h,i=n(o);return $(i)&&xe.test(i)?ke(i):$(i)?i:i?String(i):""}}var He=Object.defineProperty,Xe=(o,e,r)=>e in o?He(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,qe=(o,e,r)=>(Xe(o,typeof e!="symbol"?e+"":e,r),r),le=class{constructor(){qe(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(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}},Ue=Object.defineProperty,Ze=(o,e,r)=>e in o?Ue(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,N=(o,e,r)=>(Ze(o,typeof e!="symbol"?e+"":e,r),r),de=class extends le{constructor(e){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(e.locale??we,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_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?.message;e||(e=""),$(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 Ye(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let h=c||a||e;return $(h)&&(this._messageCompiler?h=this._messageCompiler(h):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${h}
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`))
|
|
9
|
+
`)),$(h)&&xe.test(h)?ke(h):$(h)?h:De(h,this._locale,this._locales)(r,t?.formats)}date(e,r){return he(this._locales||this._locale,e,r)}number(e,r){return ne(this._locales||this._locale,e,r)}};function Be(o={}){return new de(o)}var _e=Be();var d=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 ze(o){var e,r,t,a,c,n,i,h,w,z,C,O,y,A,P,x,L,D,oe;class je extends o{constructor(...s){var l,p,m;super(...s),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),c.set(this,void 0),n.set(this,void 0),i.set(this,!0),w.set(this,""),z.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),d(this,e,"m",x).call(this)}),C.set(this,()=>{g(this,r,!1,"f"),d(this,e,"m",L).call(this,this.shouldFormValueUpdate()?d(this,w,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let V=d(this,e,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(V?this.internals.validationMessage:"")}),O.set(this,()=>{var V;d(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"),d(this,e,"m",x).call(this),(V=this===null||this===void 0?void 0:this.validationMessageCallback)===null||V===void 0||V.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),A.set(this,!1),P.set(this,Promise.resolve()),(l=this.addEventListener)===null||l===void 0||l.call(this,"focus",d(this,z,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",d(this,C,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",d(this,O,"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(),l=super.observedAttributes||[];return[...new Set([...l,...s])]}static getValidator(s){return this.validators.find(l=>l.attribute===s)||null}static getValidators(s){return this.validators.filter(l=>{var p;if(l.attribute===s||!((p=l.attribute)===null||p===void 0)&&p.includes(s))return!0})}get form(){return this.internals.form}get showError(){return d(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,l,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,s,l,p);let X=this.constructor.getValidators(s);X?.length&&this.validationTarget&&this.setValue(d(this,w,"f"))}setValue(s){var l;g(this,t,!1,"f"),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,""),g(this,w,s,"f");let m=this.shouldFormValueUpdate()?s:null;this.internals.setFormValue(m),d(this,e,"m",L).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),d(this,e,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(s=>s(d(this,P,"f")))}formResetCallback(){var s,l;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,e,"m",x).call(this),(s=this.resetFormControl)===null||s===void 0||s.call(this),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,d(this,e,"m",x).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,c=new WeakMap,n=new WeakMap,i=new WeakMap,w=new WeakMap,z=new WeakMap,C=new WeakMap,O=new WeakMap,y=new WeakMap,A=new WeakMap,P=new WeakMap,e=new WeakSet,h=function(){let s=this.getRootNode(),l=`${this.localName}[name="${this.getAttribute("name")}"]`;return s.querySelectorAll(l)},x=function(){if(this.hasAttribute("disabled"))return!1;let s=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return s&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),s},L=function(s){let l=this.constructor,p={},m=l.validators,V=[],X=m.some(_=>_.isValid instanceof Promise);d(this,A,"f")||(g(this,P,new Promise(_=>{g(this,y,_,"f")}),"f"),g(this,A,!0,"f")),d(this,c,"f")&&(d(this,c,"f").abort(),g(this,n,d(this,c,"f"),"f"));let q=new AbortController;g(this,c,q,"f");let U,ge=!1;m.length&&(m.forEach(_=>{let ae=_.key||"customError",R=_.isValid(this,s,q.signal);R instanceof Promise?(V.push(R),R.then(ie=>{ie!=null&&(p[ae]=!ie,U=d(this,e,"m",oe).call(this,_,s),d(this,e,"m",D).call(this,p,U))})):(p[ae]=!R,this.validity[ae]!==!R&&(ge=!0),!R&&!U&&(U=d(this,e,"m",oe).call(this,_,s)))}),Promise.allSettled(V).then(()=>{var _;q?.signal.aborted||(g(this,A,!1,"f"),(_=d(this,y,"f"))===null||_===void 0||_.call(this))}),(ge||!X)&&d(this,e,"m",D).call(this,p,U))},D=function(s,l){if(this.validationTarget)this.internals.setValidity(s,l,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(s,l),this.internals.validity.valid)return;g(this,i,!0,"f")}},oe=function(s,l){if(this.validityCallback){let p=this.validityCallback(s.key||"customError");if(p)return p}return s.message instanceof Function?s.message(this,l):s.message},je}import{html as W,LitElement as Pe,nothing as ee}from"lit";import{property as k,query as Ke,state as Se}from"lit/decorators.js";import{ifDefined as re}from"lit/directives/if-defined.js";import{css as Ce}from"lit";var Fe=Ce`
|
|
10
10
|
*,
|
|
11
11
|
:before,
|
|
12
12
|
:after {
|
|
@@ -2445,12 +2445,12 @@ Please compile your catalog first.
|
|
|
2445
2445
|
display: none
|
|
2446
2446
|
}
|
|
2447
2447
|
}
|
|
2448
|
-
`;var Ve="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Me=(o=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(o|=0));for(;o--;)e+=Ve[r[o]&63];return e};function Ee(o=""){return`${o}${Me()}`}import{
|
|
2448
|
+
`;var Ve="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Me=(o=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(o|=0));for(;o--;)e+=Ve[r[o]&63];return e};function Ee(o=""){return`${o}${Me()}`}import{unsafeCSS as Ge}from"lit";var Ae=Ge("*,: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)}.visible{visibility:visible}.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 I={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"},$e={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"},be={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},B,te,Y,T,j,b,ue,Z,E,Ie,G,pe,u=class extends ze(Pe){constructor(){super(...arguments);S(this,b);this.disabled=!1;this.invalid=!1;this.readOnly=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.minHeight=Number.NEGATIVE_INFINITY;this.maxHeight=Number.POSITIVE_INFINITY;S(this,B);S(this,te,Ee("textarea-"));S(this,Y,!1);S(this,T);S(this,j,!1);S(this,G,r=>{r.preventDefault(),F(this,j,!0),v(this,b,E).call(this)})}updated(r){r.has("value")&&typeof this.value<"u"&&this.setValue(this.value),(r.has("value")||r.has("required")||r.has("disabled"))&&v(this,b,E).call(this)}resetFormControl(){this.value=M(this,B),F(this,j,!1),v(this,b,Z).call(this),v(this,b,E).call(this)}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return v(this,b,E).call(this),this.internals.checkValidity()}reportValidity(){return F(this,j,!0),v(this,b,E).call(this),this.internals.checkValidity()}setCustomValidity(r){r?(this.internals.setValidity({customError:!0},r,this._textarea),v(this,b,ue).call(this,r)):(v(this,b,Z).call(this),v(this,b,E).call(this))}get _textareaStyles(){return K([I.base,I.textArea,!!this.placeholder&&I.placeholder,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&I.default,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&I.invalid,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&I.disabled,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&I.readOnly,this.maxRows&&I.fixed])}get _helptextstyles(){return K([be.base,this.invalid?be.colorInvalid:be.color])}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return M(this,te)}get _error(){if(this.invalid&&this._helpId)return this._helpId}async connectedCallback(){if(super.connectedCallback(),F(this,B,this.value),typeof this.value<"u"&&this.setValue(this.value),this.addEventListener("invalid",M(this,G)),await this.updateComplete,this.value||this.minRows){let r=this.shadowRoot?.querySelector("textarea");r&&v(this,b,pe).call(this,r)}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",M(this,G))}firstUpdated(r){super.firstUpdated(r),v(this,b,E).call(this)}handler(r){let t=r.currentTarget;this.value=t.value,v(this,b,pe).call(this,t)}render(){return W`
|
|
2449
2449
|
${this.label?W`
|
|
2450
|
-
<label for="${this._id}" class=${
|
|
2450
|
+
<label for="${this._id}" class=${$e.base}>
|
|
2451
2451
|
${this.label}
|
|
2452
2452
|
${this.optional?W`
|
|
2453
|
-
<span class="${
|
|
2453
|
+
<span class="${$e.optional}">
|
|
2454
2454
|
${_e._({id:"textarea.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}
|
|
2455
2455
|
</span>
|
|
2456
2456
|
`:ee}
|
|
@@ -2471,5 +2471,5 @@ Please compile your catalog first.
|
|
|
2471
2471
|
@blur="${v(this,b,Ie)}">
|
|
2472
2472
|
</textarea>
|
|
2473
2473
|
${this.helpText?W`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`:ee}
|
|
2474
|
-
`}};B=new WeakMap,te=new WeakMap,Y=new WeakMap,T=new WeakMap,j=new WeakMap,b=new WeakSet,ue=function(r){M(this,Y)||F(this,T,this.helpText),F(this,Y,!0),this.invalid=!0,this.helpText=r},Z=function(){M(this,Y)&&(this.invalid=!1,this.helpText=M(this,T),F(this,T,void 0),F(this,Y,!1))},E=function(){if(this.disabled){this.internals.setValidity({}),v(this,b,Z).call(this);return}if(this.required&&!this.value){let r=this._textarea?.validationMessage||"";this.internals.setValidity({valueMissing:!0},r,this._textarea),M(this,j)&&v(this,b,ue).call(this,r);return}this.internals.setValidity({}),v(this,b,Z).call(this)},Ie=function(){F(this,j,!0),v(this,b,E).call(this)},G=new WeakMap,pe=function(r){let t=getComputedStyle(r),a=Number.parseFloat(t.getPropertyValue("border-top-width")),c=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),i=Number.parseFloat(t.getPropertyValue("padding-top")),h=Number.parseFloat(t.getPropertyValue("padding-bottom")),w=i+h+c+a;this.minRows&&(this.minHeight=n*this.minRows+w),this.maxRows&&(this.maxHeight=n*this.maxRows+w);let z=r.scrollHeight+a+c,C=Math.min(this.maxHeight,Math.max(this.minHeight,z));r.style.setProperty("height",C+"px")},u.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0},u.styles=[Fe,Ae],f([k({type:Boolean,reflect:!0})],u.prototype,"disabled",2),f([k({type:Boolean,reflect:!0})],u.prototype,"invalid",2),f([k({type:String,reflect:!0})],u.prototype,"label",2),f([k({type:String,reflect:!0,attribute:"help-text"})],u.prototype,"helpText",2),f([k({type:Number,reflect:!0,attribute:"maximum-rows"})],u.prototype,"maxRows",2),f([k({type:Number,reflect:!0,attribute:"minimum-rows"})],u.prototype,"minRows",2),f([k({type:String,reflect:!0})],u.prototype,"name",2),f([k({type:String,reflect:!0})],u.prototype,"placeholder",2),f([k({type:Boolean,reflect:!0,attribute:"read-only"})],u.prototype,"readOnly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"readonly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"required",2),f([k({type:String,reflect:!0})],u.prototype,"value",2),f([k({type:Boolean,reflect:!0})],u.prototype,"optional",2),f([
|
|
2474
|
+
`}};B=new WeakMap,te=new WeakMap,Y=new WeakMap,T=new WeakMap,j=new WeakMap,b=new WeakSet,ue=function(r){M(this,Y)||F(this,T,this.helpText),F(this,Y,!0),this.invalid=!0,this.helpText=r},Z=function(){M(this,Y)&&(this.invalid=!1,this.helpText=M(this,T),F(this,T,void 0),F(this,Y,!1))},E=function(){if(this.disabled){this.internals.setValidity({}),v(this,b,Z).call(this);return}if(this.required&&!this.value){let r=this._textarea?.validationMessage||"";this.internals.setValidity({valueMissing:!0},r,this._textarea),M(this,j)&&v(this,b,ue).call(this,r);return}this.internals.setValidity({}),v(this,b,Z).call(this)},Ie=function(){F(this,j,!0),v(this,b,E).call(this)},G=new WeakMap,pe=function(r){let t=getComputedStyle(r),a=Number.parseFloat(t.getPropertyValue("border-top-width")),c=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),i=Number.parseFloat(t.getPropertyValue("padding-top")),h=Number.parseFloat(t.getPropertyValue("padding-bottom")),w=i+h+c+a;this.minRows&&(this.minHeight=n*this.minRows+w),this.maxRows&&(this.maxHeight=n*this.maxRows+w);let z=r.scrollHeight+a+c,C=Math.min(this.maxHeight,Math.max(this.minHeight,z));r.style.setProperty("height",C+"px")},u.shadowRootOptions={...Pe.shadowRootOptions,delegatesFocus:!0},u.styles=[Fe,Ae],f([k({type:Boolean,reflect:!0})],u.prototype,"disabled",2),f([k({type:Boolean,reflect:!0})],u.prototype,"invalid",2),f([k({type:String,reflect:!0})],u.prototype,"label",2),f([k({type:String,reflect:!0,attribute:"help-text"})],u.prototype,"helpText",2),f([k({type:Number,reflect:!0,attribute:"maximum-rows"})],u.prototype,"maxRows",2),f([k({type:Number,reflect:!0,attribute:"minimum-rows"})],u.prototype,"minRows",2),f([k({type:String,reflect:!0})],u.prototype,"name",2),f([k({type:String,reflect:!0})],u.prototype,"placeholder",2),f([k({type:Boolean,reflect:!0,attribute:"read-only"})],u.prototype,"readOnly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"readonly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"required",2),f([k({type:String,reflect:!0})],u.prototype,"value",2),f([k({type:Boolean,reflect:!0})],u.prototype,"optional",2),f([Se()],u.prototype,"minHeight",2),f([Se()],u.prototype,"maxHeight",2),f([Ke("textarea")],u.prototype,"_textarea",2);customElements.get("w-textarea")||customElements.define("w-textarea",u);export{u as WarpTextarea};
|
|
2475
2475
|
//# sourceMappingURL=textarea.js.map
|