maz-ui 4.9.1-beta.2 → 4.9.1-beta.6
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/assets/MazTextarea.MBTxe2fH.css +1 -0
- package/dist/chunks/MazTextarea.CU99YvbC.js +1 -0
- package/dist/components/MazTextarea.js +1 -1
- package/dist/components/MazTextarea.vue.d.ts +10 -0
- package/dist/components/index.js +1 -1
- package/package.json +4 -4
- package/dist/assets/MazTextarea.Iq9KbBb5.css +0 -1
- package/dist/chunks/MazTextarea.Bu3Z5VoJ.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-textarea-wrapper[data-v-92051d75]{flex-direction:column;gap:.5rem;display:flex}.m-textarea[data-v-92051d75]{vertical-align:top;--maz-tw-text-opacity:1;min-height:6.25rem;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));flex-direction:column;display:flex;position:relative}.m-textarea.--should-up textarea[data-v-92051d75]{padding-top:.875rem}.m-textarea[data-v-92051d75]:not(.--background-transparent,.--is-disabled){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1))}.m-textarea[data-v-92051d75]:not(.--background-transparent,.--is-disabled):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--border[data-v-92051d75]:not(.--is-disabled){border-width:var(--maz-border-width);border-style:solid}.m-textarea.--border[data-v-92051d75]:not(.--is-disabled):not(.--has-border-style){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1))}.m-textarea.--border[data-v-92051d75]:not(.--is-disabled):not(.--has-border-style):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1))}.m-textarea.--padding[data-v-92051d75]{padding:.75rem 1rem}.m-textarea.--rounded-sm[data-v-92051d75]{border-radius:calc(var(--maz-radius) - 8px)}.m-textarea.--rounded-md[data-v-92051d75]{border-radius:calc(var(--maz-radius) - 4px)}.m-textarea.--rounded-base[data-v-92051d75]{border-radius:var(--maz-radius)}.m-textarea.--rounded-lg[data-v-92051d75]{border-radius:calc(var(--maz-radius) + 4px)}.m-textarea.--rounded-xl[data-v-92051d75]{border-radius:calc(var(--maz-radius) + 8px)}.m-textarea.--rounded-full[data-v-92051d75]{border-radius:9999px}.m-textarea.--rounded[data-v-92051d75]{border-radius:var(--maz-radius)}.m-textarea__append[data-v-92051d75]{justify-content:var(--append-justify);display:inline-flex}.m-textarea textarea[data-v-92051d75]{outline-offset:2px;background-color:#0000;outline:2px solid #0000;width:100%;transition:padding .2s cubic-bezier(0,0,.2,1)}.m-textarea textarea.--has-append[data-v-92051d75]{padding-bottom:1rem}.m-textarea.--is-disabled[data-v-92051d75]{cursor:not-allowed;--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled[data-v-92051d75]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--is-disabled[data-v-92051d75] *{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-92051d75]{--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-92051d75]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(75 85 99/var(--maz-tw-text-opacity,1))}.m-textarea__label[data-v-92051d75]{pointer-events:none;transform-origin:0 0;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:max-content;line-height:1.5rem;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:.75rem;left:1rem;overflow:hidden}.m-textarea__label.--should-up[data-v-92051d75]{transform:scale(.8)translateY(-.65rem)}.m-textarea__label[data-v-92051d75]:not(.--has-state){--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--should-up .m-textarea__label[data-v-92051d75]{transform:scale(.8)translateY(-.65rem)}.m-textarea.--autogrow textarea[data-v-92051d75]{resize:none;field-sizing:content;min-block-size:3lh}.m-textarea:not(.--autogrow) textarea[data-v-92051d75]{resize:vertical}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelText,withDirectives}from"vue";import '../assets/MazTextarea.MBTxe2fH.css';var _hoisted_1={class:`m-textarea-wrapper m-reset-css`};var _hoisted_2=[`for`];var _hoisted_3=[`for`];var _hoisted_4=[`for`];var _hoisted_5={key:1};var _hoisted_6={key:2};var _hoisted_7=[`id`,`placeholder`,`name`,`disabled`,`readonly`,`required`];var _hoisted_8={key:1,class:`m-textarea__append`};var MazTextarea_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazTextarea`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},id:{default:void 0},name:{default:`MazTextarea`},label:{default:void 0},placeholder:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{default:void 0},color:{default:`primary`},roundedSize:{},padding:{type:Boolean,default:!0},transparent:{type:Boolean,default:!1},border:{type:Boolean,default:!0},autogrow:{type:Boolean,default:!0},appendJustify:{default:`end`},topLabel:{default:void 0}},emits:[`update:model-value`,`input`,`focus`,`blur`,`change`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazTextarea`,providedId:props.id});let isFocused=ref(!1);let hasValue=computed(()=>props.modelValue!==void 0&&props.modelValue!==``&&props.modelValue?.trim()!==``);let inputValue=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value),emits(`input`,value)}});function focus(event){emits(`focus`,event),isFocused.value=!0}function blur(event){emits(`blur`,event),isFocused.value=!1}function change(event){emits(`change`,event)}let slots=useSlots();let hasLabelOrHint=computed(()=>props.label||props.hint||!!slots.label);let shouldUp=computed(()=>hasLabelOrHint.value&&(hasValue.value||!!props.placeholder));let hasAppend=computed(()=>!!slots.append);let borderStyle=computed(()=>{if(props.error)return`maz-border-destructive`;if(props.success)return`maz-border-success`;if(props.warning)return`maz-border-warning`;if(isFocused.value){if(props.color===`destructive`)return`maz-border-destructive`;if(props.color===`info`)return`maz-border-info`;if(props.color===`primary`)return`maz-border-primary`;if(props.color===`secondary`)return`maz-border-secondary`;if(props.color===`success`)return`maz-border-success`;if(props.color===`warning`)return`maz-border-warning`}return`--default-border`});let hasBorderStyle=computed(()=>borderStyle.value!==`--default-border`);let stateLabelColor=computed(()=>[{"maz-text-destructive-600":props.error,"maz-text-success-600":props.success,"maz-text-warning-600":props.warning}]);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__top-label`,stateLabelColor.value])},toDisplayString(__props.topLabel),11,_hoisted_2)):createCommentVNode(``,!0),createElementVNode(`label`,{class:normalizeClass([`m-textarea`,[{"--is-disabled":__props.disabled,"--has-label":hasLabelOrHint.value,"--background-transparent":__props.transparent,"--padding":__props.padding,"--border":__props.border,"--has-border-style":hasBorderStyle.value,"--should-up":shouldUp.value,"--autogrow":__props.autogrow},borderStyle.value,__props.roundedSize?`--rounded-${__props.roundedSize}`:`--rounded`,props.class]]),for:unref(instanceId),style:normalizeStyle([__props.style,`--append-justify: ${__props.appendJustify}`])},[hasLabelOrHint.value?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__label`,[...stateLabelColor.value,{"--has-state":__props.error||__props.warning||__props.success}]])},[__props.hint?(openBlock(),createElementBlock(`span`,_hoisted_5,toDisplayString(__props.hint),1)):renderSlot(_ctx.$slots,`label`,{key:0},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.required?(openBlock(),createElementBlock(`sup`,_hoisted_6,`*`)):createCommentVNode(``,!0)],10,_hoisted_4)):createCommentVNode(``,!0),withDirectives(createElementVNode(`textarea`,mergeProps({id:unref(instanceId)},_ctx.$attrs,{"onUpdate:modelValue":_cache[0]||=$event=>inputValue.value=$event,placeholder:__props.placeholder,name:__props.name,disabled:__props.disabled,readonly:__props.readonly,required:__props.required,class:{"--has-append":hasAppend.value}},toHandlers({blur,focus,change},!0)),null,16,_hoisted_7),[[vModelText,inputValue.value]]),hasAppend.value?(openBlock(),createElementBlock(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`append`,{},void 0,!0)])):createCommentVNode(``,!0)],14,_hoisted_3)]))}}),[[`__scopeId`,`data-v-92051d75`]]);export{MazTextarea_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTextarea_default}from"../chunks/MazTextarea.
|
|
1
|
+
import{t as MazTextarea_default}from"../chunks/MazTextarea.CU99YvbC.js";export{MazTextarea_default as default};
|
|
@@ -51,12 +51,22 @@ export interface MazTextareaProps<T extends string | undefined | null> {
|
|
|
51
51
|
* @default false
|
|
52
52
|
*/
|
|
53
53
|
border?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* If the textarea should autogrow based on its content
|
|
56
|
+
* @default true
|
|
57
|
+
*/
|
|
58
|
+
autogrow?: boolean;
|
|
54
59
|
/**
|
|
55
60
|
* The alignment of the append slot
|
|
56
61
|
* @values `'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'`
|
|
57
62
|
* @default 'end'
|
|
58
63
|
*/
|
|
59
64
|
appendJustify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
65
|
+
/**
|
|
66
|
+
* Static label displayed above the textarea. Unlike the floating label, this remains fixed
|
|
67
|
+
* @default undefined
|
|
68
|
+
*/
|
|
69
|
+
topLabel?: string;
|
|
60
70
|
}
|
|
61
71
|
declare const _default: <T extends string | undefined | null>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
62
72
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazUiProvider_default}from"../chunks/MazUiProvider.BgN8V0lD.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.CvNmYTOI.js";import{t as MazTicker_default}from"../chunks/MazTicker.DswenfAc.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.
|
|
1
|
+
import{t as MazUiProvider_default}from"../chunks/MazUiProvider.BgN8V0lD.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.CvNmYTOI.js";import{t as MazTicker_default}from"../chunks/MazTicker.DswenfAc.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.CU99YvbC.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.BxLR6LJH.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.Dfr-CGoV.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.BoMz52uG.js";import{t as MazTabs_default}from"../chunks/MazTabs.DX3COf4x.js";import{t as MazTable_default}from"../chunks/MazTable.CmCiIPt3.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.Cerga7wP.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.D-DvAw2R.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.DSyUEN2e.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CGIbFgSg.js";import{t as MazStepper_default}from"../chunks/MazStepper.vFi9QS23.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.CA2chxXk.js";import{t as MazSlider_default}from"../chunks/MazSlider.Bf5V8KjH.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.BbW_mYNN.js";import{t as MazInput_default}from"../chunks/MazInput.Bijjk4KZ.js";import{t as MazPopover_default}from"../chunks/MazPopover.D8XUs5Ul.js";import{t as MazSelect_default}from"../chunks/MazSelect.-vqgqq8H.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.BKqZlzUn.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.Bpqh7RPf.js";import{t as MazLink_default}from"../chunks/MazLink.B0u0fIRu.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.BD55ZOOG.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.BJCfjxJn.js";import{t as MazRadio_default}from"../chunks/MazRadio.GJmpMQhZ.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.-1XApEC4.js";import{t as MazBtn_default}from"../chunks/MazBtn.DbouFnOt.js";import{t as MazPagination_default}from"../chunks/MazPagination.6D7fU8FS.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.CBkNnaDx.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.Dkw4tDe0.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.DVLviqxB.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.Dm5M8Chj.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.DGR9mJpY.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.CuuoRFBI.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.DgWjM74i.js";import{t as MazIcon_default}from"../chunks/MazIcon.B1vB2u6g.js";import"../chunks/vFullscreenImg.C62jiIr6.js";import{t as MazGallery_default}from"../chunks/MazGallery.Cd_pkqi5.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.tjFNgnH_.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.Bm2S_WQZ.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.CQX8BGBY.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.Cmix0lAa.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.Cl3lt3MK.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.BuADb1qk.js";import{t as MazDialog_default}from"../chunks/MazDialog.Cvo9yTM0.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.Zv6iPWFb.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.CgpJc25B.js";import"../chunks/MazPickerContainer.csJCjkYH.js";import{t as MazContainer_default}from"../chunks/MazContainer.Diqg8Iv-.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.CeFXDX-b.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.BkqctZqF.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.Besr8a-L.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.DbCP_yP6.js";import{t as MazChart_default}from"../chunks/MazChart.D13i5rWB.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.CLwrbgU5.js";import{t as MazCard_default}from"../chunks/MazCard.JvUO0Wqc.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.CaKMi_Iq.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.DZ_hQy8F.js";import{t as MazBadge_default}from"../chunks/MazBadge.BISChDfq.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.CVgr5PsB.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.DeE2L6mi.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.D9ZOsmBB.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.DbTUBKBt.js";import{t as MazAlert_default}from"../chunks/MazAlert.D0ltpYyr.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.yHyn_tx9.js";export{MazAccordion_default as MazAccordion,MazAlert_default as MazAlert,MazAnimatedCounter_default as MazAnimatedCounter,MazAnimatedElement_default as MazAnimatedElement,MazAnimatedText_default as MazAnimatedText,MazAvatar_default as MazAvatar,MazBackdrop_default as MazBackdrop,MazBadge_default as MazBadge,MazBottomSheet_default as MazBottomSheet,MazBtn_default as MazBtn,MazBtnGroup_default as MazBtnGroup,MazCard_default as MazCard,MazCardSpotlight_default as MazCardSpotlight,MazCarousel_default as MazCarousel,MazChart_default as MazChart,MazCheckbox_default as MazCheckbox,MazChecklist_default as MazChecklist,MazCircularProgressBar_default as MazCircularProgressBar,MazContainer_default as MazContainer,MazDatePicker_default as MazDatePicker,MazDialog_default as MazDialog,MazDialogConfirm_default as MazDialogConfirm,MazDrawer_default as MazDrawer,MazDropdown_default as MazDropdown,MazDropzone_default as MazDropzone,MazExpandAnimation_default as MazExpandAnimation,MazFullscreenLoader_default as MazFullscreenLoader,MazGallery_default as MazGallery,MazIcon_default as MazIcon,MazInput_default as MazInput,MazInputCode_default as MazInputCode,MazInputNumber_default as MazInputNumber,MazInputPhoneNumber_default as MazInputPhoneNumber,MazInputPrice_default as MazInputPrice,MazInputTags_default as MazInputTags,MazLazyImg_default as MazLazyImg,MazLink_default as MazLink,MazLoadingBar_default as MazLoadingBar,MazPagination_default as MazPagination,MazPopover_default as MazPopover,MazPullToRefresh_default as MazPullToRefresh,MazRadio_default as MazRadio,MazRadioButtons_default as MazRadioButtons,MazReadMore_default as MazReadMore,MazReadingProgressBar_default as MazReadingProgressBar,MazSelect_default as MazSelect,MazSelectCountry_default as MazSelectCountry,MazSkeleton_default as MazSkeleton,MazSlider_default as MazSlider,MazSpinner_default as MazSpinner,MazStepper_default as MazStepper,MazSwitch_default as MazSwitch,MazTable_default as MazTable,MazTableCell_default as MazTableCell,MazTableRow_default as MazTableRow,MazTableTitle_default as MazTableTitle,MazTabs_default as MazTabs,MazTabsBar_default as MazTabsBar,MazTabsContent_default as MazTabsContent,MazTabsContentItem_default as MazTabsContentItem,MazTextarea_default as MazTextarea,MazTicker_default as MazTicker,MazTimeline_default as MazTimeline,MazUiProvider_default as MazUiProvider,useMazDialogConfirm};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.9.1-beta.
|
|
4
|
+
"version": "4.9.1-beta.6",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -160,11 +160,11 @@
|
|
|
160
160
|
"libphonenumber-js": "^1.12.40",
|
|
161
161
|
"valibot": "^1.2.0",
|
|
162
162
|
"vue-chartjs": "^5.3.3",
|
|
163
|
-
"@maz-ui/cli": "4.7.3",
|
|
164
163
|
"@maz-ui/icons": "4.7.6",
|
|
165
164
|
"@maz-ui/themes": "4.9.0",
|
|
166
|
-
"@maz-ui/
|
|
167
|
-
"@maz-ui/translations": "4.8.0"
|
|
165
|
+
"@maz-ui/cli": "4.7.3",
|
|
166
|
+
"@maz-ui/translations": "4.8.0",
|
|
167
|
+
"@maz-ui/utils": "4.7.6"
|
|
168
168
|
},
|
|
169
169
|
"devDependencies": {
|
|
170
170
|
"@vitejs/plugin-vue": "^6.0.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.m-textarea[data-v-907032f9]{vertical-align:top;--maz-tw-text-opacity:1;min-height:6.25rem;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));flex-direction:column;transition:padding .2s cubic-bezier(0,0,.2,1);display:flex;position:relative}.m-textarea[data-v-907032f9]:not(.--background-transparent,.--is-disabled){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1))}.m-textarea[data-v-907032f9]:not(.--background-transparent,.--is-disabled):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--border[data-v-907032f9]:not(.--is-disabled){border-width:var(--maz-border-width);border-style:solid}.m-textarea.--border[data-v-907032f9]:not(.--is-disabled):not(.--has-border-style){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1))}.m-textarea.--border[data-v-907032f9]:not(.--is-disabled):not(.--has-border-style):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1))}.m-textarea.--padding[data-v-907032f9]{padding:.75rem 1rem}.m-textarea.--rounded-sm[data-v-907032f9]{border-radius:calc(var(--maz-radius) - 8px)}.m-textarea.--rounded-md[data-v-907032f9]{border-radius:calc(var(--maz-radius) - 4px)}.m-textarea.--rounded-base[data-v-907032f9]{border-radius:var(--maz-radius)}.m-textarea.--rounded-lg[data-v-907032f9]{border-radius:calc(var(--maz-radius) + 4px)}.m-textarea.--rounded-xl[data-v-907032f9]{border-radius:calc(var(--maz-radius) + 8px)}.m-textarea.--rounded-full[data-v-907032f9]{border-radius:9999px}.m-textarea.--rounded[data-v-907032f9]{border-radius:var(--maz-radius)}.m-textarea__append[data-v-907032f9]{justify-content:var(--append-justify);display:inline-flex}.m-textarea textarea[data-v-907032f9]{resize:vertical;outline-offset:2px;background-color:#0000;outline:2px solid #0000;width:100%}.m-textarea textarea.--has-append[data-v-907032f9]{padding-bottom:1rem}.m-textarea.--is-disabled[data-v-907032f9]{cursor:not-allowed;--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled[data-v-907032f9]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--is-disabled[data-v-907032f9] *{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-907032f9]{--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-907032f9]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(75 85 99/var(--maz-tw-text-opacity,1))}.m-textarea__label[data-v-907032f9]{pointer-events:none;transform-origin:0 0;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:max-content;line-height:1.5rem;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:.75rem;left:1rem;overflow:hidden}.m-textarea__label.--should-up[data-v-907032f9]{transform:scale(.8)translateY(-.65rem)}.m-textarea__label[data-v-907032f9]:not(.--has-state){--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--should-up[data-v-907032f9]{padding-top:1.5rem}.m-textarea.--should-up .m-textarea__label[data-v-907032f9]{transform:scale(.8)translateY(-.65rem)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelText,withDirectives}from"vue";import{TextareaAutogrow}from"@maz-ui/utils/helpers/TextareaAutogrow";import '../assets/MazTextarea.Iq9KbBb5.css';var _hoisted_1=[`for`];var _hoisted_2=[`for`];var _hoisted_3={key:1};var _hoisted_4={key:2};var _hoisted_5=[`id`,`placeholder`,`name`,`disabled`,`required`];var _hoisted_6={key:1,class:`m-textarea__append`};var MazTextarea_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazTextarea`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},id:{default:void 0},name:{default:`MazTextarea`},label:{default:void 0},placeholder:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{default:void 0},color:{default:`primary`},roundedSize:{},padding:{type:Boolean,default:!0},transparent:{type:Boolean,default:!1},border:{type:Boolean,default:!0},appendJustify:{default:`end`}},emits:[`update:model-value`,`input`,`focus`,`blur`,`change`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let textareaAutogrow;let instanceId=useInstanceUniqId({componentName:`MazTextarea`,providedId:props.id});let TextareaElement=ref();let isFocused=ref(!1);let hasValue=computed(()=>props.modelValue!==void 0&&props.modelValue!==``);onMounted(()=>{TextareaElement.value&&(textareaAutogrow=new TextareaAutogrow(TextareaElement.value))}),onBeforeUnmount(()=>{textareaAutogrow?.disconnect()});let inputValue=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value),emits(`input`,value)}});function focus(event){emits(`focus`,event),isFocused.value=!0}function blur(event){emits(`blur`,event),isFocused.value=!1}function change(event){emits(`change`,event)}let slots=useSlots();let hasLabelOrHint=computed(()=>props.label||props.hint||!!slots.label);let shouldUp=computed(()=>hasLabelOrHint.value&&(hasValue.value||!!props.placeholder));let hasAppend=computed(()=>!!slots.append);let borderStyle=computed(()=>{if(props.error)return`maz-border-destructive`;if(props.success)return`maz-border-success`;if(props.warning)return`maz-border-warning`;if(isFocused.value){if(props.color===`destructive`)return`maz-border-destructive`;if(props.color===`info`)return`maz-border-info`;if(props.color===`primary`)return`maz-border-primary`;if(props.color===`secondary`)return`maz-border-secondary`;if(props.color===`success`)return`maz-border-success`;if(props.color===`warning`)return`maz-border-warning`}return`--default-border`});let hasBorderStyle=computed(()=>borderStyle.value!==`--default-border`);return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{class:normalizeClass([`m-textarea m-reset-css`,[{"--is-disabled":__props.disabled,"--has-label":hasLabelOrHint.value,"--background-transparent":__props.transparent,"--padding":__props.padding,"--border":__props.border,"--has-border-style":hasBorderStyle.value,"--should-up":shouldUp.value},borderStyle.value,__props.roundedSize?`--rounded-${__props.roundedSize}`:`--rounded`,props.class]]),for:unref(instanceId),style:normalizeStyle([__props.style,`--append-justify: ${__props.appendJustify}`])},[hasLabelOrHint.value?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__label`,[{"maz-text-destructive-600":__props.error,"maz-text-success-600":__props.success,"maz-text-warning-600":__props.warning,"--has-state":__props.error||__props.warning||__props.success}]])},[__props.hint?(openBlock(),createElementBlock(`span`,_hoisted_3,toDisplayString(__props.hint),1)):renderSlot(_ctx.$slots,`label`,{key:0},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.required?(openBlock(),createElementBlock(`sup`,_hoisted_4,`*`)):createCommentVNode(``,!0)],10,_hoisted_2)):createCommentVNode(``,!0),withDirectives(createElementVNode(`textarea`,mergeProps({id:unref(instanceId),ref_key:`TextareaElement`,ref:TextareaElement},_ctx.$attrs,{"onUpdate:modelValue":_cache[0]||=$event=>inputValue.value=$event,placeholder:__props.placeholder,name:__props.name,disabled:__props.disabled,required:__props.required,class:{"--has-append":hasAppend.value}},toHandlers({blur,focus,change},!0)),null,16,_hoisted_5),[[vModelText,inputValue.value]]),hasAppend.value?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`append`,{},void 0,!0)])):createCommentVNode(``,!0)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-907032f9`]]);export{MazTextarea_default as t};
|