@farris/ui-vue 1.0.2 → 1.1.1

package/date-picker/index.umd.js

@@ -1 +0,0 @@
-(function(U,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(U=typeof globalThis<"u"?globalThis:U||self,e(U["date-picker"]={},U.Vue))})(this,function(U,e){"use strict";const te=["Sun.","Mon.","Tue.","Wed.","Thur","Fri.","Sat."];var K=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(K||{});const De={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:te},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},firstDayOfTheWeek:{Type:Boolean,default:"Sun."},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null},selectedWeek:{Type:Object,default:null},selectMode:{Type:String,default:"day"},showWeekNumber:{Type:Boolean,default:!1},weekTitle:{Type:String,default:"Week"}},en="";var Q=(t=>(t[t.enter=13]="enter",t[t.esc=27]="esc",t[t.space=32]="space",t[t.leftArrow=37]="leftArrow",t[t.upArrow=38]="upArrow",t[t.rightArrow=39]="rightArrow",t[t.downArrow=40]="downArrow",t[t.tab=9]="tab",t[t.shift=16]="shift",t))(Q||{});function ie(){function t(n){const o=n.key||n.keyCode;return o==="Enter"||o===13?13:o==="Escape"||o===27?27:o===" "||o===32?32:o==="ArrowLeft"||o===37?37:o==="ArrowUp"||o===38?38:o==="ArrowRight"||o===39?39:o==="ArrowDown"||o===40?40:o==="Tab"||o===9?9:o==="Shift"||o===16?16:-1}return{getKeyCodeFromEvent:t}}function Z(){function t(){return{year:0,month:0,day:0}}function n(r){return new Date(r.year||0,r.month?r.month-1:0,r.day||0,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0)}function o(r){const p=new Date;return r.year||(r.year=p.getFullYear()),r.month||(r.month=p.getMonth()+1),r.day||(r.day=1),new Date(r.year,r.month-1,r.day,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0)}function c(r){return new Date(r.year||1,(r.month||1)-1,r.day,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0).getDay()}function a(r){return te.indexOf(r)}function s(r){return n(r).getTime()}function h(r){return Math.round(s(r)/1e3)}function i(r,p,l){const d=s(p),m=s(l),g=s(r);return m-g>g-d?p:l}function f(){const r=new Date;return{year:r.getFullYear(),month:r.getMonth()+1,day:r.getDate(),hour:r.getHours(),minute:r.getMinutes(),second:r.getSeconds()}}return{emptyDate:t,getDate:n,getDate2:o,getDayNumber:c,getEpocTime:h,getNearDate:i,getWeekdayIndex:a,getTimeInMilliseconds:s,getToday:f}}function ne(){const{getTimeInMilliseconds:t}=Z();function n(l){return l&&l.year!==0&&l.month!==0&&l.day!==0}function o(l){return l&&l.year!==0&&l.month!==0}function c(l){return l&&l.year!==0}function a(l,d){return t(l)<t(d)}function s(l,d){return t(l)<=t(d)}function h(l,d){return t(l)===t(d)}function i(l,d){const m=t(d);return t(l.from)===m||t(l.to)===m}function f(l,d){return!d||!n(d.to)||!n(d.from)?!1:s(d.from,l)&&s(l,d.to)}function r(l,d){return n(d)&&t(l)>=t(d)}function p(l,d){return n(d)&&t(l)<=t(d)}return{isDateEarlier:a,equal:h,inPeriod:f,isPoint:i,equalOrEarlier:s,isInitializedDate:n,isInitializedMonth:o,isInitializedYear:c,isMonthDisabledByDisableSince:r,isMonthDisabledByDisableUntil:p}}const le=e.defineComponent({name:"FDatePickerCalendarView",props:De,emits:["click","clickWeek","keyDown","mouseEnter","mouseLeave"],setup(t,n){const o=e.ref(t.dates),c=e.ref(t.daysInWeek),a=e.ref(t.enableKeyboadNavigate),s=e.ref(t.enableMarkCurrent),h=e.ref(t.enablePeriod),i=e.ref(t.firstDayOfTheWeek),f=e.ref(t.selected),r=e.ref(t.selectedPeriod),p=e.ref(t.selectedWeek),l=e.ref(t.selectMode),d=e.ref(t.showWeekNumber),m=e.ref(t.weekTitle),g=e.computed(()=>d.value&&i.value==="Mon");e.watch(()=>t.dates,()=>{o.value=t.dates}),e.watch(()=>t.selected,()=>{f.value=t.selected});const{equal:T,inPeriod:O,isInitializedDate:M,equalOrEarlier:I,isPoint:x}=ne(),{getKeyCodeFromEvent:P}=ie(),C=u=>{const N=!!p.value&&u.numberInTheYear===p.value.numberInTheYear&&u.year===p.value.year;return{"f-datepicker-selectWeek":l.value==="week","f-datepicker-selectedWeek":l.value==="week"&&N}},v=e.computed(()=>d.value&&i.value==="Mon");function B(u){return O(u,r.value)}function j(u){return!!r.value&&x(r.value,u)}function k(u){return!!f.value&&T({year:f.value.year,month:f.value.month,day:f.value.day},u)}const E=(u,N,w)=>{const L=l.value!=="week"&&u.tag===K.current&&(h.value&&B(u.date)&&!j(u.date)||u.range),A=u.tag===K.previous||u.tag===K.next,_={"f-datepicker-range":L,"f-datepicker-no-currmonth":A,"f-datepicker-disabled":u.disable,"f-datepicker-singledate":!u.disable},X=`d_${N}_${w}`;return _[X]=!0,_},F=u=>{const N=l.value!=="week"&&u.tag===K.current&&(!h.value&&k(u.date)||h.value&&j(u.date)),w=u.isCurrent&&s.value,L=u.highlight&&(u.tag===K.previous||u.tag===K.next||u.disable);return{"f-datepicker-date":!0,"f-datepicker-selected":N,"f-datepicker-current":w,"f-datepicker-opacity":L,"f-datepicker-highlight":u.highlight,"f-datepicker-disabled":u.disable}};function R(u,N){N.disable||l.value==="week"||(u.stopPropagation(),n.emit("click",N.date))}function q(u,N){l.value==="week"&&(u.stopPropagation(),n.emit("clickWeek",N))}function z(u,N){const w=P(u);w!==Q.tab&&(u.preventDefault(),w===Q.enter||w===Q.space?R(u,N):a.value&&n.emit("keyDown",N.date))}function D(u){r.value&&M(r.value.from)&&!M(r.value.to)&&(o.value.forEach(N=>{N.days.forEach(w=>{w.range=!!r.value&&(I(r.value.from,w.date)&&I(w.date,u.date)||I(w.date,r.value.from)&&I(u.date,w.date))})}),n.emit("mouseEnter",u.date))}function W(){o.value.forEach(u=>{u.days.forEach(N=>{N.range=!1})}),n.emit("mouseLeave")}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table",cellpadding:"0"},[e.createVNode("thead",null,[e.createVNode("tr",null,[g.value&&e.createVNode("th",{class:"f-datepicker-weeknbr-title"},[m.value]),c.value&&c.value.map(u=>e.createVNode("th",{scope:"col",style:"padding-bottom: 8px;padding-top: 4px"},[u]))])]),e.createVNode("tbody",null,[o.value&&o.value.map((u,N)=>e.createVNode("tr",{class:C(u),onClick:w=>q(w,u)},[v.value&&e.createVNode("td",{class:"f-datepicker-weeknbr"},[e.createVNode("div",{class:"f-datepicker-date"},[u.numberInTheYear])]),u.days&&u.days.map((w,L)=>e.createVNode("td",{id:`d_${N}_${L}`,tabindex:"0",class:E(w,N,L),onClick:A=>R(A,w),onKeydown:A=>z(A,w),onMouseenter:()=>D(w),onMouseleave:()=>W()},[w.marked&&w.marked.marked&&e.createVNode("span",{class:"f-datepicker-markdate",style:{"background-color":w.marked.color}},null),e.createVNode("div",{class:F(w)},[w.date.day])]))]))])])])])}}),qe={activeMonth:{type:Object,require:!0},ariaLabelPrevMonth:{type:String,default:""},ariaLabelNextMonth:{type:String,default:""},dateFormat:{type:String,default:"yyyy-MM-dd"},disablePrePage:{type:Boolean,default:!1},disablePreRecord:{type:Boolean,default:!1},disableNextRecord:{type:Boolean,default:!1},disableNextPage:{type:Boolean,default:!1},years:{type:Array,default:[[{}]]},selectingMonth:{type:Boolean,default:!1},selectingYear:{type:Boolean,default:!1},selectMode:{type:String,default:"day"}},tn="",ce=e.defineComponent({name:"FDatePickerCalendarNavbar",props:qe,emits:["clickMonth","clickYear","prePage","preRecord","nextRecord","nextPage"],setup(t,n){return()=>{const o=e.ref(t.ariaLabelPrevMonth),c=e.ref(t.ariaLabelNextMonth),a=e.ref(t.dateFormat),s=e.ref(t.disablePrePage),h=e.ref(t.disablePreRecord),i=e.ref(t.disableNextRecord),f=e.ref(t.disableNextPage),r=e.ref(t.activeMonth),p=e.ref(t.years),l=e.ref(t.selectingMonth),d=e.ref(t.selectingYear),m=e.ref(t.selectMode),g=e.ref(!0),T=e.ref(!0);e.watch(()=>t.activeMonth,()=>{var u,N,w,L;r.value={month:(u=t.activeMonth)==null?void 0:u.month,year:(N=t.activeMonth)==null?void 0:N.year,displayTextOfMonth:(w=t.activeMonth)==null?void 0:w.displayTextOfMonth,displayTextOfYear:(L=t.activeMonth)==null?void 0:L.displayTextOfMonth}});const O=e.computed(()=>({"f-datepicker-header":!0,monthYearSelBarBorder:l.value||d.value})),M=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":s.value})),I=e.computed(()=>!l.value&&!d.value),x=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":h.value})),P=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":i.value})),C=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":f.value})),v=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-yearLabel":g.value,"f-datepicker-labelBtnNotEdit":!g.value})),B=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-monthLabel":T.value,"f-datepicker-labelBtnNotEdit":!T.value})),j=e.computed(()=>{const u=a.value?a.value.indexOf("yyyy"):0,N=a.value?a.value.indexOf("MM"):0;return u>N?"MM-yyyy":"yyyy-MM"});function k(u){u.stopPropagation(),n.emit("prePage")}function E(u){u.stopPropagation(),n.emit("preRecord")}function F(u){u.stopPropagation(),n.emit("clickYear")}function R(u){u.stopPropagation(),n.emit("clickMonth")}function q(u){u.stopPropagation(),u.stopPropagation(),n.emit("nextRecord")}function z(u){u.stopPropagation(),n.emit("nextPage")}function D(){return e.createVNode("button",{type:"button",class:v.value,onClick:u=>{g.value&&F(u)},tabindex:g.value?"0":"-1",disabled:m.value==="year"},[d.value?p.value.length>3?p.value[0][1].year+" - "+p.value[3][1].year:"":r.value.displayTextOfYear])}function W(){return!d.value&&m.value!=="month"&&e.createVNode("button",{type:"button",class:B.value,onClick:u=>{T.value&&R(u)},tabindex:T.value?"0":"-1"},[r.value.displayTextOfMonth])}return e.createVNode("div",{class:O.value},[e.createVNode("div",{class:"f-datepicker-prev-btn"},[e.createVNode("button",{title:"prePage",type:"button",class:M.value,onClick:k},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-left"},null)]),I.value&&e.createVNode("button",{type:"button","aria-label":o.value,class:x.value,onClick:E},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-left"},null)])]),e.createVNode("div",{class:"f-datepicker-monthYearText"},[j.value==="yyyy-MM"?[D(),W()]:[W(),D()]]),e.createVNode("div",{class:"f-datepicker-next-btn"},[I.value&&e.createVNode("button",{type:"button","aria-label":c.value,class:P.value,onClick:q},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-right"},null)]),e.createVNode("button",{title:"nextPage",type:"button",class:C.value,onClick:z},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-right"},null)])])])}}}),ue={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},ze={top:{type:Number,default:0},left:{type:Number,default:0},position:{type:String,default:"bottom"},enablePeriod:{type:Boolean,default:!1},dateFormat:{type:String,default:"MM-dd-yyyy"},dates:{type:Array,default:[]},daysInWeek:{type:Array,default:te},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableWeekdays:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},enableKeyboadNavigate:{type:Boolean,default:!0},enableMarkCurrent:{type:Boolean,default:!0},firstDayOfTheWeek:{type:String,default:"Sun."},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},maxYear:{Type:Number,default:2500},minYear:{Type:Number,default:1},months:{type:Array,default:[[]]},nameOfMonths:{Type:Object,default:ue},secondaryDates:{type:Array,default:[]},secondaryMonths:{type:Array,default:[[]]},selectedDate:{type:Object,default:null},selectedMonth:{type:Object,default:null},selectedPeriod:{type:Object,default:null},selectedWeek:{type:Object,default:null},selectMode:{type:String,default:"day"},showWeekNumber:{type:Boolean,default:!1},weekTitle:{type:String,default:"Week"},years:{Type:Array,default:[[]]}},He={months:{Type:Array,default:[[]]},enableMarkCurrent:{Type:Boolean,default:!1},enableKeyboadNavigate:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},de=e.defineComponent({name:"FDatePickerMonthView",props:He,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,n){const o=e.ref(t.months),c=e.ref(t.enableMarkCurrent),a=e.ref(t.enableKeyboadNavigate),s=e.ref(t.enablePeriod),h=e.ref(t.selected),i=e.ref(t.selectedPeriod),{equal:f,inPeriod:r,isInitializedDate:p,equalOrEarlier:l}=ne(),{getKeyCodeFromEvent:d}=ie();e.watch(()=>t.months,()=>{o.value=t.months}),e.watch(()=>t.selected,()=>{h.value=t.selected});function m(C,v){C.stopPropagation(),!v.disable&&n.emit("click",v)}function g(C,v){const B=d(C);B!==Q.tab&&(C.preventDefault(),B===Q.enter||B===Q.space?m(C,v):a.value&&n.emit("keyDown",v))}function T(C){i.value&&p(i.value.from)&&!p(i.value.to)&&(o.value.forEach(v=>{v.forEach(B=>{B.range=!!i.value&&(l(i.value.from,B.date)&&l(B.date,C.date)||l(B.date,i.value.from)&&l(C.date,B.date))})}),n.emit("mouseEnter",C))}function O(){o.value.forEach(C=>{C.forEach(v=>{v.range=!1})}),n.emit("mouseLeave")}function M(C){return!!h.value&&f({year:h.value.year,month:h.value.month},{year:C.year,month:C.month})}function I(C){return!!i.value&&(f({year:i.value.from.month},C)||f({year:i.value.to.month},C))}function x(C){return r(C,i.value)}const P=C=>({"f-datepicker-month-cell":!0,"f-datepicker-current":C.isCurrent&&c,"f-datepicker-selected":!s.value&&M(C.date)||s.value&&I(C.date),"f-datepicker-disabled":C.disable,"f-datepicker-range":x(C.date)||C.range});return()=>e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table"},[e.createVNode("tbody",null,[o.value&&o.value.map((C,v)=>e.createVNode("tr",null,[C.map((B,j)=>e.createVNode("td",{id:`m_${v}_${j}`,class:`m_${v}_${j}`,onClick:k=>m(k,B),onKeydown:k=>g(k,B),onMouseenter:()=>T(B),onMouseleave:()=>O(),tabindex:"0",style:"width: 33.3%"},[e.createVNode("div",{class:"f-datepicker-month"},[e.createVNode("span",{class:P(B)},[B.displayText])])]))]))])])])}}),Ke={years:{Type:Array,default:[[]]},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},fe=e.defineComponent({name:"FDatePickerYearView",props:Ke,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,n){const o=e.ref(t.years),c=e.ref(t.enableMarkCurrent),a=e.ref(t.enableKeyboadNavigate),s=e.ref(t.enablePeriod),h=e.ref(t.selected),i=e.ref(t.selectedPeriod),{equal:f,inPeriod:r,isInitializedDate:p,equalOrEarlier:l}=ne(),{getKeyCodeFromEvent:d}=ie();e.watch(()=>t.years,()=>{o.value=t.years}),e.watch(()=>t.selected,()=>{h.value=t.selected});const m=(v,B)=>{const j=`y_${v}_${B}`,k={"f-datepicker-no-currmonth":v===0&&B===0||v===3&&B===2};return k[j]=!0,k};function g(v){return r(v,i.value)}function T(v){return!!h.value&&f({year:h.value.year},v)}function O(v){return!!i.value&&(f({year:i.value.from.year},v)||f({year:i.value.to.year},v))}const M=v=>({"f-datepicker-year-cell":!0,"f-datepicker-current":v.isCurrent&&c.value,"f-datepicker-selected":!i.value&&T(v.date)||s.value&&O(v.date),"f-datepicker-disabled":v.disable,"f-datepicker-range":g(v.date)||v.range});function I(v,B){v.stopPropagation(),!B.disable&&n.emit("click",B)}function x(v,B){const j=d(v);j!==Q.tab&&(v.preventDefault(),j===Q.enter||j===Q.space?I(v,B):a.value&&n.emit("keyDown",B))}function P(v){i.value&&p(i.value.from)&&!p(i.value.to)&&(o.value.forEach(B=>{B.forEach(j=>{j.range=!!i.value&&(l(i.value.from,j.date)&&l(j.date,v.date)||l(j.date,i.value.from)&&l(v.date,j.date))})}),n.emit("mouseEnter",v))}function C(){o.value.forEach(v=>{v.forEach(B=>{B.range=!1})}),n.emit("mouseLeave")}return()=>e.createVNode("table",{class:"f-datepicker-table-wrapper"},[e.createVNode("tbody",{class:"f-datepicker-table"},[o.value&&o.value.map((v,B)=>e.createVNode("tr",null,[v.map((j,k)=>e.createVNode("td",{id:"y_{yi}_{i}",class:m(B,k),onClick:E=>I(E,j),onKeydown:E=>x(E,j),onMouseenter:()=>P(j),onMouseleave:()=>C(),tabindex:"0"},[e.createVNode("div",{class:"f-datepicker-year"},[e.createVNode("span",{class:M(j)},[j.year])])]))]))])])}});function pe(){function t(a){return new Date(a.year||0,(a.month||1)-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0).getDay()}function n(a){if(!a)return 1;if(!/^\d+$/.test(a.value))return-1;let s=Number(a.value);return(a.format.length===1&&a.value.length!==1&&s<10||a.format.length===1&&a.value.length!==2&&s>=10||a.format.length===2&&a.value.length>2)&&(s=-1),s}function o(a,s){if(a.value){for(let h=1;h<=12;h++)if(a.value.toLowerCase()===s[h].toLowerCase())return h}return-1}function c(a){const s=new Date(a.year||0,(a.month||1)-1,a.day,0,0,0,0);return s.setDate(s.getDate()+(s.getDay()===0?-3:4-s.getDay())),Math.round((s.getTime()-new Date(s.getFullYear(),0,4).getTime())/864e5/7)+1}return{getNumberByValue:n,getDayNumber:t,getMonthNumberByMonthName:o,getWeekNumber:c}}function _e(t,n,o,c,a,s,h,i){const{getTimeInMilliseconds:f,getWeekdayIndex:r}=Z(),{isInitializedDate:p}=ne(),{getDayNumber:l}=pe();function d(m){if(m.year&&m.year<t&&m.month===12||m.year&&m.year>n&&m.month===1)return!0;const g=f(m);if(p(c)&&g+24*60*60*1e3-1<f(c)||p(o)&&g>f(o))return!0;if(h){const O=l(m);if(O===0||O===6)return!0}const T=l(m);return!!(i.length>0&&i.find(M=>r(M)===T)||a.length>0&&a.find(M=>(M.year===0||M.year===m.year)&&(M.month===0||M.month===m.month)&&M.day===m.day)||s.length>0&&s.find(M=>p(M.from)&&p(M.to)&&g>=f(M.from)&&g<=f(M.to)))}return{isDisabledDate:d}}function Ue(){const{getDayNumber:t}=pe();function n(c,a,s){let h=[];h=a.reduce((f,r)=>{const p=r.dates.map(l=>({date:l,color:r.color}));return[...f,...p]},h);const i=h.find(f=>(f.date.year===0||f.date.year===c.year)&&(f.date.month===0||f.date.month===c.month)&&f.date.day===c.day);if(i)return{marked:!0,color:i.color};if(s&&s.marked){const f=t(c);if(f===0||f===6)return{marked:!0,color:s.color}}return{marked:!1,color:""}}function o(c,a,s,h){const i=t(c);return a&&i===0||s&&i===6?!0:!!h.find(r=>(r.year===0||r.year===c.year)&&(r.month===0||r.month===c.month)&&r.day===c.day)}return{isHighlightedDate:o,isMarkedDate:n}}function Oe(){const{getTimeInMilliseconds:t}=Z(),{isInitializedDate:n}=ne();function o(a,s){return n(s)&&t(a)<=t(s)}function c(a,s){return n(s)&&t(a)>=t(s)}return{isMonthDisabledByDisableSince:c,isMonthDisabledByDisableUntil:o}}function ye(){const{getToday:t}=Z(),{isMonthDisabledByDisableSince:n,isMonthDisabledByDisableUntil:o}=Oe();function c(p){const l={displayTextOfMonth:"",month:0,year:0,displayTextOfYear:""};if(p){const d=p.match(/[^0-9]/),m=d&&d.length?d[0]:"",g=p.split(m);l.month=g[0].length===2?Number(g[0]):Number(g[1]),l.year=g[0].length===2?Number(g[1]):Number(g[0])}return l}function a(p,l){return new Date(l,p,0).getDate()}function s(p,l,d){return new Date(p,l-1,d,0,0,0,0)}function h(p,l){const d=s(l,p,1);return d.setMonth(d.getMonth()-1),a(d.getMonth()+1,d.getFullYear())}function i(p,l,d,m){const g=t(),T=[],{year:O}=l,M=3;for(let I=1;I<=12;I+=M){const x=[];for(let P=I;P<I+M;P++){const C=n({year:O,month:P,day:1},d)||o({year:O,month:P,day:a(P,O||0)},m);x.push({month:P,displayText:p[P],isCurrent:P===g.month&&O===g.year,disable:C,date:{year:O,month:P}})}T.push(x)}return T}function f(p,l){const d={year:p===12?l+1:l},m=p===12?1:p+1;return d.month=m,d}function r(p,l){const d={year:p===1?l-1:l},m=p===1?12:p-1;return d.month=m,d}return{daysInMonth:a,daysInPreMonth:h,generateMonths:i,parseDefaultMonth:c,getNextMonth:f,getPreviousMonth:r}}function Xe({isDisabledDate:t}){const{getToday:n}=Z(),{daysInMonth:o,daysInPreMonth:c,getNextMonth:a,getPreviousMonth:s}=ye(),{isHighlightedDate:h,isMarkedDate:i}=Ue(),{getWeekNumber:f}=pe();function r(m){const g=te.indexOf(m);return g>0?7-g:0}function p(m,g,T){const O=new Date;O.setDate(1),O.setMonth(g-1),O.setFullYear(m);const M=O.getDay()+T;return M>=7?M-7:M}function l(m,g,T,O,M){return m===M.day&&g===M.month&&T===M.year&&O===K.current}function d(m,g,T,O,M,I,x,P,C){const v=[],B=n(),j=p(g,m,r(T)),k=o(m,g),E=c(m,g);let F=1,R=K.previous;for(let q=1;q<7;q++){const z=[];if(q===1){const W=E-j+1;for(let N=W;N<=E;N++){const w={year:m===1?g-1:g,month:m===1?12:m-1,day:N},L=l(N,m,g,R,B),A=t(w),_=i(w,O,M),X=h(w,P,x,I);z.push({date:w,tag:R,isCurrent:L,disable:A,marked:_,highlight:X})}R=K.current;const u=7-z.length;for(let N=0;N<u;N++){const w={year:g,month:m,day:F},L=l(F,m,g,R,B),A=t(w),_=i(w,O,M),X=h(w,P,x,I);z.push({date:w,tag:R,isCurrent:L,disable:A,marked:_,highlight:X}),F++}}else for(let W=1;W<=7;W++){F>k&&(F=1,R=K.next);const u={year:R===K.next&&m===12?g+1:g,month:R===K.current?m:R===K.next&&m<12?m+1:1,day:F},N=l(F,m,g,R,B),w=t(u),L=i(u,O,M),A=h(u,P,x,I);z.push({date:u,tag:R,isCurrent:N,disable:w,marked:L,highlight:A}),F++}const D=C&&T==="Mon."?f(z[0].date):0;v.push({days:z,numberInTheYear:D,year:g})}return v}return{generateCalendar:d}}function Ge(){const{getToday:t}=Z(),{daysInMonth:n}=ye(),{isMonthDisabledByDisableSince:o,isMonthDisabledByDisableUntil:c}=Oe();function a(s,h,i,f,r,p){const l=[],d=s-s%10,{year:m,month:g}=h,T=t(),O=3,M=d+10;for(let I=d-1;I<M;I+=O){const x=[];for(let P=I;P<I+O;P++){const C=o({year:P,month:g,day:1},r)||c({year:P,month:g,day:n(g||0,P)},p),v=P<i||P>f;x.push({year:P,isCurrent:P===T.year,selected:P===m,disable:C||v,date:{year:P}})}l.push(x)}return l}return{generateYears:a}}const nn="",he=e.defineComponent({name:"FDatePickerContainer",props:ze,emits:["datePicked"],setup(t,n){const o=e.ref(t.top),c=e.ref(t.left),a=e.ref(t.position),s=e.ref(t.enablePeriod),h=e.ref(t.selectMode),i=e.ref(t.dateFormat),f=e.ref(t.nameOfMonths),r=e.ref([]),p=e.ref(!1),l=e.ref(""),d=e.ref(!1),m=e.ref(""),g=e.ref(),T=e.ref(!1),O=e.ref(!1),M=e.ref(!1),I=e.ref(!1),x=e.ref(!1),P=e.ref(!1),C=e.ref(!1),v=e.ref(!1),B=e.ref(t.secondaryDates),j=e.ref(t.daysInWeek),k=e.ref(t.enableKeyboadNavigate),E=e.ref(t.enableMarkCurrent),F=e.ref(t.firstDayOfTheWeek),R=e.ref(t.showWeekNumber),q=e.ref(t.selectedDate),z=e.ref(t.selectedWeek),D=e.ref(t.selectedPeriod),W=e.ref(t.weekTitle),u=e.ref(t.secondaryMonths),N=e.ref(t.selectedMonth),w=e.ref(t.minYear),L=e.ref(t.maxYear),A=e.ref(t.disableSince),_=e.ref(t.disableUntil),X=e.ref(t.disableDates),ve=e.ref(t.disablePeriod),ke=e.ref(t.disableWeekdays),Te=e.ref(t.disableWeekends),Ce=_e(w.value,L.value,A.value,_.value,X.value,ve.value,Te.value,ke.value),{generateCalendar:Me}=Xe(Ce),{getToday:Pe}=Z(),{generateMonths:we,getNextMonth:Be,getPreviousMonth:xe}=ye(),{generateYears:Ne}=Ge(),y=Pe(),b=e.ref({year:y.year||1,month:y.month||1,displayTextOfMonth:f.value[y.month||"1"],displayTextOfYear:`${y.year}`}),V=y.month===12?(y.year||1)+1:y.year,H=(y.month||1)<12?(y.month||1)+1:1,G=e.ref({year:V,month:H,displayTextOfMonth:f.value[y.month||"1"],displayTextOfYear:`${V}`}),J=e.computed(()=>Me(b.value.month,b.value.year,F.value,[],{marked:!0,color:""},[],t.highlightSaturday,t.highlightSunday,R.value)),ae=e.computed(()=>we(f.value,{year:b.value.year,month:b.value.month},A.value,_.value)),oe=e.computed(()=>Ne(b.value.year,{year:b.value.year,month:b.value.month},w.value,L.value,A.value,_.value)),re=e.computed(()=>{const S={"f-datepicker-container":!0},Y=`container-position-${a.value}`;return S[Y]=!0,S});function Ot(){return""}const Vt=e.computed(()=>({top:`${o.value}px`,left:`${c.value}px`,width:Ot()}));function Tn(S){}function St(S){S.stopPropagation()}function It(S,Y){const $=b.value.year-(d.value?10:1),ee={year:$,month:b.value.month,displayTextOfMonth:f.value[b.value.month||"1"],displayTextOfYear:`${$}`};b.value=ee}function $e(S,Y){const $=xe(b.value.month,b.value.year),ee={year:$.year||1,month:$.month||1,displayTextOfMonth:f.value[$.month||"1"],displayTextOfYear:`${$.year}`};b.value=ee}function Ee(S,Y){const $=Be(b.value.month,b.value.year),ee={year:$.year||1,month:$.month||1,displayTextOfMonth:f.value[$.month||"1"],displayTextOfYear:`${$.year}`};b.value=ee}function jt(S,Y){const $=b.value.year+1,ee={year:$,month:b.value.month,displayTextOfMonth:f.value[b.value.month||"1"],displayTextOfYear:`${$}`};b.value=ee}function Wt(S){p.value=!0,d.value=!1}function $t(S){p.value=!1,d.value=!0}const Et=e.computed(()=>({"active-month":b.value,"date-format":i.value,"disable-pre-page":T.value,"disable-pre-record":O.value,"disable-next-record":M.value,"disable-next-page":I.value,years:oe.value,"selecting-month":p.value,"selecting-year":d.value,"select-mode":h.value})),Lt=e.computed(()=>({"active-month":G.value,"date-format":i.value,"disable-pre-page":x.value,"disable-pre-record":P.value,"disable-next-record":C.value,"disable-next-page":v.value,years:r.value,"selecting-month":l.value,"selecting-year":m.value,"select-mode":h.value}));function Le(S,Y){return e.createVNode(ce,e.mergeProps(Y,{onPrePage:$=>It(),onPreRecord:$=>$e(),onNextRecord:$=>Ee(),onNextPage:$=>jt(),onClickMonth:$=>Wt(),onClickYear:$=>$t()}),null)}const Re=e.computed(()=>!p.value&&!d.value&&!g.value||s.value&&h.value!=="week"&&!l.value&&!m.value&&!g.value),Rt=e.computed(()=>p.value&&!d.value),At=e.computed(()=>d.value&&!p.value),Yt=e.computed(()=>({dates:J.value,daysInWeek:j.value,enableKeyboadNavigate:k.value,enableMarkCurrent:E.value,enablePeriod:s.value,firstDayOfTheWeek:F.value,selected:q.value,selectedPeriod:D.value,selectedWeek:z.value,selectMode:h.value,showWeekNumber:R.value,weekTitle:W.value})),Ft=e.computed(()=>({dates:B,daysInWeek:j.value,enableKeyboadNavigate:k.value,enableMarkCurrent:E.value,enablePeriod:s.value,firstDayOfTheWeek:F.value,selected:q.value,selectedPeriod:D.value,selectMode:R.value,showWeekNumber:R.value,weekTitle:W.value}));function qt(S,Y){q.value=S,n.emit("datePicked",`${S.year}-${S.month}-${S.day}`)}function Cn(S){}function Mn(S){}function Pn(S,Y){}function wn(S,Y){}function Ae(S,Y){return Re.value&&e.createVNode(le,e.mergeProps(Y,{onClick:$=>qt($),onClickWeek:$=>void 0,onKeyDown:$=>void 0,onMouseEnter:$=>void 0,onMouseLeave:$=>void 0}),null)}const zt=e.computed(()=>({months:ae.value,enableMarkCurrent:E.value,enableKeyboadNavigate:k.value,enablePeriod:s.value,selected:N.value,selectedPeriod:D.value})),Ht=e.computed(()=>({months:u.value,enableMarkCurrent:E.value,enableKeyboadNavigate:k.value,enablePeriod:s.value,selected:N.value,selectedPeriod:D.value}));function Kt(S,Y){p.value=!1,d.value=!1,N.value=S,b.value={month:S.month||1,displayTextOfMonth:f.value[b.value.month||"1"],year:b.value.year||1,displayTextOfYear:`${b.value.displayTextOfYear}`}}function Bn(S){}function xn(S,Y){}function Nn(S,Y){}function Ye(S,Y){return e.createVNode(de,e.mergeProps(Y,{onClick:$=>Kt($),onKeyDownMonthView:$=>void 0,onMouseEnterMonthView:$=>void 0,onMouseLeaveMonthView:$=>void 0}),null)}const _t=e.computed(()=>({years:oe.value,enableKeyboadNavigate:k.value,enableMarkCurrent:E.value,enablePeriod:s.value,selected:q.value,selectedPeriod:D.value})),Ut=e.computed(()=>({years:r.value,enableKeyboadNavigate:k.value,enableMarkCurrent:E.value,enablePeriod:s.value,selected:q.value,selectedPeriod:D.value}));function Xt(S,Y){p.value=!0,d.value=!1,b.value={month:b.value.month,displayTextOfMonth:b.value.displayTextOfMonth,year:S.year||1,displayTextOfYear:`${S.year}`}}function Dn(S){}function On(S,Y){}function Vn(S,Y){}function Gt(S){b.value={year:y.year||1,month:y.month||1,displayTextOfMonth:f.value[y.month||"1"],displayTextOfYear:`${y.year}`},q.value=y}function Jt(S){b.value={year:y.year||1,month:y.month||1,displayTextOfMonth:f.value[y.month||"1"],displayTextOfYear:`${y.year}`},q.value=y,N.value={year:y.year,month:y.month}}function Qt(S){b.value={year:y.year||1,month:y.month||1,displayTextOfMonth:f.value[y.month||"1"],displayTextOfYear:`${y.year}`},q.value=y}const Zt=e.computed(()=>s.value&&h.value!=="week");function Fe(S,Y){return e.createVNode(fe,e.mergeProps(Y,{onClick:$=>Xt($),onKeyDownYearView:$=>void 0,onClickPreRecord:$=>$e(),onClickNextRecord:$=>Ee(),onMouseEnterYearView:$=>void 0,onMouseLeaveYearView:$=>void 0}),null)}return()=>e.createVNode("div",{class:re.value,style:Vt.value,tabindex:"0",onKeyup:S=>void 0,onClick:S=>St(S)},[e.createVNode("div",{class:"f-datepicker-content"},[Le(!1,Et.value),Ae(!1,Yt.value),p.value&&Ye(!1,zt.value),d.value&&Fe(!1,_t.value),e.createVNode("div",{class:"f-datepicker-footer"},[e.createVNode("div",{class:"f-datepicker-redirect"},[Re.value&&e.createVNode("button",{class:"btn btn-link",onClick:Gt},[e.createTextVNode("今天")]),Rt.value&&e.createVNode("button",{class:"btn btn-link",onClick:Jt},[e.createTextVNode("本月")]),At.value&&e.createVNode("button",{class:"btn btn-link",onClick:Qt},[e.createTextVNode("今年")])])])]),Zt.value&&e.createVNode("div",{class:"f-datepicker-content"},[Le(!0,Lt.value),Ae(!0,Ft.value),l.value&&Ye(!0,Ht.value),m.value&&Fe(!0,Ut.value)])])}}),Ve={};function me(t){const{properties:n}=t;return Object.keys(n).reduce((c,a)=>(c[a]=n[a].type==="object"&&n[a].properties?me(n[a]):n[a].default,c),{})}function Je(t){const n=Ve[t];return n?me(n):null}function Qe(t,n){const o=me(n);return Object.keys(t).reduce((c,a)=>(c[a]=t[a],c),o),o}function Ze(t,n){return Object.keys(t).filter(c=>t[c]!=null).reduce((c,a)=>{if(n.has(a)){const s=n.get(a);if(typeof s=="string")c[s]=t[a];else{const h=s(a,t[a]);Object.assign(c,h)}}else c[a]=t[a];return c},{})}function et(t,n,o=new Map){const c=Qe(t,n);return Ze(c,o)}function Se(t,n,o=new Map){return Ve[n.title]=n,c=>{const a=et(c,n,o),s=Object.keys(t).reduce((h,i)=>(h[i]=t[i].default,h),{});return Object.assign(s,a)}}function Ie(t,n){return{customClass:n.class}}const tt=new Map([["appearance",Ie]]),nt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/date-picker.schema.json",title:"date-picker",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"date-picker"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},se={disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableWeekdays:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},displayFormat:{Type:String,default:"yyyyMMdd"},displayTime:{Type:Boolean,default:!1},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},maxYear:{Type:Number,default:2500},minYear:{Type:Number,default:1},modelValue:{type:String,default:""},nameOfMonths:{Type:Object,default:ue},periodDelimiter:{Type:String,default:""},selectMode:{Type:String,default:"day"},valueFormat:{Type:String,default:"yyyyMMdd"}},be=Se(se,nt,tt),at=new Map([["appearance",Ie]]),ot={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},je={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:320},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","}};Se(je,ot,at);const rt={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object}},lt=e.defineComponent({name:"FOverlay",props:rt,emits:["click"],setup(t,n){const o=e.ref(t.popupContentPosition),c=e.ref(t.host);function a(i){n.emit("click"),i.preventDefault(),i.stopPropagation()}const s=e.computed(()=>{const i=c.value;if(i){const f=i.getBoundingClientRect(),{left:r,top:p,height:l}=f;return{left:r,top:p+l}}return o.value}),h=e.computed(()=>({position:"relative",left:`${s.value.left}px`,top:`${s.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var i,f;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:r=>a(r)},[e.createVNode("div",{style:h.value},[(f=(i=n.slots).default)==null?void 0:f.call(i)])])]}})}});function st(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function it(t){const n=document.createElement("div");n.style.display="contents";let o;const c=t.onClickCallback||(()=>{}),a=()=>{c(),o&&o.unmount()};return o=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const s=st(t);return()=>e.createVNode(lt,{"popup-content-position":t.popupPosition,host:t.host,onClick:a},{default:()=>[s&&s()]})}}),document.body.appendChild(n),o.mount(n),o}class ct{static show(n){return it(n)}}function ut(t,n,o,c){const a=e.ref(t.buttonBehavior),s=e.ref(t.popupOnInput),h=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),i=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);async function f(d){if(i.value){const m=!!n.slots.default;a.value==="Overlay"&&ct.show({host:o.value,render:()=>{if(n.slots.default)return n.slots.default()}}),m&&a.value==="Popup"&&c.togglePopup(),m&&s.value&&c.hidePopup(),n.emit("clickButton",{origin:d,value:t.modelValue})}d.stopPropagation()}function r(d){n.emit("mouseEnterIcon",d)}function p(d){n.emit("mouseLeaveIcon",d)}function l(){n.emit("mouseOverButton")}return{buttonClass:h,onClickButton:f,onMouseEnterButton:r,onMouseLeaveButton:p,onMouseOverButton:l}}function dt(t,n,o,c,a,s){const h=e.ref(!1),i=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:f}=s;function r(m){h.value=m}e.watch(a,()=>{c.value?r(!!a.value):r(!1)});function p(m){const g=!t.readonly&&!t.disable&&t.editable,T=!t.editable;m.stopPropagation(),(g||T)&&(f("",!1),r(!h.value),n.emit("clear"))}function l(m){if(i.value){if(!o.value){r(!1);return}(!t.editable||!t.readonly)&&!t.disable&&r(!0)}}function d(m){i.value&&r(!1)}return{enableClearButton:i,showClearButton:h,onClearValue:p,onMouseEnterTextBox:l,onMouseLeaveTextBox:d}}function ft(t,n,o,c,a){const s=e.ref(t.popupOnInput),h=e.ref(t.popupOnFocus),{shouldPopupContent:i}=a,f=e.computed(()=>t.enableTitle?o.value:""),r=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),p=e.computed(()=>t.readonly||!t.editable);let l=!1;const d=e.computed(()=>!t.disable&&l),m=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0})),g=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":d.value}));function T(k,E=!0){o.value!==k&&(o.value=k,E&&n.emit("change",k),n.emit("update:modelValue",k))}function O(k){i.value=!1,T(k,!0)}e.watch(()=>t.modelValue,k=>{o.value=k,n.emit("change",k)});function M(k){l=!1,n.emit("blur",k),k.stopPropagation()}function I(k){n.emit("click",k)}function x(k){if(t.disable){l=!0;return}l=!0,p.value||(n.emit("focus",k),h.value&&!i.value&&a.popup())}function P(k){n.emit("input",k.target.value);const E=k.target.value;c.value=E,o.value!==E&&T(E,!1),s.value&&!i.value&&a.popup()}function C(k){k.target.tagName!=="INPUT"&&k.preventDefault(),k.stopPropagation()}function v(k){n.emit("keydown",k)}function B(k){k.key==="Enter"&&(s.value||h.value)&&a.hidePopup(),n.emit("keyup",k)}function j(k){const E=k.target.value;k.stopPropagation(),T(E)}return{hasFocusedTextBox:d,isTextBoxReadonly:p,textBoxClass:m,textBoxPlaceholder:r,textBoxTitle:f,inputGroupClass:g,changeTextBoxValue:T,commitValue:O,onBlurTextBox:M,onClickTextBox:I,onFocusTextBox:x,onInput:P,onKeyDownTextBox:v,onKeyUpTextBox:B,onMouseDownTextBox:C,onTextBoxValueChange:j}}function pt(t,n,o){const c=e.ref(),a=e.ref(!1);function s(){const r=c.value;r&&r.show(o.value)}async function h(){!!n.slots.default&&(a.value=!a.value,await e.nextTick(),s())}async function i(){!!n.slots.default&&(a.value=!0,await e.nextTick(),s())}function f(){a.value=!1}return{hidePopup:f,popup:i,shouldPopupContent:a,togglePopup:h,popoverRef:c}}function yt(t,n,o){const{isTextBoxReadonly:c,textBoxClass:a,textBoxPlaceholder:s,textBoxTitle:h,onBlurTextBox:i,onClickTextBox:f,onFocusTextBox:r,onInput:p,onKeyDownTextBox:l,onKeyUpTextBox:d,onMouseDownTextBox:m,onTextBoxValueChange:g}=o;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:t.autoComplete?"on":"off",class:a.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:s.value,readonly:c.value,tabindex:t.tabIndex,title:h.value,type:t.inputType,value:n.value,onBlur:i,onChange:g,onClick:f,onFocus:r,onInput:p,onKeydown:l,onKeyup:d,onMousedown:m},null)}const ht={activeTag:{Type:String,default:""},addButtonText:{Type:String,default:""},customClass:{Type:String,default:""},customStyle:{Type:String,default:""},data:{type:Array,default:[]},enableAddButton:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},selectable:{Type:Boolean,default:!1},showAddButton:{Type:Boolean,default:!1},showClose:{Type:Boolean,default:!1},showColor:{Type:Boolean,default:!1},showInput:{Type:Boolean,default:!1},tagType:{Type:String,default:""},tagStyle:{Type:String,default:""},wrapText:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},gn="";function mt(t,n,o,c){const a=e.ref(-1),s=e.ref(!1);function h(p,l,d){p.stopPropagation(),l&&setTimeout(()=>{a.value=d,s.value=!0,l.moving=!0})}function i(p,l){if(p.preventDefault(),a.value!==l){const d=c.value[a.value],m=c.value;m.splice(a.value,1),m.splice(l,0,d),a.value=l}}function f(p,l){p.preventDefault(),p.dataTransfer&&(p.dataTransfer.dropEffect="move")}function r(p,l){l&&(l.moving=!1),o.value=c.value.filter(d=>d.type==="Tag").map(d=>d.payload),s.value=!1,n.emit("change",o.value)}return{dragstart:h,dragenter:i,dragover:f,dragend:r,isDragging:s}}const bt=e.defineComponent({name:"FTags",props:ht,emits:["remove","selectionChange","change"],setup(t,n){const o=e.ref(t.selectable),c=e.ref(t.customClass),a=e.ref(t.data),s=e.ref(t.tagType),h=e.ref(t.tagStyle),i=e.ref(t.showColor),f=e.ref(t.activeTag),r=e.ref(t.customStyle),p=e.ref(t.showClose),l=e.ref(t.showAddButton),d=e.ref(t.showInput),m=e.ref(t.addButtonText),g=e.ref(t.enableAddButton);e.ref(t.placeholder),e.ref(""),e.ref();const T=e.ref(),O=e.ref(t.wrapText),M=e.ref();function I(){const y=a.value.map(b=>({type:"Tag",payload:b}));return l.value&&y.push({type:"AddButton"}),y}const x=e.ref(I());function P(y){a.value=y,x.value=I()}const C=e.computed(()=>x.value.findIndex(y=>y.type==="Input")),v=mt(t,n,a,x),{dragstart:B,dragenter:j,dragover:k,dragend:E}=v;e.watch(()=>t.data,y=>P(y));const F=e.computed(()=>{const y={"farris-tags":!0,"farris-tags-checkable":o.value,"farris-tags-nowrap":!O.value};return c.value.split(" ").reduce((b,V)=>(b[V]=!0,b),y),y});function R(y){const b={"farris-tag-item":!0,"farris-tag-item-checked":o.value&&y.checked,"farris-tag-item-checkable":o.value,"farris-tag-item-has-color":i.value,"farris-tag-item-actived":f.value===y.name};if(s.value){const V=`farris-tag-item-${s.value}`;b[V]=!0}return b}const q=e.computed(()=>{const y={};return r.value&&r.value.split(";").reduce((b,V)=>{const H=V.split(":");return b[H[0]]=H[1],b},y),y});function z(y,b){o.value&&b.selectable&&(b.checked=!b.checked,f.value=b.checked?b.name:"",b.checked&&a.value.filter(V=>V.name!==b.name).forEach(V=>{V.checked=!b.checked}),n.emit("change",a.value),n.emit("selectionChange",b))}function D(y,b){let V;switch(y.key){case"Backspace":a.value=a.value.filter(H=>H.name!==b.name),n.emit("change",a.value);break;case"ArrowLeft":V=Math.max(T.value.scrollLeft+20,0),T.value.scrollLeft=V;break;case"ArrowRight":V=Math.max(T.value.scrollLeft-20,0),T.value.scrollLeft=V}}function W(y,b){const V=a.value.findIndex(H=>H.name===b.name);if(V>-1){const[H]=a.value.splice(V,1);x.value=I(),n.emit("change",a.value),n.emit("remove",a.value,H,V)}y.stopPropagation()}const u=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!g.value}));function N(y){}function w(){return e.createVNode("li",{class:u.value,onClick:y=>void 0},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),e.createVNode("span",{class:"farris-tag-add-text"},[m.value])])}function L(y){if(y&&!y.innerText){const b=C.value;if(b>0){const[V]=a.value.splice(b-1,1);x.value.splice(b-1,1),n.emit("remove",a.value,V,b-1)}}}function A(y,b,V){y>-1&&(a.value.splice(y,0,{name:b,value:V,selectable:o.value}),x.value=I(),n.emit("change",a.value))}function _(y){if(y&&y.innerText){const b=y.innerText,V=C.value;A(V,b,b),y.innerText=""}}function X(y){const b=y.target;b&&(b.innerText?_(b):n.emit("change",a.value))}function ve(y){y.key==="Enter"&&_(y.target),y.key==="Backspace"&&(L(y.target),e.nextTick(()=>{M.value&&M.value.focus()}))}function ke(){return e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("div",{ref:M,class:"form-control",contenteditable:"true",onKeyup:ve,onBlur:X},null)])}function Te(y,b){return e.createVNode("li",{class:R(y),style:q.value,tabindex:0,id:y.name,key:y.name,onClick:V=>z(V,y),onKeydown:V=>D(V,y),draggable:"true",onDragstart:V=>B(V,y,b),onDragenter:V=>j(V,b),onDragend:V=>E(V,y),onDragover:V=>k(V,b)},[e.createVNode("div",{title:y.name,class:"tag-box"},[y.name]),p.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:V=>W(V,y)},null)])])}function Ce(){return x.value.map((y,b)=>{switch(y.type){case"Tag":return Te(y.payload,b);case"AddButton":return w();case"Input":return ke()}})}const Me=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":h.value==="capsule"}));function Pe(y){const b=Math.max(T.value.scrollLeft-y.deltaX,0);T.value.scrollLeft=b}function we(y){const b=T.value,V=a.value.length-1;if(b){const H=Array.from(b.children).filter(G=>G.className.indexOf("farris-tag-item")>-1).findIndex(G=>{const J=G.getBoundingClientRect(),ae=window.getComputedStyle(G),oe=parseInt(ae["margin-left"],10)+J.width+parseInt(ae["margin-right"],10);return J.left+oe>y});if(H>-1)return H}return V}function Be(y){if(d.value){const V=we(y.clientX)+1,G=x.value.filter(J=>J.type!=="Input");G.splice(V,0,{type:"Input"}),x.value=G,e.nextTick(()=>{M.value&&M.value.focus()})}}function xe(y){var V;y.preventDefault(),y.stopPropagation();const b=(V=y.dataTransfer)==null?void 0:V.getData("Text");if(b){const H=b.split(":"),G=H[0],J=H[1];[...a.value].findIndex(re=>(console.log(`${re.value} === ${J} is ${re.value===J}`),re.value===J))>-1||A(a.value.length,G,J)}}function Ne(y){y.preventDefault()}return()=>e.createVNode("div",{class:F.value,onClick:Be,onDrop:xe,onDragover:Ne},[e.createVNode("ul",{ref:T,class:Me.value,onWheel:y=>Pe(y)},[Ce()])])}});function gt(t,n,o){const c=e.ref(t.separator),{changeTextBoxValue:a}=o,s=e.computed(()=>n.value?n.value.split(c.value).map(i=>({name:i,selectable:!0})):[]);function h(i){a(i.map(f=>f.name).join(c.value),!0)}return()=>e.createVNode(bt,{class:"form-control",data:s.value,showClose:!0,showInput:!0,onChange:h},null)}function vt(t,n,o){const{buttonClass:c,onClickButton:a,onMouseEnterButton:s,onMouseLeaveButton:h}=n,{enableClearButton:i,showClearButton:f,onClearValue:r}=o;return()=>e.createVNode("div",{class:c.value},[i.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:r},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,f.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:t.buttonContent,onClick:a,onMouseenter:s,onMouseleave:h},null)])}const kt={title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:e.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}},vn="";function Tt(t){const n=t.host?t.host:"body",o=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),c=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),a=e.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width);return{host:n,hostLeft:c,hostTop:o,hostWidth:a}}function Ct(t,n,o,c){var z;const a=e.ref(0),s=e.ref(((z=t.offsetX)==null?void 0:z.value)||0),h=e.ref(-1),i=e.ref(-1),f=e.ref(-1),r=e.ref(t.placement),p=e.ref(0),l=e.ref(0),d=e.ref(0),m=e.ref(document.documentElement.scrollLeft),g=e.ref(document.documentElement.scrollTop),{hostLeft:T,hostTop:O,hostWidth:M}=c;e.watch(t.offsetX,D=>{a.value=D-s.value});const I=e.computed(()=>{const D={left:`${l.value}px`,top:`${d.value}px`,transform:`translateX(${a.value}px)`};return t.zIndex!==-1&&(D["z-index"]=t.zIndex),h.value!==-1&&(D.width=`${h.value}px`),D}),x=e.computed(()=>({left:`${p.value}px`}));function P(D){if(D&&t.keepWidthWithReference){const W=D.getBoundingClientRect();h.value=Math.max(t.minWidth,W.width)}}function C(D,W){const u=M.value-D.width-4;return u>0?u:W}function v(D,W,u){const N=p.value,w=W.left-T.value+W.width/2+m.value,L=W.top-O.value-(D.height+u.height)+g.value;return{popoverLeft:w,popoverTop:L,arrowLeft:N}}function B(D,W,u){return W.top-O.value+(W.height+u.height)+g.value}function j(D,W){const u=C(W,D),N=D<=u?p.value:D-u;return{popoverLeft:Math.min(D,u),arrowLeft:N}}function k(D,W,u){const N=W.left-T.value+W.width/2-(u.width/2-(D.left-T.value))+m.value,{arrowLeft:w,popoverLeft:L}=j(N,D),A=B(D,W,u);return{popoverLeft:L,popoverTop:A,arrowLeft:w}}function E(D,W,u){const N=W.left-T.value+m.value,{arrowLeft:w,popoverLeft:L}=j(N,D),A=B(D,W,u);return{popoverLeft:L,popoverTop:A,arrowLeft:w}}const F=new Map([["top",v],["bottom",k],["bottom-left",E]]);function R(D){var L;const W=D.getBoundingClientRect();i.value=W.top,f.value=W.left;const u=n.value.getBoundingClientRect(),N=(L=o.value)==null?void 0:L.getBoundingClientRect(),w=F.get(r.value);if(w){const{arrowLeft:A,popoverLeft:_,popoverTop:X}=w(N,W,u);p.value=A,l.value=_,d.value=X}t.keepWidthWithReference&&P(D)}function q(D){if(D){const W=D.getBoundingClientRect();(W.left!==f.value||W.top!==i.value)&&R(D)}}return{arrowStyle:x,popoverStyle:I,position:r,popoverWidth:h,fitToReference:P,followToReferencePosition:q,locateToReference:R}}function Mt(t,n,o,c,a,s,h){const i=e.ref(t.visible),f=e.computed(()=>i.value),{fitToReference:r,locateToReference:p}=h;let l;function d(){i.value=!1,document.body.removeEventListener("click",l),n.emit("hidden")}l=g=>{if(!a.value.contains(g.target)){const T=a.value.closest(".popover");T&&T.removeEventListener("click",l),d()}};async function m(g){if(c.value&&o.value&&g){i.value=!0,a.value=g,await e.nextTick(),p(g),s.value&&r(g),document.body.addEventListener("click",l);const T=g.closest(".popover");T&&T.addEventListener("click",l),n.emit("shown")}}return n.expose({hide:d,show:m,shown:f}),{showPopover:i,hidePopverOnClickBodyHandler:l}}function Pt(t,n,o,c,a){const{popoverWidth:s,fitToReference:h,followToReferencePosition:i}=a;function f(){if(o.value){i(o.value);const r=o.value.getBoundingClientRect();c.value&&r.width!==s.value&&h(o.value)}}return{onResize:f}}const wt=e.defineComponent({name:"FPopover",props:kt,emits:["shown","hidden"],setup(t,n){const o=e.ref(),c=e.ref(),a=e.ref(t.reference),s=e.ref(t.keepWidthWithReference),h=e.computed(()=>!!t.title),i=Tt(t),{host:f}=i,r=Ct(t,o,c,i),{position:p,arrowStyle:l,popoverStyle:d,fitToReference:m,locateToReference:g}=r,{showPopover:T,hidePopverOnClickBodyHandler:O}=Mt(t,n,o,c,a,s,r),{onResize:M}=Pt(t,n,a,s,r),I=e.computed(()=>{const P=`popover in popover-${p.value}`,C=`bs-popover-${p.value}`,v={"popover-fitcontent":t.fitContent};return v[P]=!0,v[C]=!0,(t.class||"").split(" ").reduce((j,k)=>(j[k]=!0,j),v),v}),x=e.computed(()=>({"popover-content":!0,"popover-body":!0}));return e.onMounted(()=>{t.reference&&g(a.value),s.value&&m(a.value),window.addEventListener("resize",M)}),e.onUnmounted(()=>{document.body.removeEventListener("click",O),window.removeEventListener("resize",M)}),()=>e.createVNode(e.Teleport,{to:f},{default:()=>{var P;return[e.withDirectives(e.createVNode("div",{ref:c,class:I.value,style:d.value,onClick:C=>{C.stopPropagation()}},[e.createVNode("div",{ref:o,class:"popover-arrow arrow",style:l.value},null),h.value&&e.createVNode("h3",{class:"popover-title popover-header"},[t.title]),e.createVNode("div",{class:x.value},[n.slots.default&&((P=n.slots)==null?void 0:P.default())])]),[[e.vShow,T.value]])]}})}});function Bt(t,n,o){const c=e.ref(t.popupMinWidth),{hidePopup:a,popoverRef:s}=o;return()=>e.createVNode(wt,{ref:s,visible:!0,placement:"bottom-left",host:t.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":t.popupRightBoundary,minWidth:c.value,offsetX:t.popupOffsetX,onHidden:a},{default:()=>{var h,i;return[(i=(h=n.slots).default)==null?void 0:i.call(h)]}})}const kn="",We=e.defineComponent({name:"FButtonEdit",props:je,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,n){const o=e.ref(),c=e.ref(t.customClass),a=e.ref(t.modelValue),s=pt(t,n,o),{shouldPopupContent:h,hidePopup:i}=s,f=ut(t,n,o,s),r=e.ref(""),p=ft(t,n,a,r,s),{hasFocusedTextBox:l,commitValue:d,inputGroupClass:m}=p,g=dt(t,n,a,l,r,p),{onMouseEnterTextBox:T,onMouseLeaveTextBox:O}=g,M=e.computed(()=>{const B={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!t.wrapText};return c.value&&c.value.split(" ").reduce((j,k)=>(j[k]=!0,j),B),B});function I(){return t.multiSelect&&t.inputType==="tag"?gt(t,a,p):yt(t,a,p)}let x=I();e.watch([()=>t.multiSelect,()=>t.inputType],()=>{x=I()});const P=vt(t,f,g),C=Bt(t,n,s),v={commitValue:d,elementRef:o,hidePopup:i};return e.onMounted(()=>{o.value.componentInstance=v}),n.expose(v),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(n.attrs,{ref:o,class:M.value,id:t.id}),[e.createVNode("div",{class:m.value,onMouseenter:T,onMouseleave:O},[x(),P()])]),h.value&&C()])}}),ge=e.defineComponent({name:"FDatePicker",props:se,emits:["update:modelValue","datePicked"],setup(t,n){const o='<span class="f-icon f-icon-date"></span>',c=e.ref(t.modelValue),a=e.ref(null);function s(){}function h(f){var r;c.value=f,n.emit("update:modelValue",f),n.emit("datePicked",f),(r=a.value)==null||r.commitValue(f)}function i(){n.emit("update:modelValue",c.value)}return()=>e.createVNode(We,{ref:a,modelValue:c.value,"onUpdate:modelValue":f=>c.value=f,buttonContent:o,enableClear:!0,onClear:i,onClickButton:s},{default:()=>[e.createVNode(he,{onDatePicked:f=>h(f)},null)]})}});function xt(t,n,o){var I;const c=o==null?void 0:o.checkIsInFixedContextRules(),a=o&&o.getStyles&&o.getStyles()||"";function s(){return!(n.schema.componentType||c)}function h(){return!1}function i(){return!(n.schema.componentType||c)}function f(){return!!c}function r(x){if(!x)return null;if(x.schema.type==="Component")return x;const P=r(x.parent);return P||null}function p(x,P,C){return!!o&&o.canAccepts()}function l(){return n.schema.label||n.schema.title||n.schema.name}function d(){}function m(x,P){P&&(o==null||o.onAcceptMovedChildElement(P))}function g(x,P){const C=String(x.getAttribute("data-controltype"));return Je(C)}function T(x){return x.contents?x.contents.length:-1}function O(x){}const M={canMove:s(),canSelectParent:h(),canDelete:i(),canNested:!f(),contents:n.schema.contents,elementRef:t,parent:(I=n.parent)==null?void 0:I.componentInstance.value,schema:n.schema,styles:a,canAccepts:p,getBelongedComponentInstance:r,getDraggingDisplayText:l,getDragScopeElement:d,onAcceptMovedChildElement:m,onAcceptNewChildElement:g,onAddNewChildElement:T,onChildElementMovedOut:O,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved};return e.ref(M)}const Nt=e.defineComponent({name:"FDatePickerDesign",props:se,emits:["update:modelValue","datePicked"],setup(t,n){const o='<span class="f-icon f-icon-date"></span>',c=e.ref(t.modelValue),a=e.ref(),s=e.inject("design-item-context"),h=xt(a,s);return e.onMounted(()=>{a.value.componentInstance=h}),n.expose(h.value),()=>e.createVNode(We,{ref:a,modelValue:c.value,"onUpdate:modelValue":i=>c.value=i,buttonContent:o,enableClear:!0},null)}}),Dt={install(t){t.component(le.name,le).component(ce.name,ce).component(he.name,he).component(de.name,de).component(fe.name,fe).component(ge.name,ge)},register(t,n){t["date-picker"]=ge,n["date-picker"]=be},registerDesigner(t,n){t["date-picker"]=Nt,n["date-picker"]=be}};U.DatePickerCalendar=le,U.MonthTag=K,U.datePickerCalendarProps=De,U.datePickerProps=se,U.default=Dt,U.defaultNameOfMonths=ue,U.propsResolver=be,U.weekDays=te,Object.defineProperties(U,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/date-picker/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "date-picker",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/date-picker/index.d.ts"
-}

