@web-utils/component 3.8.2 → 3.8.4

package/fy-form-design/index.mjs

@@ -1137,7 +1137,7 @@ var Se = function() {
   Ae,
   !1,
   null,
-  "31aa4f25"
+  "c46fca4d"
 );
 const Be = Oe.exports, We = {
   name: "ConfigRate",
@@ -1212,7 +1212,7 @@ var Te = function() {
   ze,
   !1,
   null,
-  "befe1506"
+  "a9deb5ae"
 );
 const Pe = Re.exports, De = {
   name: "ConfigSlider",

package/fy-form-design/style.css

@@ -1 +1 @@
-.dic[data-v-31aa4f25]{margin-bottom:5px;display:flex}.el-tag[data-v-befe1506]{vertical-align:top}.el-tag+.el-tag[data-v-befe1506]{margin-left:5px}.input-new-tag[data-v-befe1506]{vertical-align:bottom;width:90px;margin-left:5px}.color-picker[data-v-befe1506]{vertical-align:top;left:10px}.custom-tree-node[data-v-a2df3d76]{flex:1;justify-content:space-between;align-items:center;padding-right:8px;font-size:14px;display:flex}.form-designer{background:#fff;outline:1px solid #e4e7ed;height:100%}.form-designer ::-webkit-scrollbar{width:0!important;height:0!important}.form-designer ::-webkit-scrollbar-track{background-color:transparent!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer ::-webkit-scrollbar-thumb{background-color:#fff!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer .fields-list{width:100%;height:100%;padding:10px 0}.form-designer .fields-list .field-title{padding:8px 12px;font-size:13px}.form-designer .fields-list ul{margin:0;padding:0 10px 10px;position:relative;overflow:hidden}.form-designer .fields-list .field-label{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:47%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label:hover{color:#409eff;border:1px dashed #409eff}.form-designer .fields-list .field-label>a{color:#333;cursor:move;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label>a span{vertical-align:middle;display:inline-block}.form-designer .fields-list .field-label-disabled{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:48%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label-disabled:hover{color:gray;border:1px dashed gray}.form-designer .fields-list .field-label-disabled>a{cursor:not-allowed;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label-disabled>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label-disabled>a span{vertical-align:middle;display:inline-block}.form-designer .widget-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;flex:1}.form-designer .widget-container .widget-container-header{border-bottom:2px solid #e4e7ed;justify-content:space-between;align-items:center;display:flex;height:45px!important}.form-designer .widget-container .el-main{padding:0;position:relative}.form-designer .widget-form-container{height:100%;position:relative;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .el-form,.form-designer .widget-form-container .el-form .el-row{height:100%}.form-designer .widget-form-container .widget-form-list{height:100%;min-height:calc(100% - 45px);padding-bottom:50px;overflow-x:hidden;overflow-y:scroll}.form-designer .widget-form-container .widget-form-list .widget-form-item{border-left:5px solid transparent;min-height:30px;margin:0;padding:5px 10px 18px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-item:after{z-index:1001;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-item:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-item.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-delete{z-index:1002;position:absolute;bottom:-32px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-clone{z-index:1002;position:absolute;bottom:-32px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__content{outline-offset:-1px;outline:1px dashed #ccc;width:100%;height:100%;min-height:103px;padding:10px 5px;display:flex;overflow-y:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar{width:6px!important;height:6px!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar-thumb{background-color:#e5e7eb!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:90px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__item{width:33.3%;min-width:33.3%;height:100%;padding:1px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.required .el-table__header .cell:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-delete{z-index:1002;position:absolute;bottom:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone{z-index:1002;position:absolute;bottom:0;right:30px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone i{font-size:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .el-button--small.is-circle{padding:5px}.form-designer .widget-form-container .widget-form-list .widget-form-table.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .widget-form-group{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__head{margin:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group__body{outline-offset:-1px;outline:1px dashed #ccc;height:100%;min-height:150px;padding-bottom:15px;overflow:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-group__body .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:57px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-group__item{background:#fff;border-left:5px solid transparent;margin:3px;padding:10px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--delete{z-index:1002;position:absolute;bottom:-24px;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--clone{z-index:1002;position:absolute;bottom:-24px;right:34px}.form-designer .widget-form-container .widget-form-list .widget-form-group.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .iconfont{font-size:13px}.form-designer .widget-form-container .widget-form-list .el-button--small.is-circle{padding:7px}.form-designer .widget-form-container .ghost{box-sizing:border-box;content:"";background:#fff;border-top:5px solid #409eff;outline:0;width:100%;margin:2px 0;font-size:0;position:relative;overflow:hidden;height:0!important;padding:0!important}.form-designer .widget-config-container{height:100%;padding-top:5px}.form-designer .widget-config-container .el-tabs{height:100%}.form-designer .widget-config-container .el-tabs__header{z-index:1000;background:#fff;height:45px;margin:0}.form-designer .widget-config-container .el-tabs__content{height:calc(100% - 45px);overflow-y:scroll}.form-designer .widget-config-container .widget-config .el-tabs__header{margin:0;display:block;position:relative;top:0}.form-designer .widget-config-container .widget-config .el-tabs__content{margin-top:0}.form-designer .widget-config-container .widget-config .ghost{background:#fff;border:1px dashed #409eff}.form-designer .widget-config-container .widget-config ul{margin:0;padding:0}.form-designer .widget-config-container .widget-config ul li{align-items:center;width:100%;display:flex}.form-designer .widget-config-container .widget-config ul li .ghost{height:35px;font-size:0;list-style:none}.form-designer .widget-config-container .avue-group__item{padding:0}.form-designer .el-container{height:100%}.form-designer .el-container .el-main{height:calc(100% - 45px)}.form-designer .el-container .el-aside{background:#fff}.form-designer .danger{color:#f56c6c}.form-designer .warning{color:#e6a23c}.form-designer .el-input-number.is-controls-right .el-input-number__decrease{border-left:none}.form-designer .el-input-number.is-controls-right .el-input-number__increase{border-bottom:none;border-left:none}.form-designer .el-date-editor,.form-designer .el-cascader,.form-designer .el-select,.form-designer .el-input-number{width:100%}.form-designer .editor-fullscreen{z-index:1003;box-sizing:border-box;background:#fff;width:100%;padding:20px;top:0;bottom:0;left:0;right:0;height:100%!important;position:fixed!important}.form-designer .editor-fullscreen i{top:20px!important;left:25px!important}.afd-drawer-foot{padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.afd-drawer-foot button{width:50%}.afd-drawer-foot>span{width:50%;display:inline-block}.afd-drawer-foot>span button{width:100%}.afd-preview-form{height:83vh;overflow-y:auto}
+.dic[data-v-c46fca4d]{margin-bottom:5px;display:flex}.el-tag[data-v-a9deb5ae]{vertical-align:top}.el-tag+.el-tag[data-v-a9deb5ae]{margin-left:5px}.input-new-tag[data-v-a9deb5ae]{vertical-align:bottom;width:90px;margin-left:5px}.color-picker[data-v-a9deb5ae]{vertical-align:top;left:10px}.custom-tree-node[data-v-a2df3d76]{flex:1;justify-content:space-between;align-items:center;padding-right:8px;font-size:14px;display:flex}.form-designer{background:#fff;outline:1px solid #e4e7ed;height:100%}.form-designer ::-webkit-scrollbar{width:0!important;height:0!important}.form-designer ::-webkit-scrollbar-track{background-color:transparent!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer ::-webkit-scrollbar-thumb{background-color:#fff!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer .fields-list{width:100%;height:100%;padding:10px 0}.form-designer .fields-list .field-title{padding:8px 12px;font-size:13px}.form-designer .fields-list ul{margin:0;padding:0 10px 10px;position:relative;overflow:hidden}.form-designer .fields-list .field-label{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:47%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label:hover{color:#409eff;border:1px dashed #409eff}.form-designer .fields-list .field-label>a{color:#333;cursor:move;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label>a span{vertical-align:middle;display:inline-block}.form-designer .fields-list .field-label-disabled{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:48%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label-disabled:hover{color:gray;border:1px dashed gray}.form-designer .fields-list .field-label-disabled>a{cursor:not-allowed;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label-disabled>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label-disabled>a span{vertical-align:middle;display:inline-block}.form-designer .widget-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;flex:1}.form-designer .widget-container .widget-container-header{border-bottom:2px solid #e4e7ed;justify-content:space-between;align-items:center;display:flex;height:45px!important}.form-designer .widget-container .el-main{padding:0;position:relative}.form-designer .widget-form-container{height:100%;position:relative;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .el-form,.form-designer .widget-form-container .el-form .el-row{height:100%}.form-designer .widget-form-container .widget-form-list{height:100%;min-height:calc(100% - 45px);padding-bottom:50px;overflow-x:hidden;overflow-y:scroll}.form-designer .widget-form-container .widget-form-list .widget-form-item{border-left:5px solid transparent;min-height:30px;margin:0;padding:5px 10px 18px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-item:after{z-index:1001;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-item:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-item.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-delete{z-index:1002;position:absolute;bottom:-32px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-clone{z-index:1002;position:absolute;bottom:-32px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__content{outline-offset:-1px;outline:1px dashed #ccc;width:100%;height:100%;min-height:103px;padding:10px 5px;display:flex;overflow-y:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar{width:6px!important;height:6px!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar-thumb{background-color:#e5e7eb!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:90px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__item{width:33.3%;min-width:33.3%;height:100%;padding:1px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.required .el-table__header .cell:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-delete{z-index:1002;position:absolute;bottom:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone{z-index:1002;position:absolute;bottom:0;right:30px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone i{font-size:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .el-button--small.is-circle{padding:5px}.form-designer .widget-form-container .widget-form-list .widget-form-table.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .widget-form-group{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__head{margin:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group__body{outline-offset:-1px;outline:1px dashed #ccc;height:100%;min-height:150px;padding-bottom:15px;overflow:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-group__body .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:57px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-group__item{background:#fff;border-left:5px solid transparent;margin:3px;padding:10px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--delete{z-index:1002;position:absolute;bottom:-24px;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--clone{z-index:1002;position:absolute;bottom:-24px;right:34px}.form-designer .widget-form-container .widget-form-list .widget-form-group.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .iconfont{font-size:13px}.form-designer .widget-form-container .widget-form-list .el-button--small.is-circle{padding:7px}.form-designer .widget-form-container .ghost{box-sizing:border-box;content:"";background:#fff;border-top:5px solid #409eff;outline:0;width:100%;margin:2px 0;font-size:0;position:relative;overflow:hidden;height:0!important;padding:0!important}.form-designer .widget-config-container{height:100%;padding-top:5px}.form-designer .widget-config-container .el-tabs{height:100%}.form-designer .widget-config-container .el-tabs__header{z-index:1000;background:#fff;height:45px;margin:0}.form-designer .widget-config-container .el-tabs__content{height:calc(100% - 45px);overflow-y:scroll}.form-designer .widget-config-container .widget-config .el-tabs__header{margin:0;display:block;position:relative;top:0}.form-designer .widget-config-container .widget-config .el-tabs__content{margin-top:0}.form-designer .widget-config-container .widget-config .ghost{background:#fff;border:1px dashed #409eff}.form-designer .widget-config-container .widget-config ul{margin:0;padding:0}.form-designer .widget-config-container .widget-config ul li{align-items:center;width:100%;display:flex}.form-designer .widget-config-container .widget-config ul li .ghost{height:35px;font-size:0;list-style:none}.form-designer .widget-config-container .avue-group__item{padding:0}.form-designer .el-container{height:100%}.form-designer .el-container .el-main{height:calc(100% - 45px)}.form-designer .el-container .el-aside{background:#fff}.form-designer .danger{color:#f56c6c}.form-designer .warning{color:#e6a23c}.form-designer .el-input-number.is-controls-right .el-input-number__decrease{border-left:none}.form-designer .el-input-number.is-controls-right .el-input-number__increase{border-bottom:none;border-left:none}.form-designer .el-date-editor,.form-designer .el-cascader,.form-designer .el-select,.form-designer .el-input-number{width:100%}.form-designer .editor-fullscreen{z-index:1003;box-sizing:border-box;background:#fff;width:100%;padding:20px;top:0;bottom:0;left:0;right:0;height:100%!important;position:fixed!important}.form-designer .editor-fullscreen i{top:20px!important;left:25px!important}.afd-drawer-foot{padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.afd-drawer-foot button{width:50%}.afd-drawer-foot>span{width:50%;display:inline-block}.afd-drawer-foot>span button{width:100%}.afd-preview-form{height:83vh;overflow-y:auto}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "3.8.2",
+  "version": "3.8.4",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/vue-cron/index.mjs

@@ -1,17 +1,17 @@
 var W = (n, e, t) => new Promise((s, a) => {
-  var r = (o) => {
+  var i = (o) => {
     try {
       c(t.next(o));
     } catch (l) {
       a(l);
     }
-  }, i = (o) => {
+  }, r = (o) => {
     try {
       c(t.throw(o));
     } catch (l) {
       a(l);
     }
-  }, c = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(r, i);
+  }, c = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(i, r);
   c((t = t.apply(n, e)).next());
 });
 import { formatDate as H } from "@web-utils/integrations/dayjs";
@@ -114,26 +114,26 @@ function C(n) {
 function E(n, e, t) {
   const s = [];
   for (let a of n) {
-    let r;
-    a.step > 1 && a.step > (r = a.rangeLength(e, t)) && s.push({
+    let i;
+    a.step > 1 && a.step > (i = a.rangeLength(e, t)) && s.push({
       type: S.IncrementLargerThanRange,
-      message: `Increment (${a.step}) is larger than range (${r}) for expression '${a.itemString}'`
+      message: `Increment (${a.step}) is larger than range (${i}) for expression '${a.itemString}'`
     });
   }
   return s;
 }
-class y {
+class f {
   constructor(e) {
     this.field = e;
   }
   parse() {
-    return this.field.split(",").map((e) => f.parse(e, this.first, this.last, !0));
+    return this.field.split(",").map((e) => y.parse(e, this.first, this.last, !0));
   }
   get items() {
     return this._items || (this._items = this.parse()), this._items;
   }
   get values() {
-    return y.getValues(this.items, this.first, this.last);
+    return f.getValues(this.items, this.first, this.last);
   }
   get warnings() {
     return E(this.items, this.first, this.last);
@@ -142,18 +142,18 @@ class y {
     return Array.from(new Set(b(e, (a) => a.values(t, s)))).sort(w);
   }
 }
-class f {
+class y {
   constructor(e) {
     this.itemString = e, this.step = 1;
   }
   rangeLength(e, t) {
-    var s, a, r, i;
-    const c = (a = (s = this.range) === null || s === void 0 ? void 0 : s.from) !== null && a !== void 0 ? a : e, o = (i = (r = this.range) === null || r === void 0 ? void 0 : r.to) !== null && i !== void 0 ? i : t;
+    var s, a, i, r;
+    const c = (a = (s = this.range) === null || s === void 0 ? void 0 : s.from) !== null && a !== void 0 ? a : e, o = (r = (i = this.range) === null || i === void 0 ? void 0 : i.to) !== null && r !== void 0 ? r : t;
     return o < c ? t - c + (o - e) + 1 : o - c;
   }
   values(e, t) {
     const s = this.range ? this.range.from : e, a = this.rangeLength(e, t);
-    return Array(Math.floor(a / this.step) + 1).fill(0).map((r, i) => e + (s - e + this.step * i) % (t - e + 1));
+    return Array(Math.floor(a / this.step) + 1).fill(0).map((i, r) => e + (s - e + this.step * r) % (t - e + 1));
   }
   get any() {
     return this.range === void 0 && this.step === 1;
@@ -161,23 +161,23 @@ class f {
   get single() {
     return !!this.range && this.range.from === this.range.to;
   }
-  static parse(e, t, s, a = !1, r) {
-    var i;
-    const c = new f(e), [o, l, d, h, p] = (i = e.match(/^(?:(\*)|([0-9]+)|([0-9]+-[0-9]+))(?:\/([1-9][0-9]*))?$/)) !== null && i !== void 0 ? i : [];
+  static parse(e, t, s, a = !1, i) {
+    var r;
+    const c = new y(e), [o, l, d, m, p] = (r = e.match(/^(?:(\*)|([0-9]+)|([0-9]+-[0-9]+))(?:\/([1-9][0-9]*))?$/)) !== null && r !== void 0 ? r : [];
     if (!o)
       throw new Error("Field item invalid format");
     if (p && (c.step = parseInt(p, 10)), d) {
       let u = parseInt(d, 10);
-      if (u = r ? r(u) : u, u < t || u > s)
+      if (u = i ? i(u) : u, u < t || u > s)
         throw new Error("Field item out of valid value range");
       c.range = {
         from: u,
         to: p ? void 0 : u
       };
-    } else if (h) {
-      const [u, k] = h.split("-").map((N) => {
+    } else if (m) {
+      const [u, k] = m.split("-").map((N) => {
         const I = parseInt(N, 10);
-        return r ? r(I) : I;
+        return i ? i(I) : I;
       });
       if (u < t || u > s || k < t || k > s || k < u && !a)
         throw new Error("Field item range invalid, either value out of valid range or start greater than end in non wraparound field");
@@ -189,13 +189,13 @@ class f {
     return c;
   }
 }
-f.asterisk = new f("*");
-class O extends y {
+y.asterisk = new y("*");
+class O extends f {
   constructor() {
     super(...arguments), this.first = 0, this.last = 59;
   }
 }
-class P extends y {
+class P extends f {
   constructor() {
     super(...arguments), this.first = 0, this.last = 23;
   }
@@ -203,23 +203,23 @@ class P extends y {
 class V {
   constructor(e, t) {
     this.lastDay = !1, this.lastWeekday = !1, this.daysItems = [], this.nearestWeekdayItems = [], this.daysOfWeekItems = [], this.lastDaysOfWeekItems = [], this.nthDaysOfWeekItems = [];
-    for (let r of e.split(",").map((i) => i === "?" ? "*" : i))
-      r === "l" ? this.lastDay = !0 : r === "lw" ? this.lastWeekday = !0 : r.endsWith("w") ? this.nearestWeekdayItems.push(f.parse(r.slice(0, -1), 1, 31)) : this.daysItems.push(f.parse(r, 1, 31));
-    const s = t.replace(B, (r) => M.indexOf(r) + ""), a = (r) => f.parse(r, 0, 6, !0, (i) => i === 7 ? 0 : i);
-    for (let r of s.split(",").map((i) => i === "?" ? "*" : i)) {
-      const i = r.lastIndexOf("#");
-      if (r.endsWith("l"))
-        this.lastDaysOfWeekItems.push(a(r.slice(0, -1)));
-      else if (i !== -1) {
-        const c = r.slice(i + 1);
+    for (let i of e.split(",").map((r) => r === "?" ? "*" : r))
+      i === "l" ? this.lastDay = !0 : i === "lw" ? this.lastWeekday = !0 : i.endsWith("w") ? this.nearestWeekdayItems.push(y.parse(i.slice(0, -1), 1, 31)) : this.daysItems.push(y.parse(i, 1, 31));
+    const s = t.replace(B, (i) => M.indexOf(i) + ""), a = (i) => y.parse(i, 0, 6, !0, (r) => r === 7 ? 0 : r);
+    for (let i of s.split(",").map((r) => r === "?" ? "*" : r)) {
+      const r = i.lastIndexOf("#");
+      if (i.endsWith("l"))
+        this.lastDaysOfWeekItems.push(a(i.slice(0, -1)));
+      else if (r !== -1) {
+        const c = i.slice(r + 1);
         if (!/^[1-5]$/.test(c))
           throw new Error("Field item nth of month (#) invalid");
         this.nthDaysOfWeekItems.push({
-          item: a(r.slice(0, i)),
+          item: a(i.slice(0, r)),
           nth: parseInt(c, 10)
         });
       } else
-        this.daysOfWeekItems.push(a(r));
+        this.daysOfWeekItems.push(a(i));
     }
   }
   get values() {
@@ -245,30 +245,30 @@ class D {
     this.lastDay = !1, this.lastWeekday = !1, this.days = [], this.nearestWeekday = [], this.daysOfWeek = [], this.lastDaysOfWeek = [], this.nthDaysOfWeek = [];
   }
   static fromField(e) {
-    const t = new D(), s = (r) => r.filter((i) => !i.any);
-    t.lastDay = e.lastDay, t.lastWeekday = e.lastWeekday, t.days = y.getValues(e.allDays ? [f.asterisk] : s(e.daysItems), 1, 31), t.nearestWeekday = y.getValues(e.nearestWeekdayItems, 1, 31), t.daysOfWeek = y.getValues(s(e.daysOfWeekItems), 0, 6), t.lastDaysOfWeek = y.getValues(e.lastDaysOfWeekItems, 0, 6);
+    const t = new D(), s = (i) => i.filter((r) => !r.any);
+    t.lastDay = e.lastDay, t.lastWeekday = e.lastWeekday, t.days = f.getValues(e.allDays ? [y.asterisk] : s(e.daysItems), 1, 31), t.nearestWeekday = f.getValues(e.nearestWeekdayItems, 1, 31), t.daysOfWeek = f.getValues(s(e.daysOfWeekItems), 0, 6), t.lastDaysOfWeek = f.getValues(e.lastDaysOfWeekItems, 0, 6);
     const a = /* @__PURE__ */ new Set();
-    for (let r of e.nthDaysOfWeekItems)
-      for (let i of r.item.values(0, 6)) {
-        let c = i * 10 + r.nth;
-        a.has(c) || (a.add(c), t.nthDaysOfWeek.push([i, r.nth]));
+    for (let i of e.nthDaysOfWeekItems)
+      for (let r of i.item.values(0, 6)) {
+        let c = r * 10 + i.nth;
+        a.has(c) || (a.add(c), t.nthDaysOfWeek.push([r, i.nth]));
       }
     return t;
   }
   getDays(e, t) {
-    const s = new Set(this.days), a = new Date(e, t, 0).getDate(), r = new Date(e, t - 1, 1).getDay(), i = (c) => {
+    const s = new Set(this.days), a = new Date(e, t, 0).getDate(), i = new Date(e, t - 1, 1).getDay(), r = (c) => {
       c > a && (c = a);
-      const o = (c + r - 1) % 7;
+      const o = (c + i - 1) % 7;
       let l = c + (o === 0 ? 1 : o === 6 ? -1 : 0);
       return l + (l < 1 ? 3 : l > a ? -3 : 0);
     };
-    this.lastDay && s.add(a), this.lastWeekday && s.add(i(a));
+    this.lastDay && s.add(a), this.lastWeekday && s.add(r(a));
     for (const c of this.nearestWeekday)
-      s.add(i(c));
+      s.add(r(c));
     if (this.daysOfWeek.length || this.lastDaysOfWeek.length || this.nthDaysOfWeek.length) {
       const c = Array(7).fill(0).map(() => []);
       for (let o = 1; o < 36; o++)
-        c[(o + r - 1) % 7].push(o);
+        c[(o + i - 1) % 7].push(o);
       for (const o of this.daysOfWeek)
         for (const l of c[o])
           s.add(l);
@@ -284,17 +284,17 @@ class D {
     return Array.from(s).filter((c) => c <= a).sort(w);
   }
 }
-class j extends y {
+class j extends f {
   constructor(e) {
     super(e.replace(U, (t) => R.indexOf(t) + 1 + "")), this.first = 1, this.last = 12;
   }
 }
-class G extends y {
+class G extends f {
   constructor(e) {
     super(e), this.first = 1970, this.last = 2099, this.items;
   }
   parse() {
-    return this.field.split(",").map((e) => f.parse(e, 0, g));
+    return this.field.split(",").map((e) => y.parse(e, 0, g));
   }
   get warnings() {
     return E(this.items, this.first, g);
@@ -302,14 +302,14 @@ class G extends y {
   nextYear(e) {
     var t;
     return (t = this.items.reduce((s, a) => {
-      var r, i, c, o;
+      var i, r, c, o;
       if (a.any)
         s.push(e);
       else if (a.single) {
         const l = a.range.from;
         l >= e && s.push(l);
       } else {
-        const l = (i = (r = a.range) === null || r === void 0 ? void 0 : r.from) !== null && i !== void 0 ? i : this.first;
+        const l = (r = (i = a.range) === null || i === void 0 ? void 0 : i.from) !== null && r !== void 0 ? r : this.first;
         if (l > e)
           s.push(l);
         else {
@@ -321,25 +321,25 @@ class G extends y {
     }, []).sort(w)[0]) !== null && t !== void 0 ? t : null;
   }
 }
-class m {
-  constructor(e, t = 1, s = 1, a = 0, r = 0, i = 0) {
-    this.year = e, this.month = t, this.day = s, this.hour = a, this.minute = r, this.second = i;
+class h {
+  constructor(e, t = 1, s = 1, a = 0, i = 0, r = 0) {
+    this.year = e, this.month = t, this.day = s, this.hour = a, this.minute = i, this.second = r;
   }
   static fromDate(e, t) {
-    return t ? t.nativeDateToCronosDate(e) : new m(e.getFullYear(), e.getMonth() + 1, e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds());
+    return t ? t.nativeDateToCronosDate(e) : new h(e.getFullYear(), e.getMonth() + 1, e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds());
   }
   toDate(e) {
     return e ? e.cronosDateToNativeDate(this) : new Date(this.year, this.month - 1, this.day, this.hour, this.minute, this.second);
   }
   static fromUTCTimestamp(e) {
     const t = new Date(e);
-    return new m(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds());
+    return new h(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds());
   }
   toUTCTimestamp() {
     return Date.UTC(this.year, this.month - 1, this.day, this.hour, this.minute, this.second);
   }
-  copyWith({ year: e = this.year, month: t = this.month, day: s = this.day, hour: a = this.hour, minute: r = this.minute, second: i = this.second } = {}) {
-    return new m(e, t, s, a, r, i);
+  copyWith({ year: e = this.year, month: t = this.month, day: s = this.day, hour: a = this.hour, minute: i = this.minute, second: r = this.second } = {}) {
+    return new h(e, t, s, a, i, r);
   }
 }
 const _ = /* @__PURE__ */ new Map();
@@ -387,48 +387,48 @@ class z {
   offset(e) {
     if (!this.dateTimeFormat)
       return this.fixedOffset || 0;
-    const t = new Date(e), { year: s, month: a, day: r, hour: i, minute: c, second: o } = this.nativeDateToCronosDate(t), l = Date.UTC(s, a - 1, r, i, c, o), d = e - e % 1e3;
+    const t = new Date(e), { year: s, month: a, day: i, hour: r, minute: c, second: o } = this.nativeDateToCronosDate(t), l = Date.UTC(s, a - 1, i, r, c, o), d = e - e % 1e3;
     return (l - d) / 6e4;
   }
   nativeDateToCronosDate(e) {
-    return this.dateTimeFormat ? this.dateTimeFormat.formatToParts ? Q(this.dateTimeFormat, e) : q(this.dateTimeFormat, e) : m.fromUTCTimestamp(e.getTime() + (this.fixedOffset || 0) * 6e4);
+    return this.dateTimeFormat ? this.dateTimeFormat.formatToParts ? Q(this.dateTimeFormat, e) : q(this.dateTimeFormat, e) : h.fromUTCTimestamp(e.getTime() + (this.fixedOffset || 0) * 6e4);
   }
   cronosDateToNativeDate(e) {
     if (!this.dateTimeFormat)
       return new Date(e.toUTCTimestamp() - (this.fixedOffset || 0) * 6e4);
     const t = (e.month > 3 || e.month < 11 ? this.summerOffset : this.winterOffset) || 0, s = e.toUTCTimestamp();
     let a = s - t * 6e4;
-    const r = this.offset(a);
-    if (t === r)
-      return new Date(a);
-    a -= (r - t) * 6e4;
     const i = this.offset(a);
-    return r === i ? new Date(a) : new Date(s - Math.min(r, i) * 6e4);
+    if (t === i)
+      return new Date(a);
+    a -= (i - t) * 6e4;
+    const r = this.offset(a);
+    return i === r ? new Date(a) : new Date(s - Math.min(i, r) * 6e4);
   }
 }
 function q(n, e) {
-  const t = n.format(e).replace(/\u200E/g, ""), s = t.match(/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/), [, a, r, i, c, o, l] = (s != null ? s : []).map((d) => parseInt(d, 10));
-  return new m(i, a, r, c % 24, o, l);
+  const t = n.format(e).replace(/\u200E/g, ""), s = t.match(/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/), [, a, i, r, c, o, l] = (s != null ? s : []).map((d) => parseInt(d, 10));
+  return new h(r, a, i, c % 24, o, l);
 }
 function Q(n, e) {
   const t = n.formatToParts(e);
-  return new m(parseInt(t[4].value, 10), parseInt(t[0].value, 10), parseInt(t[2].value, 10), parseInt(t[6].value, 10) % 24, parseInt(t[8].value, 10), parseInt(t[10].value, 10));
+  return new h(parseInt(t[4].value, 10), parseInt(t[0].value, 10), parseInt(t[2].value, 10), parseInt(t[6].value, 10) % 24, parseInt(t[8].value, 10), parseInt(t[10].value, 10));
 }
 const v = 60 * 60 * 1e3, x = (n, e) => e.findIndex((t) => t >= n);
 class $ {
-  constructor(e, t, s, a, r, i, c) {
-    this.cronString = e, this.seconds = t, this.minutes = s, this.hours = a, this.days = r, this.months = i, this.years = c, this.skipRepeatedHour = !0, this.missingHour = "insert", this._warnings = null;
+  constructor(e, t, s, a, i, r, c) {
+    this.cronString = e, this.seconds = t, this.minutes = s, this.hours = a, this.days = i, this.months = r, this.years = c, this.skipRepeatedHour = !0, this.missingHour = "insert", this._warnings = null;
   }
   static parse(e, t = {}) {
     var s;
     const a = C(e);
     if (t.strict) {
-      let i = b(a, (c) => c.warnings);
-      if (typeof t.strict == "object" && (i = i.filter((c) => !!t.strict[c.type])), i.length > 0)
-        throw new Error(`Strict mode: Parsing failed with ${i.length} warnings`);
+      let r = b(a, (c) => c.warnings);
+      if (typeof t.strict == "object" && (r = r.filter((c) => !!t.strict[c.type])), r.length > 0)
+        throw new Error(`Strict mode: Parsing failed with ${r.length} warnings`);
     }
-    const r = new $(e, a[0].values, a[1].values, a[2].values, a[3].values, a[4].values, a[5]);
-    return r.timezone = t.timezone instanceof z ? t.timezone : t.timezone !== void 0 ? new z(t.timezone) : void 0, r.skipRepeatedHour = t.skipRepeatedHour !== void 0 ? t.skipRepeatedHour : r.skipRepeatedHour, r.missingHour = (s = t.missingHour) !== null && s !== void 0 ? s : r.missingHour, r;
+    const i = new $(e, a[0].values, a[1].values, a[2].values, a[3].values, a[4].values, a[5]);
+    return i.timezone = t.timezone instanceof z ? t.timezone : t.timezone !== void 0 ? new z(t.timezone) : void 0, i.skipRepeatedHour = t.skipRepeatedHour !== void 0 ? t.skipRepeatedHour : i.skipRepeatedHour, i.missingHour = (s = t.missingHour) !== null && s !== void 0 ? s : i.missingHour, i;
   }
   get warnings() {
     if (!this._warnings) {
@@ -443,15 +443,15 @@ class $ {
       tz: (t = (e = this.timezone) === null || e === void 0 ? void 0 : e.toString()) !== null && t !== void 0 ? t : "Local",
       skipRepeatedHour: s && this.skipRepeatedHour.toString(),
       missingHour: s && this.missingHour
-    }).map(([r, i]) => i && r + ": " + i).filter((r) => r).join(", ");
+    }).map(([i, r]) => r && i + ": " + r).filter((i) => i).join(", ");
     return `${this.cronString} (${a})`;
   }
   nextDate(e = /* @__PURE__ */ new Date()) {
     var t;
-    const s = m.fromDate(e, this.timezone);
+    const s = h.fromDate(e, this.timezone);
     if (((t = this.timezone) === null || t === void 0 ? void 0 : t.fixedOffset) !== void 0)
       return this._next(s).date;
-    const a = e.getTime(), r = s.toUTCTimestamp(), i = m.fromDate(new Date(a - v), this.timezone).toUTCTimestamp(), c = m.fromDate(new Date(a + v), this.timezone).toUTCTimestamp(), o = c - r === 0, l = r - i === 0, d = r - i === v * 2;
+    const a = e.getTime(), i = s.toUTCTimestamp(), r = h.fromDate(new Date(a - v), this.timezone).toUTCTimestamp(), c = h.fromDate(new Date(a + v), this.timezone).toUTCTimestamp(), o = c - i === 0, l = i - r === 0, d = i - r === v * 2;
     if (this.skipRepeatedHour && l)
       return this._next(s.copyWith({ minute: 59, second: 60 }), !1).date;
     if (this.missingHour === "offset" && d) {
@@ -459,8 +459,8 @@ class $ {
       if (!u || u.getTime() > a)
         return u;
     }
-    let { date: h, cronosDate: p } = this._next(s);
-    return this.missingHour !== "offset" && p && h && p.copyWith({ hour: p.hour + 1 }).toDate(this.timezone).getTime() === h.getTime() ? this.missingHour === "insert" ? p.copyWith({ minute: 0, second: 0 }).toDate(this.timezone) : this._next(p.copyWith({ minute: 59, second: 59 })).date : (this.skipRepeatedHour || (o && (!h || h.getTime() > a + v) && (h = this._next(s.copyWith({ minute: 0, second: 0 }), !1).date), h && h < e && (h = new Date(h.getTime() + v))), h);
+    let { date: m, cronosDate: p } = this._next(s);
+    return this.missingHour !== "offset" && p && m && p.copyWith({ hour: p.hour + 1 }).toDate(this.timezone).getTime() === m.getTime() ? this.missingHour === "insert" ? p.copyWith({ minute: 0, second: 0 }).toDate(this.timezone) : this._next(p.copyWith({ minute: 59, second: 59 })).date : (this.skipRepeatedHour || (o && (!m || m.getTime() > a + v) && (m = this._next(s.copyWith({ minute: 0, second: 0 }), !1).date), m && m < e && (m = new Date(m.getTime() + v))), m);
   }
   _next(e, t = !0) {
     const s = this._nextYear(t ? e.copyWith({ second: e.second + 1 }) : e);
@@ -472,11 +472,11 @@ class $ {
   nextNDates(e = /* @__PURE__ */ new Date(), t = 5) {
     const s = [];
     let a = e;
-    for (let r = 0; r < t; r++) {
-      const i = this.nextDate(a);
-      if (!i)
+    for (let i = 0; i < t; i++) {
+      const r = this.nextDate(a);
+      if (!r)
         break;
-      a = i, s.push(i);
+      a = r, s.push(r);
     }
     return s;
   }
@@ -485,7 +485,7 @@ class $ {
     for (; !s; ) {
       if (t = this.years.nextYear(t), t === null)
         return null;
-      s = this._nextMonth(t === e.year ? e : new m(t)), t++;
+      s = this._nextMonth(t === e.year ? e : new h(t)), t++;
     }
     return s;
   }
@@ -495,7 +495,7 @@ class $ {
       const a = this.months[t];
       if (a === void 0)
         return null;
-      s = this._nextDay(a === e.month ? e : new m(e.year, a)), t++;
+      s = this._nextDay(a === e.month ? e : new h(e.year, a)), t++;
     }
     return s;
   }
@@ -503,10 +503,10 @@ class $ {
     const t = this.days.getDays(e.year, e.month);
     let s = x(e.day, t), a = null;
     for (; !a; ) {
-      const r = t[s];
-      if (r === void 0)
+      const i = t[s];
+      if (i === void 0)
         return null;
-      a = this._nextHour(r === e.day ? e : new m(e.year, e.month, r)), s++;
+      a = this._nextHour(i === e.day ? e : new h(e.year, e.month, i)), s++;
     }
     return a;
   }
@@ -516,7 +516,7 @@ class $ {
       const a = this.hours[t];
       if (a === void 0)
         return null;
-      s = this._nextMinute(a === e.hour ? e : new m(e.year, e.month, e.day, a)), t++;
+      s = this._nextMinute(a === e.hour ? e : new h(e.year, e.month, e.day, a)), t++;
     }
     return s;
   }
@@ -526,7 +526,7 @@ class $ {
       const a = this.minutes[t];
       if (a === void 0)
         return null;
-      s = this._nextSecond(a === e.minute ? e : new m(e.year, e.month, e.day, e.hour, a)), t++;
+      s = this._nextSecond(a === e.minute ? e : new h(e.year, e.month, e.day, e.hour, a)), t++;
     }
     return s;
   }
@@ -882,7 +882,7 @@ const Z = {
         return W(this, null, function* () {
           const n = `${this.secondsText} ${this.minutesText} ${this.hoursText} ${this.daysText} ${this.monthsText} ${this.weeksText} ${this.yearsText}`;
           try {
-            this.runsParser ? this.runs = yield this.runsParser(n) : this.runs = $.parse(n, { timezone: 1 }).nextNDates(/* @__PURE__ */ new Date(), 5).map((e) => H(e));
+            this.runsParser ? this.runs = yield this.runsParser(n) : this.runs = $.parse(n).nextNDates(/* @__PURE__ */ new Date(), 5).map((e) => H(e));
           } catch (e) {
             console.error(e), this.runs = [e.message];
           }
@@ -991,6 +991,26 @@ const Z = {
     resolveComma(n, e, t = "3") {
       n.cronEvery = t, n.specificSpecific = e.split(",");
     },
+    setSecond(n) {
+      var e;
+      n === "3" ? (e = this.second.specificSpecific) != null && e.length || (this.second.specificSpecific = [0]) : this.second.specificSpecific = [];
+    },
+    setMinute(n) {
+      var e;
+      n === "3" ? (e = this.minute.specificSpecific) != null && e.length || (this.minute.specificSpecific = [0]) : this.minute.specificSpecific = [];
+    },
+    setHour(n) {
+      var e;
+      n === "3" ? (e = this.hour.specificSpecific) != null && e.length || (this.hour.specificSpecific = [0]) : this.hour.specificSpecific = [];
+    },
+    setMonth(n) {
+      var e;
+      n === "3" ? (e = this.month.specificSpecific) != null && e.length || (this.month.specificSpecific = [1]) : this.month.specificSpecific = [];
+    },
+    setYear(n) {
+      var e;
+      n === "3" ? (e = this.year.specificSpecific) != null && e.length || (this.year.specificSpecific = [(/* @__PURE__ */ new Date()).getFullYear()]) : this.year.specificSpecific = [];
+    },
     setDay(n) {
       var e;
       this.week.cronEvery = "", n === "5" ? (e = this.day.specificSpecific) != null && e.length || (this.day.specificSpecific = [1]) : this.day.specificSpecific = [];
@@ -1005,7 +1025,7 @@ var J = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "vue-cron" }, [t("ElTabs", { attrs: { type: "border-card" } }, [t("ElTabPane", { scopedSlots: e._u([{ key: "label", fn: function() {
     return [t("span", [t("i", { staticClass: "el-icon-date" }), e._v(" " + e._s(e.text.Seconds.name))])];
-  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", model: { value: e.second.cronEvery, callback: function(s) {
+  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", on: { input: e.setSecond }, model: { value: e.second.cronEvery, callback: function(s) {
     e.$set(e.second, "cronEvery", s);
   }, expression: "second.cronEvery" } }, [t("ElRadio", { attrs: { label: "1" } }, [e._v(e._s(e.text.Seconds.every))]), t("ElRadio", { attrs: { label: "4" } }, [e._v(" " + e._s(e.text.Seconds.cycle[0]) + " "), t("ElInputNumber", { attrs: { size: "small", min: 0, max: 60 }, model: { value: e.second.rangeStart, callback: function(s) {
     e.$set(e.second, "rangeStart", s);
@@ -1021,7 +1041,7 @@ var J = function() {
     return t("ElOption", { key: s, attrs: { value: s - 1 } }, [e._v(e._s(s - 1))]);
   }), 1)], 1)], 1)], 1), t("ElTabPane", { scopedSlots: e._u([{ key: "label", fn: function() {
     return [t("span", [t("i", { staticClass: "el-icon-date" }), e._v(" " + e._s(e.text.Minutes.name))])];
-  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", model: { value: e.minute.cronEvery, callback: function(s) {
+  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", on: { input: e.setMinute }, model: { value: e.minute.cronEvery, callback: function(s) {
     e.$set(e.minute, "cronEvery", s);
   }, expression: "minute.cronEvery" } }, [t("ElRadio", { attrs: { label: "1" } }, [e._v(e._s(e.text.Minutes.every))]), t("ElRadio", { attrs: { label: "4" } }, [e._v(" " + e._s(e.text.Minutes.cycle[0]) + " "), t("ElInputNumber", { attrs: { size: "small", min: 0, max: 60 }, model: { value: e.minute.rangeStart, callback: function(s) {
     e.$set(e.minute, "rangeStart", s);
@@ -1037,7 +1057,7 @@ var J = function() {
     return t("ElOption", { key: s, attrs: { value: s - 1 } }, [e._v(e._s(s - 1))]);
   }), 1)], 1)], 1)], 1), t("ElTabPane", { scopedSlots: e._u([{ key: "label", fn: function() {
     return [t("span", [t("i", { staticClass: "el-icon-date" }), e._v(" " + e._s(e.text.Hours.name))])];
-  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", model: { value: e.hour.cronEvery, callback: function(s) {
+  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", on: { input: e.setHour }, model: { value: e.hour.cronEvery, callback: function(s) {
     e.$set(e.hour, "cronEvery", s);
   }, expression: "hour.cronEvery" } }, [t("ElRadio", { attrs: { label: "1" }, model: { value: e.hour.cronEvery, callback: function(s) {
     e.$set(e.hour, "cronEvery", s);
@@ -1091,7 +1111,7 @@ var J = function() {
     e.$set(e.day, "cronDaysNearestWeekday", s);
   }, expression: "day.cronDaysNearestWeekday" } }), e._v(" " + e._s(e.text.Day.nearestWorkday[1]) + " ")], 1)], 1)], 1), t("ElTabPane", { scopedSlots: e._u([{ key: "label", fn: function() {
     return [t("span", [t("i", { staticClass: "el-icon-date" }), e._v(" " + e._s(e.text.Month.name))])];
-  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", model: { value: e.month.cronEvery, callback: function(s) {
+  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", on: { input: e.setMonth }, model: { value: e.month.cronEvery, callback: function(s) {
     e.$set(e.month, "cronEvery", s);
   }, expression: "month.cronEvery" } }, [t("ElRadio", { attrs: { label: "1" }, model: { value: e.month.cronEvery, callback: function(s) {
     e.$set(e.month, "cronEvery", s);
@@ -1139,7 +1159,7 @@ var J = function() {
     return t("ElOption", { key: s.value, attrs: { label: s.label, value: s.value } });
   }), 1)], 1)], 1)], 1), t("ElTabPane", { scopedSlots: e._u([{ key: "label", fn: function() {
     return [t("span", [t("i", { staticClass: "el-icon-date" }), e._v(" " + e._s(e.text.Year.name))])];
-  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", model: { value: e.year.cronEvery, callback: function(s) {
+  }, proxy: !0 }]) }, [t("ElRadioGroup", { staticClass: "tabBody", on: { input: e.setYear }, model: { value: e.year.cronEvery, callback: function(s) {
     e.$set(e.year, "cronEvery", s);
   }, expression: "year.cronEvery" } }, [t("ElRadio", { attrs: { label: "1" }, model: { value: e.year.cronEvery, callback: function(s) {
     e.$set(e.year, "cronEvery", s);

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.8.2",
+  "version": "3.8.4",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2808,6 +2808,9 @@
             },
             {
               "name": "extend"
+            },
+            {
+              "name": "service"
             }
           ]
         },