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

Geoblink Design System for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("lodash")):"function"==typeof define&&define.amd?define(["lodash"],t):"object"==typeof exports?exports["components/GeoInput"]=t(require("lodash")):e["components/GeoInput"]=t(e.lodash)}(window,function(e){return s={},t.m=n={"2WwX":function(e,t,n){"use strict";n.r(t);var s=n("YLtl"),i=n.n(s),o={name:"GeoInput",status:"ready",release:"24.1.0",props:{value:{type:[Number,String]},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},disabledIcon:{type:Array,default:function(){return["fal","lock-alt"]}},deleteInputValueIcon:{type:Array,default:function(){return["fas","times-circle"]}}},computed:{listeners:function(){return i.a.omit(this.$listeners,"input")},statusClass:function(){return this.error&&this.success&&console.warn("GeoInput [component] :: error and success state are true at the same time, GeoInput will be shown as error."),this.error?"error":this.success?"success":null},hasDeleteIcon:function(){return!this.disabled&&!!this.$listeners["delete-value"]},isDeleteIconVisible:function(){return this.hasDeleteIcon&&!!this.value},deleteIconClass:function(){return this.isDeleteIconVisible?"geo-input__delete-icon--visible":"geo-input__delete-icon--hidden"},hasTrailingAccessoryItems:function(){return!i.a.isEmpty(this.$slots.trailingAccessoryItem)},hasLeadingAccessoryItems:function(){return!i.a.isEmpty(this.$slots.leadingAccessoryItem)},hasTrailingElements:function(){return this.hasDeleteIcon||this.disabled||this.hasTrailingAccessoryItems}},mounted:function(){var e=i.a.get(this.$attrs,"autofocus");""!==e&&!e||this.$refs.input.focus()},methods:{onInput:function(e){this.$emit("input",e.target.value)},deleteValue:function(){this.$emit("delete-value")}}},r=n("KHd+"),a=Object(r.a)(o,function(){var e,t=this,n=t.$createElement,s=t._self._c||n;return s("label",{class:(e={},e["geo-input"]=!0,e["geo-input--"+t.statusClass]=t.statusClass,e["geo-input--disabled"]=t.disabled,e)},[t._t("label"),t._v(" "),s("div",{staticClass:"geo-input__input-wrapper"},[s("div",{staticClass:"geo-input__input-field"},[t.hasLeadingAccessoryItems?s("div",{staticClass:"geo-input__accessory-items geo-input__accessory-items--leading"},[s("div",{staticClass:"geo-input__accessory-items-item",on:{click:function(e){e.preventDefault()}}},[t._t("leadingAccessoryItem")],2)]):t._e(),t._v(" "),s("input",t._g(t._b({ref:"input",staticClass:"geo-input__input",attrs:{disabled:t.disabled||t.readOnly},domProps:{value:t.value},on:{input:function(e){return t.onInput(e)}}},"input",t.$attrs,!1),t.listeners)),t._v(" "),t.hasTrailingElements?s("div",{staticClass:"geo-input__accessory-items geo-input__accessory-items--trailing"},[t.hasDeleteIcon?s("font-awesome-icon",{class:[t.deleteIconClass,"geo-input__accessory-items-item"],attrs:{icon:t.deleteInputValueIcon,"fixed-with":""},on:{mousedown:function(e){return e.preventDefault(),t.deleteValue(e)}}}):t._e(),t._v(" "),t.disabled?s("font-awesome-icon",{staticClass:"geo-input__accessory-items-item",attrs:{icon:t.disabledIcon,"fixed-with":""}}):t._e(),t._v(" "),t.hasTrailingAccessoryItems?s("div",{staticClass:"geo-input__accessory-items-item",on:{click:function(e){e.preventDefault()}}},[t._t("trailingAccessoryItem")],2):t._e()],1):t._e(),t._v(" "),s("div",{staticClass:"geo-input__input-outline"})])]),t._v(" "),t._t("message")],2)},[],!1,null,null,null);t.default=a.exports},65:function(e,t,n){e.exports=n("2WwX")},"KHd+":function(e,t,n){"use strict";function s(e,t,n,s,i,o,r,a){var u,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),s&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),r?(u=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__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=u):i&&(u=a?function(){i.call(this,this.$root.$options.shadowRoot)}:i),u)if(l.functional){l._injectStyles=u;var c=l.render;l.render=function(e,t){return u.call(t),c(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,u):[u]}return{exports:e,options:l}}n.d(t,"a",function(){return s})},YLtl:function(t,n){t.exports=e}},t.c=s,t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:s})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(t.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(s,i,function(t){return e[t]}.bind(null,i));return s},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=65);function t(e){if(s[e])return s[e].exports;var i=s[e]={i:e,l:!1,exports:{}};return n[e].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n,s});