@frollo/frollo-web-ui 9.0.2 → 9.0.4
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/cjs/index.js +20 -24
- package/esm/fw-drawer.js +4 -4
- package/esm/fw-media-picker.js +1 -1
- package/esm/fw-provider-list.js +5 -7
- package/esm/{fw-table-row-D6FdCJMs.js → fw-table-row-BU0xaybR.js} +4 -4
- package/esm/fw-table.js +1 -1
- package/esm/fw-toast.js +7 -9
- package/esm/{index-eP2GMSdQ.js → index-BU92JA8Z.js} +1 -1
- package/esm/index.js +3 -3
- package/frollo-web-ui.esm.js +20 -24
- package/index.d.ts +1 -1
- package/package.json +4 -2
- package/styles/tailwind.css +34 -2
- package/types/components/fw-toast/fw-toast.vue.d.ts +1 -1
- package/web-components/index.js +22 -26
package/frollo-web-ui.esm.js
CHANGED
|
@@ -12915,7 +12915,7 @@ var __default__$8 = defineComponent({
|
|
|
12915
12915
|
var __injectCSSVars__$4 = function __injectCSSVars__() {
|
|
12916
12916
|
useCssVars(function (_ctx) {
|
|
12917
12917
|
return {
|
|
12918
|
-
"
|
|
12918
|
+
"v21e672ac": _ctx.bgHoverColor
|
|
12919
12919
|
};
|
|
12920
12920
|
});
|
|
12921
12921
|
};
|
|
@@ -13086,12 +13086,12 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13086
13086
|
}, 8, ["disabled"])])) : createCommentVNode("", true)]);
|
|
13087
13087
|
}
|
|
13088
13088
|
|
|
13089
|
-
var css_248z$a = ".fw-table-head[data-v-
|
|
13090
|
-
var stylesheet$a = ".fw-table-head[data-v-
|
|
13089
|
+
var css_248z$a = ".fw-table-head[data-v-0b54593f]{-webkit-transition:background-color .16s ease,color .16s ease;-moz-transition:background-color .16s ease,color .16s ease;transition:background-color .16s ease,color .16s ease}.fw-table-head--sortable[data-v-0b54593f]:hover{background-color:var(--v21e672ac)}.fw-table-row[data-v-0b54593f]{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background-color .16s ease;-moz-transition:background-color .16s ease;transition:background-color .16s ease}.fw-table-row[data-v-0b54593f]:hover{background-color:var(--v21e672ac)}.fw-table--tbody[data-v-0b54593f]{overflow-anchor:none;position:relative;will-change:transform,opacity}.fw-table-animate-move[data-v-0b54593f]{-webkit-transition:-webkit-transform .22s cubic-bezier(.16,1,.3,1);transition:-webkit-transform .22s cubic-bezier(.16,1,.3,1);-moz-transition:transform .22s cubic-bezier(.16,1,.3,1),-moz-transform .22s cubic-bezier(.16,1,.3,1);transition:transform .22s cubic-bezier(.16,1,.3,1);transition:transform .22s cubic-bezier(.16,1,.3,1),-webkit-transform .22s cubic-bezier(.16,1,.3,1),-moz-transform .22s cubic-bezier(.16,1,.3,1);will-change:transform}.fw-table-animate-enter-active[data-v-0b54593f]{-webkit-transition:opacity .12s ease;-moz-transition:opacity .12s ease;transition:opacity .12s ease}.fw-table-animate-enter-from[data-v-0b54593f]{opacity:0}.fw-table-animate-enter-active[data-v-0b54593f],.fw-table-animate-leave-active[data-v-0b54593f]{will-change:transform,opacity}.fw-table-animate-leave-active[data-v-0b54593f]{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.fw-table-animate-leave-to[data-v-0b54593f]{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-table-animate-enter-active[data-v-0b54593f],.fw-table-animate-leave-active[data-v-0b54593f],.fw-table-animate-move[data-v-0b54593f],.fw-table-head[data-v-0b54593f],.fw-table-row[data-v-0b54593f]{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}@supports (-moz-appearance:none){.fw-empty-table>thead[data-v-0b54593f]{display:table-caption}.fw-empty-table>thead>tr[data-v-0b54593f]{display:table;width:100%}}";
|
|
13090
|
+
var stylesheet$a = ".fw-table-head[data-v-0b54593f]{-webkit-transition:background-color .16s ease,color .16s ease;-moz-transition:background-color .16s ease,color .16s ease;transition:background-color .16s ease,color .16s ease}.fw-table-head--sortable[data-v-0b54593f]:hover{background-color:var(--v21e672ac)}.fw-table-row[data-v-0b54593f]{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background-color .16s ease;-moz-transition:background-color .16s ease;transition:background-color .16s ease}.fw-table-row[data-v-0b54593f]:hover{background-color:var(--v21e672ac)}.fw-table--tbody[data-v-0b54593f]{overflow-anchor:none;position:relative;will-change:transform,opacity}.fw-table-animate-move[data-v-0b54593f]{-webkit-transition:-webkit-transform .22s cubic-bezier(.16,1,.3,1);transition:-webkit-transform .22s cubic-bezier(.16,1,.3,1);-moz-transition:transform .22s cubic-bezier(.16,1,.3,1),-moz-transform .22s cubic-bezier(.16,1,.3,1);transition:transform .22s cubic-bezier(.16,1,.3,1);transition:transform .22s cubic-bezier(.16,1,.3,1),-webkit-transform .22s cubic-bezier(.16,1,.3,1),-moz-transform .22s cubic-bezier(.16,1,.3,1);will-change:transform}.fw-table-animate-enter-active[data-v-0b54593f]{-webkit-transition:opacity .12s ease;-moz-transition:opacity .12s ease;transition:opacity .12s ease}.fw-table-animate-enter-from[data-v-0b54593f]{opacity:0}.fw-table-animate-enter-active[data-v-0b54593f],.fw-table-animate-leave-active[data-v-0b54593f]{will-change:transform,opacity}.fw-table-animate-leave-active[data-v-0b54593f]{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.fw-table-animate-leave-to[data-v-0b54593f]{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-table-animate-enter-active[data-v-0b54593f],.fw-table-animate-leave-active[data-v-0b54593f],.fw-table-animate-move[data-v-0b54593f],.fw-table-head[data-v-0b54593f],.fw-table-row[data-v-0b54593f]{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}@supports (-moz-appearance:none){.fw-empty-table>thead[data-v-0b54593f]{display:table-caption}.fw-empty-table>thead>tr[data-v-0b54593f]{display:table;width:100%}}";
|
|
13091
13091
|
styleInject(css_248z$a);
|
|
13092
13092
|
|
|
13093
13093
|
__default__$8.render = render$d;
|
|
13094
|
-
__default__$8.__scopeId = "data-v-
|
|
13094
|
+
__default__$8.__scopeId = "data-v-0b54593f";
|
|
13095
13095
|
|
|
13096
13096
|
var script$8 = defineComponent({
|
|
13097
13097
|
name: 'FwTableHead'
|
|
@@ -13380,7 +13380,7 @@ var script$6 = defineComponent({
|
|
|
13380
13380
|
var uuid = (_globalThis$crypto$ra = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra2 = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra2 === void 0 ? void 0 : _globalThis$crypto$ra2.call(_globalThis$crypto)) !== null && _globalThis$crypto$ra !== void 0 ? _globalThis$crypto$ra : "toast-".concat(Math.random().toString(36).slice(2));
|
|
13381
13381
|
var isOpen = computed({
|
|
13382
13382
|
get: function get() {
|
|
13383
|
-
return
|
|
13383
|
+
return ref(props.modelValue);
|
|
13384
13384
|
},
|
|
13385
13385
|
set: function set(state) {
|
|
13386
13386
|
return ctx.emit('update:modelValue', state);
|
|
@@ -13410,13 +13410,11 @@ var script$6 = defineComponent({
|
|
|
13410
13410
|
ensureContainer();
|
|
13411
13411
|
isMounted.value = true;
|
|
13412
13412
|
});
|
|
13413
|
-
watch(function () {
|
|
13414
|
-
return props.modelValue;
|
|
13415
|
-
}, function (open) {
|
|
13413
|
+
watch(isOpen.value, function (open) {
|
|
13416
13414
|
if (dismissTimer) window.clearTimeout(dismissTimer);
|
|
13417
|
-
if (open) {
|
|
13415
|
+
if (open === true) {
|
|
13418
13416
|
dismissTimer = window.setTimeout(function () {
|
|
13419
|
-
isOpen.value = false;
|
|
13417
|
+
isOpen.value.value = false;
|
|
13420
13418
|
ctx.emit('dismissed');
|
|
13421
13419
|
}, props.timeout);
|
|
13422
13420
|
}
|
|
@@ -13453,7 +13451,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13453
13451
|
appear: ""
|
|
13454
13452
|
}, {
|
|
13455
13453
|
"default": withCtx(function () {
|
|
13456
|
-
return [_ctx.isOpen ? (openBlock(), createElementBlock("output", {
|
|
13454
|
+
return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
|
|
13457
13455
|
id: "fw-toast-".concat(_ctx.uuid),
|
|
13458
13456
|
key: _ctx.uuid,
|
|
13459
13457
|
role: "status",
|
|
@@ -13473,8 +13471,8 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13473
13471
|
}, 8, ["name"])], 8, ["to"])) : createCommentVNode("", true);
|
|
13474
13472
|
}
|
|
13475
13473
|
|
|
13476
|
-
var css_248z$8 = ".fw-toast{will-change:transform,opacity}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed}.fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}.fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}.fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}.fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}.fw-toast--container-top-left,.fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}.fw-toast--container-top-left{left:50px;margin-right:20px}.fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
|
|
13477
|
-
var stylesheet$8 = ".fw-toast{will-change:transform,opacity}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed}.fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}.fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}.fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}.fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}.fw-toast--container-top-left,.fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}.fw-toast--container-top-left{left:50px;margin-right:20px}.fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
|
|
13474
|
+
var css_248z$8 = ".fw-toast{will-change:transform,opacity}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;z-index:10000}.fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}.fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}.fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}.fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}.fw-toast--container-top-left,.fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}.fw-toast--container-top-left{left:50px;margin-right:20px}.fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
|
|
13475
|
+
var stylesheet$8 = ".fw-toast{will-change:transform,opacity}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;z-index:10000}.fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}.fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}.fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}.fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}.fw-toast--container-top-left,.fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}.fw-toast--container-top-left{left:50px;margin-right:20px}.fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
|
|
13478
13476
|
styleInject(css_248z$8);
|
|
13479
13477
|
|
|
13480
13478
|
script$6.render = render$9;
|
|
@@ -13852,7 +13850,7 @@ var __default__$6 = defineComponent({
|
|
|
13852
13850
|
var __injectCSSVars__$2 = function __injectCSSVars__() {
|
|
13853
13851
|
useCssVars(function (_ctx) {
|
|
13854
13852
|
return {
|
|
13855
|
-
"
|
|
13853
|
+
"v82429cd2": _ctx.drawerBgColour
|
|
13856
13854
|
};
|
|
13857
13855
|
});
|
|
13858
13856
|
};
|
|
@@ -13923,7 +13921,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13923
13921
|
})]), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
|
|
13924
13922
|
key: 0,
|
|
13925
13923
|
id: "drawer_".concat(_ctx.uuid, "_body"),
|
|
13926
|
-
"class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-
|
|
13924
|
+
"class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-auto"
|
|
13927
13925
|
}, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_5$5)) : createCommentVNode("", true), _ctx.$slots.footer || _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", {
|
|
13928
13926
|
key: 1,
|
|
13929
13927
|
"class": normalizeClass(["fw-drawer-footer", _ctx.drawerFooterClass])
|
|
@@ -13962,8 +13960,8 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13962
13960
|
})], 8, ["to"])) : createCommentVNode("", true);
|
|
13963
13961
|
}
|
|
13964
13962
|
|
|
13965
|
-
var css_248z$6 = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--
|
|
13966
|
-
var stylesheet$6 = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--
|
|
13963
|
+
var css_248z$6 = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--v82429cd2)}@media (prefers-reduced-motion:reduce){.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active,.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
|
|
13964
|
+
var stylesheet$6 = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--v82429cd2)}@media (prefers-reduced-motion:reduce){.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active,.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
|
|
13967
13965
|
styleInject(css_248z$6);
|
|
13968
13966
|
|
|
13969
13967
|
__default__$6.render = render$6;
|
|
@@ -14118,9 +14116,7 @@ var __default__$5 = defineComponent({
|
|
|
14118
14116
|
var __injectCSSVars__$1 = function __injectCSSVars__() {
|
|
14119
14117
|
useCssVars(function (_ctx) {
|
|
14120
14118
|
return {
|
|
14121
|
-
"
|
|
14122
|
-
"v2e326310": _ctx.primaryFade20,
|
|
14123
|
-
"v2e326294": _ctx.primaryFade40
|
|
14119
|
+
"v1fe77e94": _ctx.primaryFade5
|
|
14124
14120
|
};
|
|
14125
14121
|
});
|
|
14126
14122
|
};
|
|
@@ -14220,7 +14216,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
14220
14216
|
value: 'supported'
|
|
14221
14217
|
}]
|
|
14222
14218
|
}, null, 8, ["modelValue", "label"])])]), _ctx.sortedTableItems && _ctx.sortedTableItems.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createVNode(_component_FwTable, {
|
|
14223
|
-
"class": "w-full",
|
|
14219
|
+
"class": "w-full fw-scrollable-horizontal",
|
|
14224
14220
|
items: _ctx.sortedTableItems,
|
|
14225
14221
|
options: _ctx.options,
|
|
14226
14222
|
"row-key": "id"
|
|
@@ -14276,8 +14272,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
14276
14272
|
}, "Sorry, we could not find any results.", -1)]))))]);
|
|
14277
14273
|
}
|
|
14278
14274
|
|
|
14279
|
-
var css_248z$5 = ".fw-provider-list--table{background-color:var(--
|
|
14280
|
-
var stylesheet$5 = ".fw-provider-list--table{background-color:var(--
|
|
14275
|
+
var css_248z$5 = ".fw-provider-list--table{background-color:var(--v1fe77e94)}";
|
|
14276
|
+
var stylesheet$5 = ".fw-provider-list--table{background-color:var(--v1fe77e94)}";
|
|
14281
14277
|
styleInject(css_248z$5);
|
|
14282
14278
|
|
|
14283
14279
|
__default__$5.render = render$5;
|
|
@@ -22953,7 +22949,7 @@ var getVueComponentHtml = function getVueComponentHtml(component, props) {
|
|
|
22953
22949
|
};
|
|
22954
22950
|
|
|
22955
22951
|
var script$3 = defineComponent({
|
|
22956
|
-
name: '
|
|
22952
|
+
name: 'FwMediaPicker',
|
|
22957
22953
|
components: {
|
|
22958
22954
|
FwModal: __default__$a,
|
|
22959
22955
|
FwButton: script$h,
|
package/index.d.ts
CHANGED
|
@@ -3465,7 +3465,7 @@ declare const _default$6: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
3465
3465
|
};
|
|
3466
3466
|
}>, {
|
|
3467
3467
|
isMounted: vue.Ref<boolean, boolean>;
|
|
3468
|
-
isOpen: vue.WritableComputedRef<boolean, boolean
|
|
3468
|
+
isOpen: vue.WritableComputedRef<vue.Ref<boolean, boolean>, vue.Ref<boolean, boolean>>;
|
|
3469
3469
|
uuid: `${string}-${string}-${string}-${string}-${string}`;
|
|
3470
3470
|
containerEl: vue.ComputedRef<string>;
|
|
3471
3471
|
baseClass: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@frollo/frollo-web-ui",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.4",
|
|
4
4
|
"description": "Frollo's UI library for components, utilities and configs",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./icons": "./icons/index.ts",
|
|
@@ -19,13 +19,15 @@
|
|
|
19
19
|
"build:docs": "bin/build-docs.sh",
|
|
20
20
|
"build:lib": "bin/build-lib.sh",
|
|
21
21
|
"deploy": "bin/publish.sh",
|
|
22
|
+
"deploy-docs": "bin/build-gh-docs.sh",
|
|
22
23
|
"release": "bin/release.sh",
|
|
23
24
|
"test:unit": "vitest run --coverage",
|
|
24
25
|
"test:single": "vitest watch",
|
|
25
26
|
"lint": "eslint --cache ./src",
|
|
26
27
|
"lint:fix": "eslint --cache ./src --fix",
|
|
27
28
|
"tw-config-export": "mkdir -p ./dist && tailwind-config-viewer export ./dist/twconfig-viewer && rimraf ./dist/twconfig-viewer/favicon.ico",
|
|
28
|
-
"build-storybook": "storybook build"
|
|
29
|
+
"build-storybook": "storybook build",
|
|
30
|
+
"storybook-docs": "storybook dev --docs"
|
|
29
31
|
},
|
|
30
32
|
"dependencies": {
|
|
31
33
|
"vue": "^3.5.25"
|
package/styles/tailwind.css
CHANGED
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
@tailwind components;
|
|
4
4
|
@tailwind utilities;
|
|
5
5
|
|
|
6
|
-
/** Typography */
|
|
7
|
-
|
|
8
6
|
@layer base {
|
|
7
|
+
/** Typography */
|
|
9
8
|
html {
|
|
10
9
|
@apply bg-brand-appBg;
|
|
11
10
|
}
|
|
@@ -49,4 +48,37 @@
|
|
|
49
48
|
letter-spacing: 0.4px;
|
|
50
49
|
}
|
|
51
50
|
}
|
|
51
|
+
|
|
52
|
+
/* Custom scrollbar */
|
|
53
|
+
::-webkit-scrollbar {
|
|
54
|
+
-webkit-appearance: none;
|
|
55
|
+
scrollbar-gutter: auto;
|
|
56
|
+
height: 10px;
|
|
57
|
+
width: 10px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* Track */
|
|
61
|
+
::-webkit-scrollbar-track {
|
|
62
|
+
@apply bg-brand-border2;
|
|
63
|
+
border-radius: 0px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/* Handle */
|
|
67
|
+
::-webkit-scrollbar-thumb {
|
|
68
|
+
@apply bg-primary;
|
|
69
|
+
border-radius: 4px;
|
|
70
|
+
transition: all 0.2s ease-in-out;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/* Handle on hover */
|
|
74
|
+
::-webkit-scrollbar-thumb:hover {
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
@apply bg-brand-border3;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.fw-scrollable-horizontal {
|
|
80
|
+
overflow-x: auto;
|
|
81
|
+
overflow-y: hidden;
|
|
82
|
+
}
|
|
83
|
+
|
|
52
84
|
}
|
|
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
47
47
|
};
|
|
48
48
|
}>, {
|
|
49
49
|
isMounted: import("vue").Ref<boolean, boolean>;
|
|
50
|
-
isOpen: import("vue").WritableComputedRef<boolean, boolean
|
|
50
|
+
isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean, boolean>, import("vue").Ref<boolean, boolean>>;
|
|
51
51
|
uuid: `${string}-${string}-${string}-${string}-${string}`;
|
|
52
52
|
containerEl: import("vue").ComputedRef<string>;
|
|
53
53
|
baseClass: string;
|