3 lines
8.4 KiB
JavaScript
3 lines
8.4 KiB
JavaScript
import{n as l,N as n,ac as o,D as u,a as s,r as c,aa as d,aH as p}from"./index-BMeBqg0T.chunk.mjs";import{u as r}from"./useModelMigration-EhAWvqDD-wVDp4GUR.chunk.mjs";import{A as h}from"./video-rmrjCz0n.chunk.mjs";const f={name:"AlertCircleOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var _=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon alert-circle-outline-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},m=[],g=l(f,_,m,!1,null,null);const b=g.exports,v={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var y=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon check-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},C=[],$=l(v,y,C,!1,null,null);const x=$.exports,S={name:"NcInputField",components:{NcButton:n,AlertCircle:b,Check:x},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{value:{type:[String,Number],default:void 0},modelValue:{type:[String,Number],default:void 0},type:{type:String,default:"text",validator:t=>["text","password","email","tel","url","search","number"].includes(t)},label:{type:String,default:void 0},labelOutside:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},showTrailingButton:{type:Boolean,default:!1},trailingButtonLabel:{type:String,default:""},success:{type:Boolean,default:!1},error:{type:Boolean,default:!1},helperText:{type:String,default:""},disabled:{type:Boolean,default:!1},pill:{type:Boolean,default:!1},inputClass:{type:[Object,String],default:""}},emits:["update:value","update:modelValue","update:model-value","trailing-button-click"],setup(){return{model:r("value","update:value",!0)}},computed:{computedId(){return this.$attrs.id&&this.$attrs.id!==""?this.$attrs.id:this.inputName},inputName(){return"input"+o()},hasTrailingIcon(){return this.success},hasPlaceholder(){return this.placeholder!==""&&this.placeholder!==void 0},computedPlaceholder(){return this.hasPlaceholder?this.placeholder:this.label},isValidLabel(){const t=this.label||this.labelOutside;return t||console.warn("You need to add a label to the NcInputField component. Either use the prop label or use an external one, as per the example in the documentation."),t},ariaDescribedby(){const t=[];return this.helperText.length>0&&t.push(`${this.inputName}-helper-text`),this.$attrs["aria-describedby"]&&t.push(this.$attrs["aria-describedby"]),t.join(" ")||null}},methods:{focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},handleInput(t){const e=this.type==="number"&&typeof this.model=="number"?parseFloat(t.target.value,10):t.target.value;this.model=e},handleTrailingButtonClick(t){this.$emit("trailing-button-click",t)}}};var B=function(){var t=this,e=t._self._c;return e("div",{staticClass:"input-field",class:{"input-field--disabled":t.disabled,"input-field--label-outside":t.labelOutside||!t.isValidLabel,"input-field--leading-icon":!!t.$scopedSlots.icon||!!t.$scopedSlots.default||!!t.$slots.default,"input-field--trailing-icon":t.showTrailingButton||t.hasTrailingIcon,"input-field--pill":t.pill}},[e("div",{staticClass:"input-field__main-wrapper"},[e("input",t._g(t._b({ref:"input",staticClass:"input-field__input",class:[t.inputClass,{"input-field__input--success":t.success,"input-field__input--error":t.error}],attrs:{id:t.computedId,type:t.type,disabled:t.disabled,placeholder:t.computedPlaceholder,"aria-describedby":t.ariaDescribedby,"aria-live":"polite"},domProps:{value:t.model?.toString()},on:{input:t.handleInput}},"input",t.$attrs,!1),t.$listeners)),!t.labelOutside&&t.isValidLabel?e("label",{staticClass:"input-field__label",attrs:{for:t.computedId}},[t._v(" "+t._s(t.label)+" ")]):t._e(),e("div",{directives:[{name:"show",rawName:"v-show",value:!!t.$scopedSlots.icon||!!t.$scopedSlots.default||!!t.$slots.default,expression:"!!$scopedSlots.icon || !!$scopedSlots.default || !!$slots.default"}],staticClass:"input-field__icon input-field__icon--leading"},[t._t("icon",function(){return[t._t("default")]})],2),t.showTrailingButton?e("NcButton",{staticClass:"input-field__trailing-button",attrs:{"aria-label":t.trailingButtonLabel,disabled:t.disabled,variant:"tertiary-no-background"},on:{click:t.handleTrailingButtonClick},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("trailing-button-icon")]},proxy:!0}],null,!0)}):t.success||t.error?e("div",{staticClass:"input-field__icon input-field__icon--trailing"},[t.success?e("Check",{staticStyle:{color:"var(--color-success-text)"},attrs:{size:20}}):t.error?e("AlertCircle",{staticStyle:{color:"var(--color-error-text)"},attrs:{size:20}}):t._e()],1):t._e()],1),t.helperText.length>0?e("p",{staticClass:"input-field__helper-text-message",class:{"input-field__helper-text-message--error":t.error,"input-field__helper-text-message--success":t.success},attrs:{id:`${t.inputName}-helper-text`}},[t.success?e("Check",{staticClass:"input-field__helper-text-message__icon",attrs:{size:18}}):t.error?e("AlertCircle",{staticClass:"input-field__helper-text-message__icon",attrs:{size:18}}):t._e(),t._v(" "+t._s(t.helperText)+" ")],1):t._e()])},k=[],w=l(S,B,k,!1,null,"8f3abf17");const a=w.exports,A={name:"UndoVariantIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var I=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon undo-variant-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},L=[],N=l(A,I,L,!1,null,null);const V=N.exports;c(p,d);const z=new Set(Object.keys(a.props)),T={name:"NcTextField",components:{NcInputField:a,Close:u,ArrowRight:h,Undo:V},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{" ":{},...a.props,trailingButtonLabel:{type:String,default:""},trailingButtonIcon:{type:String,default:"close",validator:t=>["close","arrowRight","undo"].includes(t)}},emits:["update:value","update:modelValue","update:model-value"],setup(){return{model:r("value","update:value")}},computed:{propsAndAttrsToForward(){const t={undo:s("Undo changes"),close:s("Clear text"),arrowRight:s("Save changes")};return{...this.$attrs,...Object.fromEntries(Object.entries(this.$props).filter(([e])=>z.has(e))),trailingButtonLabel:this.trailingButtonLabel||t[this.trailingButtonIcon]}}},methods:{focus(){this.$refs.inputField.focus()},select(){this.$refs.inputField.select()}}};var F=function(){var t=this,e=t._self._c;return e("NcInputField",t._g(t._b({ref:"inputField",scopedSlots:t._u([t.$scopedSlots.icon||t.$slots.default||t.$scopedSlots.default?{key:"icon",fn:function(){return[t._t("icon",function(){return[t._t("default")]})]},proxy:!0}:null,t.type!=="search"?{key:"trailing-button-icon",fn:function(){return[t.trailingButtonIcon==="close"?e("Close",{attrs:{size:20}}):t.trailingButtonIcon==="arrowRight"?e("ArrowRight",{attrs:{size:20}}):t.trailingButtonIcon==="undo"?e("Undo",{attrs:{size:20}}):t._e()]},proxy:!0}:null],null,!0)},"NcInputField",t.propsAndAttrsToForward,!1),t.$listeners))},H=[],O=l(T,F,H,!1,null,null);const R=O.exports;export{a as N,R as a};
|
|
//# sourceMappingURL=NcTextField-o_8gWurX-D9H3ZKW0.chunk.mjs.map
|