@geoblink/design-system/dist/components/GeoEditableInput.js

Geoblink Design System for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["components/GeoEditableInput"]=t():e["components/GeoEditableInput"]=t()}(window,function(){return n={},e.m=t={55:function(e,t,n){e.exports=n("HS6G")},HS6G:function(e,t,n){"use strict";n.r(t);var o=n("i4Qp"),r={table:"table",normal:"normal"},i={text:"text",number:"number"},u={name:"GeoEditableInput",status:"ready",release:"24.0.0",constants:{VARIANTS:r,TYPES:i},props:{value:{type:[String,Number],required:!1},type:Object(o.a)({componentName:"GeoEditableInput",propertyName:"type",enumDictionary:i,defaultValue:i.text}),showButtons:{type:Boolean,required:!0},placeholder:{type:String,required:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},isFocused:{type:Boolean,required:!1},saveIcon:{type:Array,default:function(){return["fal","check"]}},cancelIcon:{type:Array,default:function(){return["fal","times"]}},inputType:Object(o.a)({componentName:"GeoEditableInput",propertyName:"inputType",enumDictionary:r,defaultValue:r.table}),popupClass:{type:[String,Array,Object],required:!1}},methods:{handleClickOutside:function(e){this.$emit("click-outside",e)},emitClick:function(e){this.$emit("click",e)},emitSave:function(e){this.$emit("save",e)},emitCancel:function(e){this.$emit("cancel",e)},onInput:function(e){this.$emit("input",e.target.value)}}},a=n("KHd+"),c=Object(a.a)(u,function(){var e,t=this,n=t.$createElement,o=t._self._c||n;return o("div",{class:(e={},e["geo-editable-input__container"]=!0,e["geo-editable-input__container-"+t.inputType]=!0,e["geo-editable-input__container--disabled"]=t.disabled,e["geo-editable-input__container-"+t.inputType+"--edit"]=t.showButtons||t.isFocused,e)},[o("geo-dropdown",{ref:"dropdown",attrs:{opened:t.showButtons,"popup-class":["geo-editable-input__popup","geo-editable-input__popup--"+t.inputType,t.popupClass],"reposition-on-update":!0,"preferred-x-axis-position":"right"},on:{"click-outside":function(e){return t.handleClickOutside(e)}}},[o("form",{staticClass:"geo-editable-input__form",attrs:{slot:"toggleButton"},on:{submit:function(e){return e.preventDefault(),t.emitSave(e)}},slot:"toggleButton"},[t._t("leadingAccessoryItem"),t._v(" "),o("input",t._b({staticClass:"geo-editable-input-form__input",attrs:{placeholder:t.placeholder,disabled:t.disabled,type:t.type},domProps:{value:t.value},on:{click:function(e){return t.emitClick(e)},input:function(e){return t.onInput(e)}}},"input",t.$attrs,!1)),t._v(" "),t._t("trailingAccessoryItem")],2),t._v(" "),t.showButtons?o("div",{staticClass:"geo-editable-input__buttons-container",attrs:{slot:"popupContent"},slot:"popupContent"},[o("geo-secondary-compact-button",{attrs:{icon:t.cancelIcon},on:{click:function(e){return t.emitCancel(e)}}}),t._v(" "),o("geo-primary-compact-button",{attrs:{icon:t.saveIcon,loading:t.loading},on:{click:function(e){return t.emitSave(e)}}})],1):t._e()])],1)},[],!1,null,null,null);t.default=c.exports},"KHd+":function(e,t,n){"use strict";function o(e,t,n,o,r,i,u,a){var c,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),u?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},l._ssrRegister=c):r&&(c=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r),c)if(l.functional){l._injectStyles=c;var p=l.render;l.render=function(e,t){return c.call(t),p(e,t)}}else{var s=l.beforeCreate;l.beforeCreate=s?[].concat(s,c):[c]}return{exports:e,options:l}}n.d(t,"a",function(){return o})},i4Qp:function(e,t,n){"use strict";function o(e){var t={type:String,validator:function(t){if(e.checkUndefined&&void 0===t)return!0;var n=Object.values(e.enumDictionary);if(n.includes(t))return!0;var o=n.map(function(e){return"«".concat(e,"»")}).join(", ");return console.warn("".concat(e.componentName," [component] :: Unsupported value («").concat(t,"») for «").concat(e.propertyName,"» property. Use one of ").concat(o)),!1}};return"defaultValue"in e&&(t.default=e.defaultValue),"required"in e&&(t.required=!!e.required),t}n.d(t,"a",function(){return o})}},e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:o})},e.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var r in t)e.d(o,r,function(e){return t[e]}.bind(null,r));return o},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e.p="/",e(e.s=55);function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var t,n});