package/date-picker/style.css

@@ -1 +0,0 @@
-.f-datepicker-container .f-datepicker-content .f-datepicker-table-wrapper .f-datepicker-table td .f-datepicker-current{border-radius:28px}.f-datepicker-container .f-datepicker-content .f-datepicker-table-wrapper .f-datepicker-table td .f-datepicker-selected{border-radius:28px;border:none}.f-datepicker-container .f-datepicker-content .f-datepicker-header .f-datepicker-header-btn{color:#000}.f-datepicker-footer{display:flex;justify-content:space-between;border-top:1px solid #e4e7ef}.f-datepicker-redirect{margin:4px auto;line-height:32px;font-size:1rem}.f-datepicker-redirect>button{font-size:14px;font-weight:800}.farris-tags .farris-tags-item-container{margin:0;padding:0}.farris-tags .farris-tags-item-container .farris-tag-item{display:inline-flex!important;padding:0 8px;margin:3px 6px 3px 0;line-height:24px;font-size:13px;color:#2d314e;background:#f6faff;border:1px solid #e6e6e6!important;white-space:nowrap;border-radius:3px;cursor:default;opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86);max-width:9rem}.farris-tags .farris-tags-item-container .farris-tag-item a,.farris-tags .farris-tags-item-container .farris-tag-item a:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>a:first-child:last-child{display:inline-flex;margin:0 -8px;padding:0 8px}.farris-tags .farris-tags-item-container .farris-tag-item .tag-box{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;display:inline-flex;max-width:7rem;vertical-align:middle}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete{display:inline-block;margin-left:6px;color:#0003;cursor:pointer;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon{font-size:12px}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon+span,.farris-tags .farris-tags-item-container .farris-tag-item>span+.f-icon{margin-left:7px}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-info{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-default{color:#2d314e;background:#f6faff;border:1px solid #e6e6e6}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){cursor:pointer}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkdisabled{background-color:transparent;border-color:transparent;cursor:not-allowed;color:#00000073}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checked{background-color:#fff;border-color:#2a87ff;color:#2a87ff}.farris-tags .farris-tags-item-container .farris-tag-item:last-child{margin-right:0}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived,.farris-tags .farris-tags-item-container .farris-tag-item:active{background-color:#2a87ff;color:#fff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived .tag-delete,.farris-tags .farris-tags-item-container .farris-tag-item:active .tag-delete{color:#fff}.farris-tags .farris-tags-item-container .farris-tag-add-button{cursor:pointer;background:#f9f9f9;border:1px dashed #babdc9}.farris-tags .farris-tags-item-container .farris-tag-add-button .farris-tag-add-text{color:#00000073;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button .f-icon{color:#0003;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover{background-color:#f9f9f9;border-color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .f-icon{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled{background-color:#f7f7f7;border-color:#dcdcdc;border-style:solid;cursor:not-allowed}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled .farris-tag-add-text{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover{background-color:#f7f7f7;border-color:#dcdcdc}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .f-icon{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-input-box{display:inline-flex!important;padding:0;margin:2px 3px 2px -3px;line-height:22px;font-size:13px}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control{padding:2px 0;min-width:2px;border:none;background:none;line-height:inherit;text-wrap:nowrap;width:100%!important;height:22px!important}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus{box-shadow:none}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus-visible{outline:none}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item{border-radius:24px}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){background:#ffffff;border:1px solid #e6e6e6;cursor:pointer}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checked{background-color:#2a87ff0f;border-color:#2a87ff29;color:#2a87ff}.farris-tags.farris-tags-checkable .farris-tag-item{line-height:22px}.farris-tags.farris-tags-nowrap{overflow:hidden}.farris-tags.farris-tags-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#f5a144;border-color:#fad0a1;background:#fef5ec}.bs3.popover-top{margin-bottom:10px}.bs3.popover.top>.arrow{margin-left:-2px}.bs3.popover.top{margin-bottom:10px}.popover.bottom>.arrow{margin-left:-4px}.bs3.bs-popover-left{margin-right:.5rem}.bs3.bs-popover-right .arrow,.bs3.bs-popover-left .arrow{margin:.3rem 0}.arrow-left .arrow{left:calc(50% - 10px)}.bs-popover-bottom-left .arrow{top:calc((.5rem + 1px)*-1)}.bs-popover-bottom-left .arrow:before{top:0;border-bottom-color:#fff6!important}.bs-popover-bottom-left .arrow:before,.bs-popover-bottom-left .arrow:after{border-width:0 .5rem .5rem}.bs-popover-bottom-left .arrow:after{top:1px;border-bottom-color:#fff!important}.popover.popover-fitcontent .popover-body{max-width:initial;padding:initial}.f-button-edit .farris-tags.form-control{padding:0}.f-button-edit .farris-tag-item,.f-button-edit .farris-tag-input-box{line-height:17px!important;margin:2px 6px 2px 0!important}.f-button-edit .farris-tag-input-box .form-control{height:inherit!important;padding:1px 0!important}.f-button-edit-nowrap .input-group{flex-wrap:nowrap!important}.f-button-edit-nowrap .farris-tags{overflow:hidden}.f-button-edit-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}