@system76/forms/dist/index.common.js

System76 form related Vue components

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("vue"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("@system76/markdown"),n=function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};
/**
  * vee-validate v3.2.5
  * (c) 2020 Abdelrahman Awad
  * @license MIT
  */
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0

THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.

See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */function i(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){e.done?i(e.value):new r((function(t){t(e.value)})).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function o(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],n=0}finally{r=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function a(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),i=0;for(t=0;t<r;t++)for(var o=arguments[t],a=0,s=o.length;a<s;a++,i++)n[i]=o[a];return n}function s(e){return e!=e}function l(e){return null==e}var u=function(e){return null!==e&&e&&"object"==typeof e&&!Array.isArray(e)};function d(e,t){if(e instanceof RegExp&&t instanceof RegExp)return d(e.source,t.source)&&d(e.flags,t.flags);if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!d(e[r],t[r]))return!1;return!0}return u(e)&&u(t)?Object.keys(e).every((function(r){return d(e[r],t[r])}))&&Object.keys(t).every((function(r){return d(e[r],t[r])})):!(!s(e)||!s(t))||e===t}function c(e){return""!==e&&!l(e)}function f(e){return"function"==typeof e}function v(e){return f(e)&&!!e.__locatorRef}function m(e,t){var r=Array.isArray(e)?e:h(e);if(f(r.findIndex))return r.findIndex(t);for(var n=0;n<r.length;n++)if(t(r[n],n))return n;return-1}function p(e,t){return-1!==e.indexOf(t)}function h(e){return f(Array.from)?Array.from(e):function(e){for(var t=[],r=e.length,n=0;n<r;n++)t.push(e[n]);return t}(e)}function y(e){return f(Object.values)?Object.values(e):Object.keys(e).map((function(t){return e[t]}))}function b(e,t,r){return void 0===t&&(t=0),void 0===r&&(r={cancelled:!1}),0===t?e:function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];var a=function(){n=void 0,r.cancelled||e.apply(void 0,i)};clearTimeout(n),n=setTimeout(a,t)};var n}function g(e,t){return e.replace(/{([^}]+)}/g,(function(e,r){return r in t?t[r]:"{"+r+"}"}))}var _={};var x=function(){function e(){}return e.extend=function(e,t){var r=function(e){var t;return(null===(t=e.params)||void 0===t?void 0:t.length)&&(e.params=e.params.map((function(e){return"string"==typeof e?{name:e}:e}))),e}(t);_[e]?_[e]=function e(t,r){return Object.keys(r).forEach((function(n){if(u(r[n]))return t[n]||(t[n]={}),void e(t[n],r[n]);t[n]=r[n]})),t}(_[e],t):_[e]=n({lazy:!1,computesRequired:!1},r)},e.isLazy=function(e){var t;return!!(null===(t=_[e])||void 0===t?void 0:t.lazy)},e.isRequireRule=function(e){var t;return!!(null===(t=_[e])||void 0===t?void 0:t.computesRequired)},e.getRuleDefinition=function(e){return _[e]},e}();function S(e,t){!function(e,t){if(f(t))return;if(f(t.validate))return;if(x.getRuleDefinition(e))return;throw new Error("Extension Error: The validator '"+e+"' must be a function or have a 'validate' method.")}(e,t),"object"!=typeof t?x.extend(e,{validate:t}):x.extend(e,t)}var $=n({},{defaultMessage:"{_field_} is not valid.",skipOptional:!0,classes:{touched:"touched",untouched:"untouched",valid:"valid",invalid:"invalid",pristine:"pristine",dirty:"dirty"},bails:!0,mode:"aggressive",useConstraintAttrs:!0}),w=function(){return $};function k(e){var t,r={};return Object.defineProperty(r,"_$$isNormalized",{value:!0,writable:!1,enumerable:!1,configurable:!1}),e?u(e)&&e._$$isNormalized?e:u(e)?Object.keys(e).reduce((function(t,r){var n=[];return n=!0===e[r]?[]:Array.isArray(e[r])||u(e[r])?e[r]:[e[r]],!1!==e[r]&&(t[r]=O(r,n)),t}),r):"string"!=typeof e?(t="rules must be either a string or an object.",console.warn("[vee-validate] "+t),r):e.split("|").reduce((function(e,t){var r=E(t);return r.name?(e[r.name]=O(r.name,r.params),e):e}),r):r}function O(e,t){var r=x.getRuleDefinition(e);if(!r)return t;var n,i,o={};if(!r.params&&!Array.isArray(t))throw new Error("You provided an object params to a rule that has no defined schema.");if(Array.isArray(t)&&!r.params)return t;!r.params||r.params.length<t.length&&Array.isArray(t)?n=t.map((function(e,t){var n,o=null===(n=r.params)||void 0===n?void 0:n[t];return i=o||i,o||(o=i),o})):n=r.params;for(var a=0;a<n.length;a++){var s=n[a],l=s.default;Array.isArray(t)?a in t&&(l=t[a]):s.name in t?l=t[s.name]:1===n.length&&(l=t),s.isTarget&&(l=A(l,s.cast)),"string"==typeof l&&"@"===l[0]&&(l=A(l.slice(1),s.cast)),!v(l)&&s.cast&&(l=s.cast(l)),o[s.name]?(o[s.name]=Array.isArray(o[s.name])?o[s.name]:[o[s.name]],o[s.name].push(l)):o[s.name]=l}return o}var E=function(e){var t=[],r=e.split(":")[0];return p(e,":")&&(t=e.split(":").slice(1).join(":").split(",")),{name:r,params:t}};function A(e,t){var r=function(r){var n=r[e];return t?t(n):n};return r.__locatorRef=e,r}function R(e,t,r){var n,a,s,l,u,d;return void 0===r&&(r={}),i(this,void 0,void 0,(function(){var i,c,f,v,m,p;return o(this,(function(o){switch(o.label){case 0:return i=null===(n=r)||void 0===n?void 0:n.bails,c=null===(a=r)||void 0===a?void 0:a.skipIfEmpty,[4,F({name:(null===(s=r)||void 0===s?void 0:s.name)||"{field}",rules:k(t),bails:null==i||i,skipIfEmpty:null==c||c,forceRequired:!1,crossTable:(null===(l=r)||void 0===l?void 0:l.values)||{},names:(null===(u=r)||void 0===u?void 0:u.names)||{},customMessages:(null===(d=r)||void 0===d?void 0:d.customMessages)||{}},e,r)];case 1:return f=o.sent(),v=[],m={},p={},f.errors.forEach((function(e){var t=e.msg();v.push(t),m[e.rule]=t,p[e.rule]=e.msg})),[2,{valid:f.valid,errors:v,failedRules:m,regenerateMap:p}]}}))}))}function F(e,t,r){var n=(void 0===r?{}:r).isInitial,a=void 0!==n&&n;return i(this,void 0,void 0,(function(){var r,n,i,s,l,u,d,c;return o(this,(function(o){switch(o.label){case 0:return[4,j(e,t)];case 1:if(r=o.sent(),n=r.shouldSkip,i=r.errors,n)return[2,{valid:!i.length,errors:i}];s=Object.keys(e.rules).filter((function(e){return!x.isRequireRule(e)})),l=s.length,u=0,o.label=2;case 2:return u<l?a&&x.isLazy(s[u])?[3,4]:(d=s[u],[4,I(e,t,{name:d,params:e.rules[d]})]):[3,5];case 3:if(!(c=o.sent()).valid&&c.error&&(i.push(c.error),e.bails))return[2,{valid:!1,errors:i}];o.label=4;case 4:return u++,[3,2];case 5:return[2,{valid:!i.length,errors:i}]}}))}))}function j(e,t){return i(this,void 0,void 0,(function(){var r,n,i,a,s,d,c,f,v;return o(this,(function(o){switch(o.label){case 0:r=Object.keys(e.rules).filter(x.isRequireRule),n=r.length,i=[],a=l(t)||""===t||(m=t,Array.isArray(m)&&0===m.length),s=a&&e.skipIfEmpty,d=!1,c=0,o.label=1;case 1:return c<n?(f=r[c],[4,I(e,t,{name:f,params:e.rules[f]})]):[3,4];case 2:if(v=o.sent(),!u(v))throw new Error("Require rules has to return an object (see docs)");if(v.required&&(d=!0),!v.valid&&v.error&&(i.push(v.error),e.bails))return[2,{shouldSkip:!0,errors:i}];o.label=3;case 3:return c++,[3,1];case 4:return(!a||d||e.skipIfEmpty)&&(e.bails||s)?[2,{shouldSkip:!d&&a,errors:i}]:[2,{shouldSkip:!1,errors:i}]}var m}))}))}function I(e,t,r){return i(this,void 0,void 0,(function(){var i,a,s,l,d;return o(this,(function(o){switch(o.label){case 0:if(!(i=x.getRuleDefinition(r.name))||!i.validate)throw new Error("No such validator '"+r.name+"' exists.");return a=i.castValue?i.castValue(t):t,s=function(e,t){if(Array.isArray(e))return e;var r={};return Object.keys(e).forEach((function(n){r[n]=function(e){if(v(e))return e(t);return e}(e[n])})),r}(r.params,e.crossTable),[4,i.validate(a,s)];case 1:return"string"==typeof(l=o.sent())?(d=n(n({},s||{}),{_field_:e.name,_value_:t,_rule_:r.name}),[2,{valid:!1,error:{rule:r.name,msg:function(){return g(l,d)}}}]):(u(l)||(l={valid:l}),[2,{valid:l.valid,required:l.required,error:l.valid?void 0:z(e,t,i,r.name,s)}])}}))}))}function z(e,t,r,i,o){var a,s=null!=(a=e.customMessages[i])?a:r.message,l=function(e,t,r){var n=t.params;if(!n)return{};if(n.filter((function(e){return e.isTarget})).length<=0)return{};var i={},o=e.rules[r];!Array.isArray(o)&&u(o)&&(o=n.map((function(e){return o[e.name]})));for(var a=0;a<n.length;a++){var s=n[a],l=o[a];if(v(l)){l=l.__locatorRef;var d=e.names[l]||l;i[s.name]=d,i["_"+s.name+"_"]=e.crossTable[l]}}return i}(e,r,i),d=function(e,t,r,n){var i={},o=e.rules[r],a=t.params||[];if(!o)return{};return Object.keys(o).forEach((function(t,r){var n=o[t];if(!v(n))return{};var s=a[r];if(!s)return{};var l=n.__locatorRef;i[s.name]=e.names[l]||l,i["_"+s.name+"_"]=e.crossTable[l]})),{userTargets:i,userMessage:n}}(e,r,i,s),c=d.userTargets,f=d.userMessage,m=n(n(n(n({},o||{}),{_field_:e.name,_value_:t,_rule_:i}),l),c);return{msg:function(){return function(e,t,r){if("function"==typeof e)return e(t,r);return g(e,n(n({},r),{_field_:t}))}(f||w().defaultMessage,e.name,m)},rule:i}}var B={aggressive:function(){return{on:["input","blur"]}},eager:function(e){return e.errors.length?{on:["input","change"]}:{on:["change","blur"]}},passive:function(){return{on:[]}},lazy:function(){return{on:["change"]}}},C=function(e,t){var r;if(r={mode:e},$=n(n({},$),r),t){if(!f(t))throw new Error("A mode implementation must be a function");B[e]=t}},T=new t;function V(e){var t,r,n;if(!(n=e)||!("undefined"!=typeof Event&&f(Event)&&n instanceof Event||n&&n.srcElement))return e;var i=e.target;if("file"===i.type&&i.files)return h(i.files);if(null===(t=i._vModifiers)||void 0===t?void 0:t.number){var o=parseFloat(i.value);return s(o)?i.value:o}return(null===(r=i._vModifiers)||void 0===r?void 0:r.trim)&&"string"==typeof i.value?i.value.trim():i.value}var q=function(e){var t,r,n=(null===(t=e.data)||void 0===t?void 0:t.attrs)||e.elm;return!("input"!==e.tag||n&&n.type)||("textarea"===e.tag||p(["text","password","search","email","tel","url","number"],null===(r=n)||void 0===r?void 0:r.type))};function N(e){if(e.data){var t,r,n,i,o=e.data;if("model"in o)return o.model;if(e.data.directives)return t=e.data.directives,r=function(e){return"model"===e.name},n=Array.isArray(t)?t:h(t),-1===(i=m(n,r))?void 0:n[i]}}function P(e){var t,r,n,i=N(e);if(i)return{value:i.value};var o=(null===(t=M(e))||void 0===t?void 0:t.prop)||"value";return(null===(r=e.componentOptions)||void 0===r?void 0:r.propsData)&&o in e.componentOptions.propsData?{value:e.componentOptions.propsData[o]}:(null===(n=e.data)||void 0===n?void 0:n.domProps)&&"value"in e.data.domProps?{value:e.data.domProps.value}:void 0}function D(e){return Array.isArray(e)||void 0===P(e)?function(e){return Array.isArray(e)?e:Array.isArray(e.children)?e.children:e.componentOptions&&Array.isArray(e.componentOptions.children)?e.componentOptions.children:[]}(e).reduce((function(e,t){var r=D(t);return r.length&&e.push.apply(e,r),e}),[]):[e]}function M(e){return e.componentOptions?e.componentOptions.Ctor.options.model:null}function L(e,t,r){if(l(e[t]))e[t]=[r];else{if(f(e[t])&&e[t].fns){var n=e[t];return n.fns=Array.isArray(n.fns)?n.fns:[n.fns],void(p(n.fns,r)||n.fns.push(r))}if(f(e[t])){var i=e[t];e[t]=[i]}Array.isArray(e[t])&&!p(e[t],r)&&e[t].push(r)}}function H(e,t,r){e.componentOptions?function(e,t,r){e.componentOptions&&(e.componentOptions.listeners||(e.componentOptions.listeners={}),L(e.componentOptions.listeners,t,r))}(e,t,r):function(e,t,r){e.data||(e.data={}),l(e.data.on)&&(e.data.on={}),L(e.data.on,t,r)}(e,t,r)}function X(e){var t,r=null===(t=e.data)||void 0===t?void 0:t.attrs;if(!p(["input","select","textarea"],e.tag)||!r)return{};var i={};return"required"in r&&!1!==r.required&&x.getRuleDefinition("required")&&(i.required="checkbox"!==r.type||[!0]),q(e)?k(n(n({},i),function(e){var t,r=null===(t=e.data)||void 0===t?void 0:t.attrs,n={};return r?("email"===r.type&&x.getRuleDefinition("email")&&(n.email=["multiple"in r]),r.pattern&&x.getRuleDefinition("regex")&&(n.regex=r.pattern),r.maxlength>=0&&x.getRuleDefinition("max")&&(n.max=r.maxlength),r.minlength>=0&&x.getRuleDefinition("min")&&(n.min=r.minlength),"number"===r.type&&(c(r.min)&&x.getRuleDefinition("min_value")&&(n.min_value=Number(r.min)),c(r.max)&&x.getRuleDefinition("max_value")&&(n.max_value=Number(r.max))),n):n}(e))):k(i)}function U(e,t){return e.$scopedSlots.default?e.$scopedSlots.default(t)||[]:e.$slots.default||[]}function Y(e){return(f(e.mode)?e.mode:B[e.mode])(e)}function W(e){var t=e.validateSilent();return e._pendingValidation=t,t.then((function(r){return t===e._pendingValidation&&(e.applyResult(r),e._pendingValidation=void 0),r}))}function G(e,t){var r,n=P(t);e._inputEventName=e._inputEventName||function(e,t){var r,n;return e.componentOptions?(M(e)||{event:"input"}).event:(null===(n=null===(r=t)||void 0===r?void 0:r.modifiers)||void 0===n?void 0:n.lazy)?"change":q(e)?"input":"change"}(t,N(t)),function(e,t){e.initialized||(e.initialValue=t);var r=function(e,t){return!(e._ignoreImmediate||!e.immediate)||(!(e.value===t||!e.normalizedEvents.length)||(!!e._needsValidation||!e.initialized&&void 0===t))}(e,t);if(e._needsValidation=!1,e.value=t,e._ignoreImmediate=!0,r){var n=function(){if(e.immediate||e.flags.validated)return W(e);e.validateSilent()};e.initialized?n():e.$once("hook:mounted",(function(){return n()}))}}(e,null===(r=n)||void 0===r?void 0:r.value);var i=function(e){e.$veeOnInput||(e.$veeOnInput=function(t){e.syncValue(t),e.setFlags({dirty:!0,pristine:!1})});var t=e.$veeOnInput;e.$veeOnBlur||(e.$veeOnBlur=function(){e.setFlags({touched:!0,untouched:!1})});var r=e.$veeOnBlur,n=e.$veeHandler,i=Y(e);return n&&e.$veeDebounce===e.debounce||(n=b((function(){e.$nextTick((function(){e._pendingReset||W(e),e._pendingReset=!1}))}),i.debounce||e.debounce),e.$veeHandler=n,e.$veeDebounce=e.debounce),{onInput:t,onBlur:r,onValidate:n}}(e),o=i.onInput,a=i.onBlur,s=i.onValidate;H(t,e._inputEventName,o),H(t,"blur",a),e.normalizedEvents.forEach((function(e){H(t,e,s)})),e.initialized=!0}var J=0;var K=t.extend({inject:{$_veeObserver:{from:"$_veeObserver",default:function(){return this.$vnode.context.$_veeObserver||(this.$vnode.context.$_veeObserver={refs:{},observe:function(e){this.refs[e.id]=e},unobserve:function(e){delete this.refs[e]}}),this.$vnode.context.$_veeObserver}}},props:{vid:{type:String,default:""},name:{type:String,default:null},mode:{type:[String,Function],default:function(){return w().mode}},rules:{type:[Object,String],default:null},immediate:{type:Boolean,default:!1},bails:{type:Boolean,default:function(){return w().bails}},skipIfEmpty:{type:Boolean,default:function(){return w().skipOptional}},debounce:{type:Number,default:0},tag:{type:String,default:"span"},slim:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},customMessages:{type:Object,default:function(){return{}}}},watch:{rules:{deep:!0,handler:function(e,t){this._needsValidation=!d(e,t)}}},data:function(){return{errors:[],value:void 0,initialized:!1,initialValue:void 0,flags:{untouched:!0,touched:!1,dirty:!1,pristine:!0,valid:!1,invalid:!1,validated:!1,pending:!1,required:!1,changed:!1,passed:!1,failed:!1},failedRules:{},isActive:!0,fieldName:"",id:""}},computed:{fieldDeps:function(){var e=this;return Object.keys(this.normalizedRules).reduce((function(t,r){var n,i=(n=e.normalizedRules[r],Array.isArray(n)?n.filter(v):Object.keys(n).filter((function(e){return v(n[e])})).map((function(e){return n[e]}))).map((function(e){return e.__locatorRef}));return t.push.apply(t,i),i.forEach((function(t){!function e(t,r,n){void 0===n&&(n=!0);var i=t.$_veeObserver.refs;t._veeWatchers||(t._veeWatchers={});if(!i[r]&&n)return t.$once("hook:mounted",(function(){e(t,r,!1)}));!f(t._veeWatchers[r])&&i[r]&&(t._veeWatchers[r]=i[r].$watch("value",(function(){t.flags.validated&&(t._needsValidation=!0,t.validate())})))}(e,t)})),t}),[])},normalizedEvents:function(){var e=this;return(Y(this).on||[]).map((function(t){return"input"===t?e._inputEventName:t}))},isRequired:function(){var e=n(n({},this._resolvedRules),this.normalizedRules),t=Object.keys(e).some(x.isRequireRule);return this.flags.required=!!t,t},classes:function(){return function(e,t){for(var r={},n=Object.keys(t),i=n.length,o=function(i){var o=n[i],a=e&&e[o]||o,s=t[o];return l(s)?"continue":"valid"!==o&&"invalid"!==o||t.validated?void("string"==typeof a?r[a]=s:Array.isArray(a)&&a.forEach((function(e){r[e]=s}))):"continue"},a=0;a<i;a++)o(a);return r}(w().classes,this.flags)},normalizedRules:function(){return k(this.rules)}},mounted:function(){var e=this,t=function(){if(e.flags.validated){var t=e._regenerateMap;if(t){var r=[],n={};return Object.keys(t).forEach((function(e){var i=t[e]();r.push(i),n[e]=i})),void e.applyResult({errors:r,failedRules:n,regenerateMap:t})}e.validate()}};T.$on("change:locale",t),this.$on("hook:beforeDestroy",(function(){T.$off("change:locale",t)}))},render:function(e){var t=this;this.registerField();var r=U(this,function(e){return n(n({},e.flags),{errors:e.errors,classes:e.classes,failedRules:e.failedRules,reset:function(){return e.reset()},validate:function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.validate.apply(e,t)},ariaInput:{"aria-invalid":e.flags.invalid?"true":"false","aria-required":e.isRequired?"true":"false","aria-errormessage":"vee_"+e.id},ariaMsg:{id:"vee_"+e.id,"aria-live":e.errors.length?"assertive":"off"}})}(this));return D(r).forEach((function(e){var r,n,i,o,a=w().useConstraintAttrs?X(e):{};d(t._resolvedRules,a)||(t._needsValidation=!0),p(["input","select","textarea"],e.tag)&&(t.fieldName=(null===(n=null===(r=e.data)||void 0===r?void 0:r.attrs)||void 0===n?void 0:n.name)||(null===(o=null===(i=e.data)||void 0===i?void 0:i.attrs)||void 0===o?void 0:o.id)),t._resolvedRules=a,G(t,e)})),this.slim&&r.length<=1?r[0]:e(this.tag,r)},beforeDestroy:function(){this.$_veeObserver.unobserve(this.id)},activated:function(){this.isActive=!0},deactivated:function(){this.isActive=!1},methods:{setFlags:function(e){var t=this;Object.keys(e).forEach((function(r){t.flags[r]=e[r]}))},syncValue:function(e){var t=V(e);this.value=t,this.flags.changed=this.initialValue!==t},reset:function(){var e=this;this.errors=[],this.initialValue=this.value;var t={untouched:!0,touched:!1,dirty:!1,pristine:!0,valid:!1,invalid:!1,validated:!1,pending:!1,required:!1,changed:!1,passed:!1,failed:!1};t.required=this.isRequired,this.setFlags(t),this.failedRules={},this.validateSilent(),this._pendingValidation=void 0,this._pendingReset=!0,setTimeout((function(){e._pendingReset=!1}),this.debounce)},validate:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i(this,void 0,void 0,(function(){return o(this,(function(t){return e.length>0&&this.syncValue(e[0]),[2,W(this)]}))}))},validateSilent:function(){return i(this,void 0,void 0,(function(){var e,t;return o(this,(function(r){switch(r.label){case 0:return this.setFlags({pending:!0}),e=n(n({},this._resolvedRules),this.normalizedRules),Object.defineProperty(e,"_$$isNormalized",{value:!0,writable:!1,enumerable:!1,configurable:!1}),[4,R(this.value,e,n(n({name:this.name||this.fieldName},(i=this,o=i.$_veeObserver.refs,{names:{},values:{}},i.fieldDeps.reduce((function(e,t){return o[t]?(e.values[t]=o[t].value,e.names[t]=o[t].name,e):e}),{names:{},values:{}}))),{bails:this.bails,skipIfEmpty:this.skipIfEmpty,isInitial:!this.initialized,customMessages:this.customMessages}))];case 1:return t=r.sent(),this.setFlags({pending:!1,valid:t.valid,invalid:!t.valid}),[2,t]}var i,o}))}))},setErrors:function(e){this.applyResult({errors:e,failedRules:{}})},applyResult:function(e){var t=e.errors,r=e.failedRules,i=e.regenerateMap;this.errors=t,this._regenerateMap=i,this.failedRules=n({},r||{}),this.setFlags({valid:!t.length,passed:!t.length,invalid:!!t.length,failed:!!t.length,validated:!0,changed:this.value!==this.initialValue})},registerField:function(){!function(e){var t=function(e){if(e.vid)return e.vid;if(e.name)return e.name;if(e.id)return e.id;if(e.fieldName)return e.fieldName;return"_vee_"+ ++J}(e),r=e.id;if(!e.isActive||r===t&&e.$_veeObserver.refs[r])return;r!==t&&e.$_veeObserver.refs[r]===e&&e.$_veeObserver.unobserve(r);e.id=t,e.$_veeObserver.observe(e)}(this)}}});var Z=[["pristine","every"],["dirty","some"],["touched","some"],["untouched","every"],["valid","every"],["invalid","some"],["pending","some"],["validated","every"],["changed","some"],["passed","every"],["failed","some"]],Q=0;var ee=t.extend({name:"ValidationObserver",provide:function(){return{$_veeObserver:this}},inject:{$_veeObserver:{from:"$_veeObserver",default:function(){return this.$vnode.context.$_veeObserver?this.$vnode.context.$_veeObserver:null}}},props:{tag:{type:String,default:"span"},vid:{type:String,default:function(){return"obs_"+Q++}},slim:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{id:"",refs:{},observers:[],errors:{},flags:ne(),fields:{}}},created:function(){var e=this;this.id=this.vid,re(this);var t=b((function(t){var r=t.errors,n=t.flags,i=t.fields;e.errors=r,e.flags=n,e.fields=i}),16);this.$watch(ie,t)},activated:function(){re(this)},deactivated:function(){te(this)},beforeDestroy:function(){te(this)},render:function(e){var t,r=U(this,n(n({},(t=this).flags),{errors:t.errors,fields:t.fields,validate:t.validate,passes:t.handleSubmit,handleSubmit:t.handleSubmit,reset:t.reset}));return this.slim&&r.length<=1?r[0]:e(this.tag,{on:this.$listeners},r)},methods:{observe:function(e,t){var r;void 0===t&&(t="provider"),"observer"!==t?this.refs=n(n({},this.refs),((r={})[e.id]=e,r)):this.observers.push(e)},unobserve:function(e,t){if(void 0===t&&(t="provider"),"provider"!==t){var r=m(this.observers,(function(t){return t.id===e}));-1!==r&&this.observers.splice(r,1)}else{if(!this.refs[e])return;this.$delete(this.refs,e)}},validate:function(e){var t=(void 0===e?{}:e).silent,r=void 0!==t&&t;return i(this,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,Promise.all(a(y(this.refs).filter((function(e){return!e.disabled})).map((function(e){return e[r?"validateSilent":"validate"]().then((function(e){return e.valid}))})),this.observers.filter((function(e){return!e.disabled})).map((function(e){return e.validate({silent:r})}))))];case 1:return[2,e.sent().every((function(e){return e}))]}}))}))},handleSubmit:function(e){return i(this,void 0,void 0,(function(){return o(this,(function(t){switch(t.label){case 0:return[4,this.validate()];case 1:return t.sent()&&e?[2,e()]:[2]}}))}))},reset:function(){return a(y(this.refs),this.observers).forEach((function(e){return e.reset()}))},setErrors:function(e){var t=this;Object.keys(e).forEach((function(r){var n=t.refs[r];if(n){var i=e[r]||[];i="string"==typeof i?[i]:i,n.setErrors(i)}})),this.observers.forEach((function(t){t.setErrors(e)}))}}});function te(e){e.$_veeObserver&&e.$_veeObserver.unobserve(e.id,"observer")}function re(e){e.$_veeObserver&&e.$_veeObserver.observe(e,"observer")}function ne(){return n(n({},{untouched:!0,touched:!1,dirty:!1,pristine:!0,valid:!1,invalid:!1,validated:!1,pending:!1,required:!1,changed:!1,passed:!1,failed:!1}),{valid:!0,invalid:!1})}function ie(){for(var e=a(y(this.refs),this.observers),t={},r=ne(),i={},o=e.length,s=0;s<o;s++){var l=e[s];Array.isArray(l.errors)?(t[l.id]=l.errors,i[l.id]=n({id:l.id,name:l.name,failedRules:l.failedRules},l.flags)):(t=n(n({},t),l.errors),i=n(n({},i),l.fields))}return Z.forEach((function(t){var n=t[0],i=t[1];r[n]=e[i]((function(e){return e.flags[n]}))})),{errors:t,flags:r,fields:i}}function oe(e,t){const r=[];return Object.keys(t).forEach(n=>{t[n]&&r.push(e[n])}),r}function ae(e,t,r,n,i,o,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);const d="function"==typeof r?r.options:r;let c;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,i&&(d.functional=!0)),n&&(d._scopeId=n),o?(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__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},d._ssrRegister=c):t&&(c=a?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),c)if(d.functional){const e=d.render;d.render=function(t,r){return c.call(r),e(t,r)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,c):[c]}return r}function se(e){return e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),e?("styles"in e||(e._styles=e._styles||{},Object.defineProperty(e,"styles",{enumerable:!0,get:()=>e._renderStyles(e._styles)}),e._renderStyles=e._renderStyles||le),(t,r)=>function(e,t,r){const n="production"===process.env.NODE_ENV?t.media||"default":e,i=r._styles[n]||(r._styles[n]={ids:[],css:""});if(!i.ids.includes(e)){i.media=t.media,i.ids.push(e);let r=t.source;"production"!==process.env.NODE_ENV&&t.map&&(r+="\n/*# sourceURL="+t.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+Buffer.from(unescape(encodeURIComponent(JSON.stringify(t.map)))).toString("base64")+" */"),i.css+=r+"\n"}}(t,r,e)):()=>{}}function le(e){let t="";for(const r in e){const n=e[r];t+='<style data-vue-ssr-id="'+Array.from(n.ids).join(" ")+'"'+(n.media?' media="'+n.media+'"':"")+">"+n.css+"</style>"}return t}const ue=ae({render:function(){var e=this,t=e.$createElement;return(e._self._c||t)(e.component,e._g(e._b({tag:"component",class:e.classes,attrs:{disabled:e.disabled}},"component",e.binds,!1),e.listners),[e._t("default")],2)},staticRenderFns:[]},(function(e){e&&(e("data-v-3ff7931e_0",{source:".sys-button-2hc3{-webkit-font-smoothing:antialiased;align-content:center;align-items:center;appearance:none;background-color:transparent;border-radius:.25em;border:.15em solid transparent;cursor:pointer;display:inline-flex;font-style:normal;font-weight:400;justify-content:center;letter-spacing:1px;line-height:24px;text-align:center;text-decoration:none;transition-duration:.1s;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;user-select:none}.sys-button--normal-agnk{background-color:var(--color-light-form-button-normal);border-color:var(--color-light-form-button-normal);color:var(--color-light-form-button-normal-contrast);font-family:var(--font-family-sans);letter-spacing:normal}.sys-button--normal-agnk:focus-within,.sys-button--normal-agnk:hover{box-shadow:1px 1px 3px var(--color-light-form-button-normal-shadow)}.sys-button--normal-agnk.sys-button--active-23-0,.sys-button--normal-agnk:active{background-color:var(--color-light-form-button-normal-light);border-color:var(--color-light-form-button-normal-light);box-shadow:1px 1px 3px var(--color-light-form-button-normal-shadow)}.sys-button--normal-agnk.sys-button--disabled-3XaI,.sys-button--normal-agnk:disabled{background-color:var(--color-light-form-button-normal);border-color:var(--color-light-form-button-normal)}.sys-button--primary-R3f3{background-color:var(--color-light-form-button-primary);border-color:var(--color-light-form-button-primary);color:var(--color-light-form-button-primary-contrast);font-family:var(--font-family-slab);text-transform:uppercase}.sys-button--primary-R3f3:focus-within,.sys-button--primary-R3f3:hover{box-shadow:1px 1px 3px var(--color-light-form-button-primary-shadow)}.sys-button--primary-R3f3.sys-button--active-23-0,.sys-button--primary-R3f3:active{background-color:var(--color-light-form-button-primary-light);border-color:var(--color-light-form-button-primary-light);box-shadow:1px 1px 3px var(--color-light-form-button-primary-shadow)}.sys-button--primary-R3f3.sys-button--disabled-3XaI,.sys-button--primary-R3f3:disabled{background-color:var(--color-light-form-button-primary);border-color:var(--color-light-form-button-primary)}.sys-button--secondary-1_l9{background-color:var(--color-light-form-button-secondary);border-color:var(--color-light-form-button-secondary);color:var(--color-light-form-button-secondary-contrast);font-family:var(--font-family-slab);text-transform:uppercase}.sys-button--secondary-1_l9:focus-within,.sys-button--secondary-1_l9:hover{box-shadow:1px 1px 3px var(--color-light-form-button-secondary-shadow)}.sys-button--secondary-1_l9.sys-button--active-23-0,.sys-button--secondary-1_l9:active{background-color:var(--color-light-form-button-secondary-light);border-color:var(--color-light-form-button-secondary-light);box-shadow:1px 1px 3px var(--color-light-form-button-secondary-shadow)}.sys-button--secondary-1_l9.sys-button--disabled-3XaI,.sys-button--secondary-1_l9:disabled{background-color:var(--color-light-form-button-secondary);border-color:var(--color-light-form-button-secondary)}.sys-button--danger-3tac{background-color:var(--color-light-form-button-danger);border-color:var(--color-light-form-button-danger);color:var(--color-light-form-button-danger-contrast);font-family:var(--font-family-slab);text-transform:uppercase}.sys-button--danger-3tac:focus-within,.sys-button--danger-3tac:hover{box-shadow:1px 1px 3px var(--color-light-form-button-danger-shadow)}.sys-button--danger-3tac.sys-button--active-23-0,.sys-button--danger-3tac:active{background-color:var(--color-light-form-button-danger-light);border-color:var(--color-light-form-button-danger-light);box-shadow:1px 1px 3px var(--color-light-form-button-danger-shadow)}.sys-button--danger-3tac.sys-button--disabled-3XaI,.sys-button--danger-3tac:disabled{background-color:var(--color-light-form-button-danger);border-color:var(--color-light-form-button-danger)}.sys-button--ghost-FBvR:not(:hover):not(:focus):not(:focus-within):not(.sys-button--active-23-0):not(:active):not(.sys-button--disabled-3XaI):not(:disabled){background-color:transparent;border-color:transparent;color:inherit}.sys-button--active-23-0,.sys-button-2hc3:active,.sys-button-2hc3:focus,.sys-button-2hc3:hover{outline:0}.sys-button--disabled-3XaI,.sys-button-2hc3:disabled{box-shadow:none!important;color:rgba(0,0,0,.4);cursor:default}.sys-button--small-3uTv{font-size:.8rem;padding:.5em .75em .4em}.sys-button--medium-1Bow{font-size:1rem;padding:.4em .6em}.sys-button--huge-1gVR,.sys-button--large-1law{font-size:1.4rem;padding:.6em}@media only screen and (min-width:1500px){.sys-button--huge-1gVR{font-size:1.8rem;padding:.6em}}.sys-button--block-1Dwe{display:flex;margin:1rem 0;width:100%}.sys-button-2hc3:not(.sys-button--block-1Dwe){margin-top:.5rem;margin-bottom:.5rem}.sys-button--horizontal-g2jc{flex-direction:row}.sys-button--vertical-2hpf{flex-direction:column}.sys-button-2hc3>svg{height:1em}.sys-button--horizontal-g2jc>:not(:first-child){margin-left:.25em}.sys-button--horizontal-g2jc>:not(:last-child){margin-right:.25em}.sys-button--vertical-2hpf>:not(:first-child){margin-top:.25em}.sys-button--vertical-2hpf>:not(:last-child){margin-bottom:.25em}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{button:"sys-button-2hc3","button--normal":"sys-button--normal-agnk","button--active":"sys-button--active-23-0","button--disabled":"sys-button--disabled-3XaI","button--primary":"sys-button--primary-R3f3","button--secondary":"sys-button--secondary-1_l9","button--danger":"sys-button--danger-3tac","button--ghost":"sys-button--ghost-FBvR","button--small":"sys-button--small-3uTv","button--medium":"sys-button--medium-1Bow","button--huge":"sys-button--huge-1gVR","button--large":"sys-button--large-1law","button--block":"sys-button--block-1Dwe","button--horizontal":"sys-button--horizontal-g2jc","button--vertical":"sys-button--vertical-2hpf"}}))}),{name:"SysFormButton",model:{prop:"active",event:"toggle"},props:{active:{type:Boolean,default:!1},block:{type:Boolean,default:!1},color:{type:String,default:"normal",validator:e=>["normal","primary","secondary","danger"].includes(e)},direction:{type:String,default:"horizontal",validator:e=>["horizontal","vertical"].includes(e)},disabled:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},href:{type:[String,Object],default:""},size:{type:String,default:"medium",validator:e=>["small","medium","large","huge"].includes(e)},tag:{type:String,default:""}},computed:{attributes(){if(this.disabled)return{};switch(this.component){case"nuxt-link":case"router-link":return{to:this.href};case"a":return{href:this.href};default:return{}}},binds(){return{...this.$attrs,...this.attributes}},classes(){return oe(this.$style,{button:!0,"button--active":this.active,"button--block":this.block,"button--disabled":this.disabled,"button--ghost":this.ghost,"button--outline":this.outline,[`button--${this.color}`]:!0,[`button--${this.size}`]:!0,[`button--${this.direction}`]:!0})},hasHref(){return""!==this.href},isExternalHref(){return this.hasHref&&"string"==typeof this.href&&-1!==this.href.indexOf("://")},isNuxtApp(){return null!=this.$nuxt},listners(){return{click:this.onClick,...this.$listeners}},component(){return""!==this.tag?this.tag:this.hasHref&&!this.disabled?this.isExternalHref?"a":this.isNuxtApp?"nuxt-link":"router-link":"button"}},methods:{onClick(e){this.$emit("click",e),this.$emit("toggle",!this.active)}}},void 0,!1,"data-v-3ff7931e",!1,void 0,se,void 0);const de=ae({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{class:this.$style.error},[this._t("default")],2)},staticRenderFns:[]},(function(e){e&&(e("data-v-088a7aae_0",{source:".sys-error-3OK7{background-color:var(--color-light-form-input-invalid);border-radius:3px;border:1px solid var(--color-light-form-input-border);color:var(--color-light-form-input-background);display:block;padding:.5rem 1rem;margin:1rem 0}.sys-error-3OK7 a{color:inherit;text-decoration:underline}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{error:"sys-error-3OK7"}}))}),{name:"SysFormError"},void 0,!1,"data-v-088a7aae",!1,void 0,se,void 0);const ce=ae({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("validation-observer",{ref:"observer",class:e.$style.form,attrs:{disabled:e.disabled,tag:"form"},on:{submit:function(t){return t.preventDefault(),e.submit(t)}},scopedSlots:e._u([{key:"default",fn:function(t){return[e.error?[e._t("error",[r("sys-form-error",[e._v("\n        "+e._s(e.error.message)+"\n      ")])],null,{error:e.error})]:e._e(),e._t("default",null,null,Object.assign({},{submitting:e.submitting},t)),r("div",{class:e.actionsClasses},[e._t("actions",[r("sys-form-button",{attrs:{color:e.submitColor,disabled:!t.valid||e.submitting||e.disabled}},[e._v("\n        "+e._s(e.submitText)+"\n      ")])],null,Object.assign({},{submitting:e.submitting,submittable:t.valid&&!e.submitting},t))],2)]}}],null,!0)})},staticRenderFns:[]},(function(e){e&&(e("data-v-16451882_0",{source:".sys-form-1CwB{display:block;margin:0;min-width:calc(320px - 2rem);padding:0}.sys-actions-146N{align-content:center;align-items:center;display:flex;flex-wrap:wrap;margin:-.4rem 0 0}.sys-left-3ByC{justify-content:flex-start}.sys-right-2qdG{justify-content:flex-end}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{form:"sys-form-1CwB",actions:"sys-actions-146N",left:"sys-left-3ByC",right:"sys-right-2qdG"}}))}),{name:"SysForm",components:{SysFormButton:ue,SysFormError:de,ValidationObserver:ee},inheritAttrs:!1,props:{disabled:{type:Boolean,default:!1},invalid:{type:[String,Object],default:null},submitColor:{type:String,default:"primary",validator:e=>["normal","primary","secondary"].includes(e)},submitAlign:{type:String,default:"right",validator:e=>["left","right"].includes(e)},submitFunction:{type:Function,default:()=>null},submitText:{type:String,default:"Submit"},swallowError:{type:Boolean,default:!0}},data:()=>({formError:null,submitting:!1}),computed:{actionsClasses(){return{[this.$style.actions]:!0,[this.$style.left]:"left"===this.submitAlign,[this.$style.right]:"right"===this.submitAlign}},error(){return"string"==typeof this.invalid?new Error(this.invalid):null!=this.invalid?this.invalid:this.formError}},errorCaptured(e,t,r){this.handleError(e,t,r)},methods:{handleError(e,r,n){console.error(e),this.formError=e,this.swallowError||null==t.config||null==t.config.errorHandler||t.config.errorHandler(e,r||this,n)},async submit(e){if(this.disabled)return e.preventDefault(),!1;this.submitting=!0;try{if(!await this.$refs.observer.validate())return e.preventDefault(),!1;await this.submitFunction()}catch(e){this.handleError(e)}finally{this.submitting=!1}}}},void 0,!1,"data-v-16451882",!1,void 0,se,void 0);function fe(e,t){return Object.assign({},ve(e),ve(t))}function ve(e){if("object"==typeof e)return e;const t=e.split("|").map(e=>e.split(":")).map(([e,t=""])=>[e,t.split(",")]),r={};for(const[e,n]of t)""!==e&&(1===n.length&&""===n[0]?r[e]=!0:r[e]=n);return r}const me=ae({render:function(){var e=this.$createElement;return(this._self._c||e)("span",this._g(this._b({class:this.$style.error},"span",this.$attrs,!1),this.$listeners),[this._t("default")],2)},staticRenderFns:[]},(function(e){e&&(e("data-v-74fa52ba_0",{source:".sys-error-1D-x{align-content:center;align-items:center;color:var(--color-light-form-input-invalid);display:block;display:flex;font-family:var(--font-family-sans);font-size:.9rem;justify-content:flex-start;line-height:1;margin-top:.3rem;min-height:1.2rem;text-align:left;user-select:none}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{error:"sys-error-1D-x"}}))}),{name:"SysInputError"},void 0,!1,"data-v-74fa52ba",!1,void 0,se,void 0);const pe=ae({render:function(){var e=this.$createElement;return(this._self._c||e)("input",{class:this.classes,attrs:{disabled:this.disabled},domProps:{value:this.value},on:{blur:this.onBlur,change:this.onChange,focus:this.onFocus,input:this.onInput}},[])},staticRenderFns:[]},(function(e){e&&(e("data-v-a0cb970c_0",{source:".sys-input-2h52{appearence:none;background-color:var(--color-light-form-input-background);background-image:none;border-radius:3px;border:1px solid var(--color-light-form-input-border);box-shadow:inset 0 1px 4px rgba(0,0,0,.06);color:var(--color-light-form-input-foreground);display:block;font-family:var(--font-family-sans);font-size:1rem;height:2.4rem;line-height:2.4rem;margin:0;padding:.5rem;transition:border-color .2s ease;vertical-align:middle;width:100%}.sys-input-2h52::-webkit-calendar-picker-indicator{display:none}.sys-input-2h52::-webkit-list-button{display:none}.sys-input-2h52[list]{padding:.5rem 1.8rem .5rem .5rem}.sys-input-2h52[list]:active,.sys-input-2h52[list]:focus,.sys-input-2h52[list]:hover{background-image:url(../assets/images/carrot.svg);background-position:right .6em center;background-repeat:no-repeat;background-size:.75em}.sys-invalid-3L0Y{border-color:var(--color-light-form-input-invalid);box-shadow:none}.sys-input-2h52:active,.sys-input-2h52:focus,.sys-input-2h52:hover{outline:0}.sys-input-2h52:hover{border-color:var(--color-light-form-input-active)}.sys-input-2h52:active,.sys-input-2h52:focus{border-color:var(--color-light-form-input-active);outline:0}.sys-input-2h52:disabled{box-shadow:none!important;color:var(--color-light-form-input-foreground);cursor:default;background-color:var(--color-light-form-input-disabled);border-color:var(--color-light-form-input-border);box-shadow:none}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{input:"sys-input-2h52",invalid:"sys-invalid-3L0Y"}}))}),{name:"SysInput",model:{event:"value"},props:{disabled:{type:Boolean,default:!1},invalid:{type:String,default:""},value:{type:String,default:""}},computed:{classes(){return oe(this.$style,{input:!0,invalid:this.invalid})},validity:{get(){return this.$el.validity.valid},set(e){this.$el.setCustomValidity(e)}}},watch:{invalid(e){this.validity=e}},mounted(){this.validity=this.invalid},methods:{onBlur(e){this.$emit("blur",e)},onChange(e){this.$emit("change",e)},onFocus(e){this.$emit("focus",e)},onInput(e){this.$emit("input",e),this.$emit("value",e.target.value)}}},void 0,!1,"data-v-a0cb970c",!1,void 0,se,void 0);const he=ae({render:function(){var e=this.$createElement;return(this._self._c||e)("label",this._g({class:this.classes},this.$listeners),[this._t("default")],2)},staticRenderFns:[]},(function(e){e&&(e("data-v-6f0159de_0",{source:".sys-label-76SS{display:block;font-family:var(--font-family-sans);font-size:1rem;text-align:left;user-select:none}.sys-invalid-24gY{color:var(--color-light-form-input-invalid)}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{label:"sys-label-76SS",invalid:"sys-invalid-24gY"}}))}),{name:"SysLabel",props:{invalid:{type:Boolean,default:!1}},computed:{classes(){return oe(this.$style,{label:!0,invalid:this.invalid})}}},void 0,!1,"data-v-6f0159de",!1,void 0,se,void 0);const ye=ae({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("validation-provider",{ref:"provider",class:e.$style.formgroup,attrs:{disabled:e.disabled,name:e.id,rules:e.rules,immediate:e.immediate,tag:"div"},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.errors,i=t.required,o=t.ariaInput,a=t.ariaMsg;return[r("sys-label",{attrs:{for:e.id,invalid:n.length>0}},[e._v("\n    "+e._s(e.label)+"\n  ")]),r("sys-input",e._b({class:e.inputClasses,attrs:{id:e.id,disabled:e.disabled,invalid:n[0],placeholder:e.placeholder,required:i,type:e.inputType,value:e.value},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:e.onInput,value:e.onValue}},"sys-input",Object.assign({},o,e.$attrs),!1)),r("sys-input-error",e._b({},"sys-input-error",a,!1),[e._v("\n    "+e._s(n[0])+"\n  ")])]}}])})},staticRenderFns:[]},(function(e){e&&(e("data-v-7ade36ac_0",{source:".sys-formgroup-1EC4{display:block;margin:.6rem 0}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{formgroup:"sys-formgroup-1EC4"}}))}),{name:"SysFormInput",components:{SysInput:pe,SysInputError:me,SysLabel:he,ValidationProvider:K},inheritAttrs:!1,model:{event:"value"},props:{disabled:{type:Boolean,default:!1},id:{type:String,required:!0},immediate:{type:Boolean,default:!1},label:{type:String,required:!0},placeholder:{type:String,default:""},value:{type:String,default:""},validation:{type:[String,Object],default:""}},computed:{inputClasses:()=>[],inputType:()=>"text",rules(){return this.validation}},methods:{onBlur(e){this.$emit("blur",e)},onChange(e){this.$emit("change",e)},onFocus(e){this.$emit("focus",e)},onInput(e){this.$emit("input",e)},onValue(e){this.$emit("value",e)}}},void 0,!1,"data-v-7ade36ac",!1,void 0,se,void 0);const be=ae({},void 0,{name:"SysFormEmail",extends:ye,props:{label:{type:String,default:"Email Address"},placeholder:{type:String,default:"tux@system76.com"}},computed:{inputType:()=>"email",rules(){return fe("email",this.validation)}}},void 0,void 0,"data-v-51750c70",!1,void 0,void 0,void 0);const ge=ae({render:function(){var e=this.$createElement;return(this._self._c||e)("textarea",{class:this.classes,attrs:{disabled:this.disabled},domProps:{value:this.value},on:{blur:this.onBlur,change:this.onChange,focus:this.onFocus,input:this.onInput}},[])},staticRenderFns:[]},(function(e){e&&(e("data-v-0dd5f99a_0",{source:".sys-input-1mA3{appearence:none;background-color:var(--color-light-form-input-background);background-image:none;border-radius:3px;border:1px solid var(--color-light-form-input-border);box-shadow:inset 0 1px 4px rgba(0,0,0,.06);color:var(--color-light-form-input-foreground);display:block;font-family:var(--font-family-sans);font-size:1rem;height-min:3rem;line-height:1;margin:0;overflow:auto;padding:.5rem;resize:vertical;transition:border-color .2s ease;vertical-align:middle;width:100%}.sys-invalid-1jy4{border-color:var(--color-light-form-input-invalid);box-shadow:none}.sys-input-1mA3:active,.sys-input-1mA3:focus,.sys-input-1mA3:hover{outline:0}.sys-input-1mA3:hover{border-color:var(--color-light-form-input-active)}.sys-input-1mA3:active,.sys-input-1mA3:focus{border-color:var(--color-light-form-input-active);outline:0}.sys-input-1mA3:disabled{box-shadow:none!important;color:var(--color-light-form-input-foreground);cursor:default;background-color:var(--color-light-form-input-disabled);border-color:var(--color-light-form-input-border);box-shadow:none}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{input:"sys-input-1mA3",invalid:"sys-invalid-1jy4"}}))}),{name:"SysTextarea",model:{event:"value"},props:{disabled:{type:Boolean,default:!1},invalid:{type:String,default:""},value:{type:String,default:""}},computed:{classes(){return oe(this.$style,{input:!0,invalid:this.invalid})},validity:{get(){return this.$el.validity.valid},set(e){this.$el.setCustomValidity(e)}}},watch:{invalid(e){this.validity=e}},mounted(){this.validity=this.invalid},methods:{onBlur(e){this.$emit("blur",e)},onChange(e){this.$emit("change",e)},onFocus(e){this.$emit("focus",e)},onInput(e){this.$emit("input",e),this.$emit("value",e.target.value)}}},void 0,!1,"data-v-0dd5f99a",!1,void 0,se,void 0);const _e=ae({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("validation-provider",{ref:"provider",class:e.$style.formgroup,attrs:{disabled:e.disabled,name:e.id,rules:e.rules,immediate:e.immediate,tag:"div"},scopedSlots:e._u([{key:"default",fn:function(t){var n,i=t.errors,o=t.required,a=t.ariaInput,s=t.ariaMsg;return[r("div",{class:e.$style.label},[r("sys-label",{attrs:{for:e.id,invalid:i.length>0}},[e._v("\n      "+e._s(e.label)+"\n    ")]),r("a",{class:(n={},n[e.$style.markdown]=!0,n[e.$style["markdown--error"]]=i.length>0,n),attrs:{href:"http://commonmark.org/help/",rel:"noopener noreferrer",target:"_blank",tabindex:"-1",title:"Markdown Cheatsheet","aria-label":"Markdown Cheatsheet"}},[r("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 208 128"}},[r("path",{attrs:{d:"M15 0C6.776 0 0 6.776 0 15v98c0 8.224 6.776 15 15 15h178c8.224 0 15-6.776 15-15V15c0-8.224-6.776-15-15-15H15zm0 10h178c2.856 0 5 2.144 5 5v98c0 2.856-2.144 5-5 5H15c-2.856 0-5-2.144-5-5V15c0-2.856 2.144-5 5-5z"}}),r("path",{attrs:{d:"M30 98V30h20l20 25 20-25h20v68H90V59L70 84 50 59v39zm125 0l-30-33h20V30h20v35h20z"}})])])],1),r("sys-textarea",e._b({class:e.inputClasses,attrs:{id:e.id,disabled:e.disabled,invalid:i[0],placeholder:e.placeholder,required:o,value:e.value},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:e.onInput,value:e.onValue}},"sys-textarea",Object.assign({},a,e.$attrs),!1)),r("sys-input-error",e._b({},"sys-input-error",s,!1),[e._v("\n    "+e._s(i[0])+"\n  ")])]}}])})},staticRenderFns:[]},(function(e){e&&(e("data-v-77f516ab_0",{source:".sys-formgroup-PxS4{display:block;margin:.6rem 0}.sys-label-3CuF{display:flex;flex-wrap:nowrap;align-items:flex-end;align-content:flex-end;justify-content:space-between}.sys-label-3CuF label{flex:1 1 auto}.sys-markdown-2Ez_{color:var(--color-light-form-input-hint);flex:0 0 auto;outline:0;padding-left:1ch}.sys-markdown--error-2ADa{color:var(--color-light-form-input-invalid)}.sys-markdown-2Ez_:active,.sys-markdown-2Ez_:focus,.sys-markdown-2Ez_:hover{color:var(--color-light-form-input-active)}.sys-markdown-2Ez_ svg{height:1rem}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{formgroup:"sys-formgroup-PxS4",label:"sys-label-3CuF",markdown:"sys-markdown-2Ez_","markdown--error":"sys-markdown--error-2ADa"}}))}),{name:"SysFormMarkdown",components:{SysTextarea:ge,SysInputError:me,SysLabel:he,ValidationProvider:K},inheritAttrs:!1,model:{event:"value"},props:{disabled:{type:Boolean,default:!1},id:{type:String,required:!0},immediate:{type:Boolean,default:!1},label:{type:String,required:!0},placeholder:{type:String,default:""},value:{type:String,default:""},validation:{type:[String,Object],default:""}},computed:{inputClasses:()=>[],rules(){return this.validation}},methods:{onBlur(e){this.$emit("blur",e)},onChange(e){this.$emit("change",e)},onFocus(e){this.$emit("focus",e)},onInput(e){this.$emit("input",e)},onValue(e){this.$emit("value",e)}}},void 0,!1,"data-v-77f516ab",!1,void 0,se,void 0);const xe=ae({},void 0,{name:"SysFormPassword",extends:ye,props:{label:{type:String,default:"Password"},placeholder:{type:String,default:"correct battery horse staple"}},computed:{inputType:()=>"password"}},void 0,void 0,"data-v-c8588bd4",!1,void 0,void 0,void 0);const Se=ae({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("select",e._b({class:e.$style.input,attrs:{disabled:e.disabled},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:e.onInput}},"select",e.$attrs,!1),[e._t("default",e._l(e.options,(function(t){var n=t[0],i=t[1];return r("option",{directives:[{name:"markdown",rawName:"v-markdown