@stsdti/funky-ui-kit 1.6.11 → 1.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/funky-ui-kit.css +1 -1
- package/dist/funky-ui-kit.es.js +13 -8
- package/dist/funky-ui-kit.es.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
package/dist/funky-ui-kit.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@charset "UTF-8";.labelClass[data-v-67e91b67]{flex:2;min-width:100px}.contentClass[data-v-67e91b67]{flex:10;display:flex;flex-direction:column;height:100%}.app-date[data-v-dbda72e2],.app-date[data-v-dbda72e2] .dp__main,.app-date[data-v-dbda72e2] .dp__input_wrap,.app-date[data-v-dbda72e2] .dp__input{width:100%}.app-date[data-v-dbda72e2] .dp__input_wrap:focus,.app-date[data-v-dbda72e2] .dp__input:focus,.app-date[data-v-dbda72e2] .dp__input.dp__input_focus{border-color:var(--dp-border-color);box-shadow:none;outline:none}.app-date[data-v-dbda72e2] .dp__input:hover:not(.dp__input_focus){border:0}.app-date-input[data-v-dbda72e2]{display:flex;align-items:center;gap:3px}.app-date-input__field[data-v-dbda72e2]{flex:1;min-width:0}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-12dbbc29]{position:absolute;right:0}.time-picker-icon i[data-v-56e1c85a]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-56e1c85a]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-56e1c85a]{display:none}.app-grid-picker-hour[data-v-56e1c85a],.app-grid-picker-minute[data-v-56e1c85a]{width:50px}.filter-sidebar[data-v-
|
|
1
|
+
@charset "UTF-8";.labelClass[data-v-67e91b67]{flex:2;min-width:100px}.contentClass[data-v-67e91b67]{flex:10;display:flex;flex-direction:column;height:100%}.app-date[data-v-dbda72e2],.app-date[data-v-dbda72e2] .dp__main,.app-date[data-v-dbda72e2] .dp__input_wrap,.app-date[data-v-dbda72e2] .dp__input{width:100%}.app-date[data-v-dbda72e2] .dp__input_wrap:focus,.app-date[data-v-dbda72e2] .dp__input:focus,.app-date[data-v-dbda72e2] .dp__input.dp__input_focus{border-color:var(--dp-border-color);box-shadow:none;outline:none}.app-date[data-v-dbda72e2] .dp__input:hover:not(.dp__input_focus){border:0}.app-date-input[data-v-dbda72e2]{display:flex;align-items:center;gap:3px}.app-date-input__field[data-v-dbda72e2]{flex:1;min-width:0}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-12dbbc29]{position:absolute;right:0}.time-picker-icon i[data-v-56e1c85a]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-56e1c85a]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-56e1c85a]{display:none}.app-grid-picker-hour[data-v-56e1c85a],.app-grid-picker-minute[data-v-56e1c85a]{width:50px}.filter-sidebar[data-v-7b902216]{overflow-x:hidden;position:fixed;z-index:52000;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-7b902216]{transform:translate(0);transition:transform .3s}.icon-x[data-v-7b902216]{font-size:25px}#content-overlay[data-v-7b902216]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-7b902216]{opacity:1;display:block;transition:opacity .3s,display .3s}.filter-sidebar[data-v-abe4d4d9]{overflow-x:hidden;position:fixed;z-index:52000;width:600px;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-abe4d4d9]{transform:translate(0);transition:transform .3s}.icon-x[data-v-abe4d4d9]{font-size:25px}#content-overlay[data-v-abe4d4d9]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-abe4d4d9]{opacity:1;display:block;transition:opacity .3s,display .3s}.app-modal-overlay[data-v-4065aede]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.file-action-button[data-v-307075d7]{display:flex;gap:8px;justify-content:flex-end}.action-icon[data-v-307075d7]{transition:transform .3s ease,color .3s ease}.action-icon[data-v-307075d7]:hover{color:#007bff;transform:scale(1.2)}.btn-container[data-v-c5bb432b]{display:flex;justify-content:flex-end;align-items:center;gap:6px}.blockUI.blockOverlay[data-v-07e2c47c]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.8;cursor:wait;position:absolute}input[type=number][data-v-f53e2b8e]::-webkit-inner-spin-button,input[type=number][data-v-f53e2b8e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-f53e2b8e]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.app-input--no-padding[data-v-f53e2b8e]{padding-right:var(--input-padding-x)!important}.app-input--has-spinners[data-v-f53e2b8e],.app-input--has-spinners.app-input--no-padding[data-v-f53e2b8e]{padding-right:30px!important}.has-spinners-clear-icon[data-v-f53e2b8e]{right:22px!important}.app-number-spinners[data-v-f53e2b8e]{position:absolute;right:2px;top:2px;bottom:2px;width:22px;display:flex;flex-direction:column;z-index:3;border-left:1px solid rgba(0,0,0,.1);background-color:transparent}.spinner-btn[data-v-f53e2b8e]{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;font-size:10px;transition:all .2s}.spinner-btn[data-v-f53e2b8e]:hover{color:#333;background-color:#0000000d}.spinner-up[data-v-f53e2b8e]{border-bottom:1px solid rgba(0,0,0,.05)}.sidebar-item-name[data-v-32a0237e]{flex:1;text-overflow:ellipsis;line-height:18px;max-height:36px;overflow:hidden;color:#000}.sidebar-item-badge[data-v-32a0237e]{overflow:hidden;text-overflow:ellipsis;max-width:46px}.icon-flipped[data-v-32a0237e]{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.item-header[data-v-5b52dd3f]{pointer-events:none;opacity:30%}input[data-v-39502584]::-webkit-outer-spin-button,input[data-v-39502584]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-39502584]{position:relative;-moz-appearance:textfield;background:#f7f7f7;text-align:center;border:none;width:calc(100% - 30px);height:100%;bottom:1px;padding-right:revert!important}.number-input[data-v-39502584]{background:transparent;width:115px}.dark-mode input[data-v-39502584]{background:#222;color:#9d9d9d}.pagination-info-label[data-v-42b386e8]{justify-self:center}.app-item-selected[data-v-aadaea92]{background-color:var(--primary)!important;color:var(--white)!important;opacity:.9}.app-item-selected[data-v-aadaea92]:hover{opacity:1}.dropdown-item-focus[data-v-aadaea92]{color:var(--dropdown-link-hover-color);background-color:var(--dropdown-link-hover-bg);opacity:1}.select2-selection__choice[data-v-01abf8e6]{display:flex;background-color:#e5e7eb;color:#1f2937;cursor:default;white-space:normal;word-break:break-all;border-radius:5px;transition:color ease-in-out .15s,background-color ease-in-out .15s;padding:2px 10px;font-size:13px}.select2-selection__choice[data-v-01abf8e6]:focus,.select2-selection__choice[data-v-01abf8e6]:hover{background-color:#0c83ff;color:#fff}.select2-selection__choice .select2-selection__choice__remove[data-v-01abf8e6]:hover{color:#fff;opacity:1}.select2-selection__choice .select2-selection__choice__remove[data-v-01abf8e6]{cursor:pointer;margin-left:.625rem;opacity:.75;transition:opacity ease-in-out .15s}input[data-v-d0b57778]:hover:not(.no-hover){border:0!important}.progress-text[data-v-6bfe7f23]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;pointer-events:none}.progress-bar-background[data-v-0752357f]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#ffffffe6;cursor:wait;position:absolute}button[data-v-277c9e71],button[data-v-ff3d30b0]{box-shadow:0 6px 12px #0000002e}.slider[data-v-caf401d2]{-webkit-appearance:none;height:10px;background:#d3d3d3;opacity:.7;border-radius:7px;transition:background .2s}.slider[data-v-caf401d2]:hover{opacity:1}.slider[data-v-caf401d2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;box-shadow:0 0 8px #000}.slider[data-v-caf401d2]::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%}.breadcrumb-line[data-v-bdf62cb4]{position:relative;padding-left:1.25rem;padding-right:1.25rem;border-top:1px solid transparent;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.breadcrumb-line-light[data-v-bdf62cb4]{background-color:#fff;border-color:#ddd;color:#333}.app-table-row-filters[data-v-6654229d]{display:flex;color:#fff;margin-top:10px;padding:5px;border-radius:6px;cursor:pointer;background-color:#63b2f5}.app-table-row-filters-number[data-v-6654229d]{display:flex;justify-content:center;margin-right:10px;width:20px;height:20px;border-radius:4px}.badge[data-v-6654229d]{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.badge-info[data-v-6654229d]{padding-left:.4375rem;padding-right:.4375rem;border-radius:10rem;padding-bottom:2px}.tag-icon[data-v-d712aa71]{top:unset}.post-tag[data-v-d712aa71]{cursor:pointer;width:fit-content}textarea[data-v-f1f3360a]{min-height:35px;min-width:100%;max-width:100%;padding:7px 12px}.has-error textarea[data-v-f1f3360a]{border-bottom-color:#f44336!important}.loading-modal-content[data-v-eff13cc8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3rem 5rem}/*!
|
|
2
2
|
* Viewer.js v1.11.7
|
|
3
3
|
* https://fengyuanchen.github.io/viewerjs
|
|
4
4
|
*
|
package/dist/funky-ui-kit.es.js
CHANGED
|
@@ -22010,17 +22010,20 @@ const _hoisted_4$q = { class: "font-600 text-size-14" };
|
|
|
22010
22010
|
const _hoisted_5$k = { class: "p-20 flex-1 w-100" };
|
|
22011
22011
|
const _sfc_main$1v = {
|
|
22012
22012
|
__name: "AppDrawer",
|
|
22013
|
-
props: {
|
|
22013
|
+
props: /* @__PURE__ */ mergeModels({
|
|
22014
22014
|
title: {},
|
|
22015
22015
|
width: {
|
|
22016
22016
|
default: "600px"
|
|
22017
22017
|
}
|
|
22018
|
-
},
|
|
22019
|
-
|
|
22018
|
+
}, {
|
|
22019
|
+
"modelValue": { default: false },
|
|
22020
|
+
"modelModifiers": {}
|
|
22021
|
+
}),
|
|
22022
|
+
emits: /* @__PURE__ */ mergeModels(["mounted"], ["update:modelValue"]),
|
|
22020
22023
|
setup(__props, { emit: __emit }) {
|
|
22021
22024
|
const props2 = __props;
|
|
22022
22025
|
const emits = __emit;
|
|
22023
|
-
const isExpanded =
|
|
22026
|
+
const isExpanded = useModel(__props, "modelValue");
|
|
22024
22027
|
const toggle2 = () => {
|
|
22025
22028
|
isExpanded.value = !isExpanded.value;
|
|
22026
22029
|
};
|
|
@@ -22041,16 +22044,18 @@ const _sfc_main$1v = {
|
|
|
22041
22044
|
onMounted(() => {
|
|
22042
22045
|
emits("mounted", externalContext);
|
|
22043
22046
|
});
|
|
22047
|
+
const drawer = useTemplateRef("drawer");
|
|
22048
|
+
useClickOutside({ target: drawer, handler: hide3, isOpen: isExpanded });
|
|
22044
22049
|
return (_ctx, _cache2) => {
|
|
22045
22050
|
return openBlock(), createElementBlock("div", null, [
|
|
22046
22051
|
createElementVNode("div", {
|
|
22047
22052
|
id: "content-overlay",
|
|
22048
22053
|
ref: "overlay",
|
|
22049
|
-
class: normalizeClass({ active: isExpanded.value })
|
|
22050
|
-
onClick: hide3
|
|
22054
|
+
class: normalizeClass({ active: isExpanded.value })
|
|
22051
22055
|
}, null, 2),
|
|
22052
22056
|
createElementVNode("div", {
|
|
22053
|
-
|
|
22057
|
+
ref_key: "drawer",
|
|
22058
|
+
ref: drawer,
|
|
22054
22059
|
class: normalizeClass(["filter-sidebar", drawerClass.value]),
|
|
22055
22060
|
style: normalizeStyle(drawerStyle.value)
|
|
22056
22061
|
}, [
|
|
@@ -22078,7 +22083,7 @@ const _sfc_main$1v = {
|
|
|
22078
22083
|
};
|
|
22079
22084
|
}
|
|
22080
22085
|
};
|
|
22081
|
-
const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-
|
|
22086
|
+
const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-7b902216"]]);
|
|
22082
22087
|
const _hoisted_1$15 = { class: "display-flex-column h-100" };
|
|
22083
22088
|
const _hoisted_2$O = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
|
|
22084
22089
|
const _hoisted_3$x = { class: "flex-1 mb-10" };
|