@flux-ui/components 3.0.0-next.52 → 3.0.0-next.54
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/component/FluxBorderShine.vue.d.ts +1 -1
- package/dist/component/FluxKanban.vue.d.ts +25 -0
- package/dist/component/FluxKanbanCard.vue.d.ts +28 -0
- package/dist/component/FluxKanbanColumn.vue.d.ts +28 -0
- package/dist/component/index.d.ts +3 -0
- package/dist/component/primitive/FilterOptionBase.vue.d.ts +2 -2
- package/dist/component/primitive/SelectBase.vue.d.ts +2 -2
- package/dist/composable/private/useKanban.d.ts +7 -0
- package/dist/data/di.d.ts +20 -0
- package/dist/index.css +84 -0
- package/dist/index.js +247 -28
- package/dist/index.js.map +1 -1
- package/package.json +9 -8
- package/src/component/FluxKanban.vue +25 -0
- package/src/component/FluxKanbanCard.vue +105 -0
- package/src/component/FluxKanbanColumn.vue +84 -0
- package/src/component/index.ts +3 -0
- package/src/composable/private/useKanban.ts +68 -0
- package/src/css/component/FluxKanban.module.scss +7 -0
- package/src/css/component/FluxKanbanCard.module.scss +35 -0
- package/src/css/component/FluxKanbanColumn.module.scss +49 -0
- package/src/data/di.ts +21 -0
package/dist/index.js
CHANGED
|
@@ -64,6 +64,7 @@ function useBreakpoints_default() {
|
|
|
64
64
|
//#region src/data/di.ts
|
|
65
65
|
var FluxAdaptiveGroupInjectionKey = Symbol();
|
|
66
66
|
var FluxDisabledInjectionKey = Symbol();
|
|
67
|
+
var FluxKanbanInjectionKey = Symbol();
|
|
67
68
|
var FluxExpandableGroupInjectionKey = Symbol();
|
|
68
69
|
var FluxFlyoutInjectionKey = Symbol();
|
|
69
70
|
var FluxFilterInjectionKey = Symbol();
|
|
@@ -71,7 +72,7 @@ var FluxFormFieldInjectionKey = Symbol();
|
|
|
71
72
|
var FluxTableInjectionKey = Symbol();
|
|
72
73
|
var FluxTooltipInjectionKey = Symbol();
|
|
73
74
|
//#endregion
|
|
74
|
-
//#region ../../node_modules/.bun/@basmilius+utils@3.
|
|
75
|
+
//#region ../../node_modules/.bun/@basmilius+utils@3.20.2/node_modules/@basmilius/utils/dist/index.mjs
|
|
75
76
|
function t$1(e, t) {
|
|
76
77
|
return Math.round(e / t) * t;
|
|
77
78
|
}
|
|
@@ -3328,7 +3329,7 @@ useMode(definition$2);
|
|
|
3328
3329
|
useMode(definition$1);
|
|
3329
3330
|
useMode(definition);
|
|
3330
3331
|
//#endregion
|
|
3331
|
-
//#region ../../node_modules/.bun/@basmilius+http-client@3.
|
|
3332
|
+
//#region ../../node_modules/.bun/@basmilius+http-client@3.20.2+96a7401e32316653/node_modules/@basmilius/http-client/dist/index.mjs
|
|
3332
3333
|
function c$2(e) {
|
|
3333
3334
|
return class extends e {
|
|
3334
3335
|
constructor(...e) {
|
|
@@ -8277,11 +8278,11 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
|
|
|
8277
8278
|
});
|
|
8278
8279
|
//#endregion
|
|
8279
8280
|
//#region src/css/component/Action.module.scss
|
|
8280
|
-
var { "
|
|
8281
|
+
var { "button": _0$16, "buttonIcon": _1$8, "buttonLabel": _2$5 } = Button_module_default$1;
|
|
8281
8282
|
var Action_module_default = {
|
|
8282
|
-
action: `action ${
|
|
8283
|
+
action: `action ${_0$16}`,
|
|
8283
8284
|
spinner: `spinner`,
|
|
8284
|
-
actionIcon: `action-icon ${
|
|
8285
|
+
actionIcon: `action-icon ${_1$8}`,
|
|
8285
8286
|
isDestructive: `is-destructive`,
|
|
8286
8287
|
actionLabel: `action-label ${_2$5}`,
|
|
8287
8288
|
actionBar: `action-bar`,
|
|
@@ -8348,32 +8349,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
|
|
|
8348
8349
|
});
|
|
8349
8350
|
//#endregion
|
|
8350
8351
|
//#region src/css/component/Button.module.scss
|
|
8351
|
-
var { "button": _0$15, "
|
|
8352
|
+
var { "button": _0$15, "buttonLabel": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
|
|
8352
8353
|
var Button_module_default = {
|
|
8353
8354
|
primaryButton: `primary-button ${_0$15}`,
|
|
8354
8355
|
spinner: `spinner`,
|
|
8355
|
-
primaryButtonIcon: `primary-button-icon ${
|
|
8356
|
-
primaryButtonLabel: `primary-button-label ${
|
|
8356
|
+
primaryButtonIcon: `primary-button-icon ${_2$4}`,
|
|
8357
|
+
primaryButtonLabel: `primary-button-label ${_1$7}`,
|
|
8357
8358
|
secondaryButton: `secondary-button ${_0$15}`,
|
|
8358
|
-
secondaryButtonIcon: `secondary-button-icon ${
|
|
8359
|
-
secondaryButtonLabel: `secondary-button-label ${
|
|
8359
|
+
secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
|
|
8360
|
+
secondaryButtonLabel: `secondary-button-label ${_1$7}`,
|
|
8360
8361
|
destructiveButton: `destructive-button ${_0$15}`,
|
|
8361
|
-
destructiveButtonIcon: `destructive-button-icon ${
|
|
8362
|
-
destructiveButtonLabel: `destructive-button-label ${
|
|
8362
|
+
destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
|
|
8363
|
+
destructiveButtonLabel: `destructive-button-label ${_1$7}`,
|
|
8363
8364
|
baseLinkButton: `base-link-button ${_0$15}`,
|
|
8364
8365
|
primaryLinkButton: `primary-link-button base-link-button ${_0$15}`,
|
|
8365
|
-
primaryLinkButtonIcon: `primary-link-button-icon ${
|
|
8366
|
-
primaryLinkButtonLabel: `primary-link-button-label ${
|
|
8366
|
+
primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
|
|
8367
|
+
primaryLinkButtonLabel: `primary-link-button-label ${_1$7}`,
|
|
8367
8368
|
secondaryLinkButton: `secondary-link-button base-link-button ${_0$15}`,
|
|
8368
|
-
secondaryLinkButtonIcon: `secondary-link-button-icon ${
|
|
8369
|
-
secondaryLinkButtonLabel: `secondary-link-button-label ${
|
|
8369
|
+
secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
|
|
8370
|
+
secondaryLinkButtonLabel: `secondary-link-button-label ${_1$7}`,
|
|
8370
8371
|
linkButton: `link-button ${_0$15}`,
|
|
8371
|
-
linkButtonIcon: `link-button-icon ${
|
|
8372
|
+
linkButtonIcon: `link-button-icon ${_2$4}`,
|
|
8372
8373
|
icon: `icon`,
|
|
8373
|
-
linkButtonLabel: `link-button-label ${
|
|
8374
|
+
linkButtonLabel: `link-button-label ${_1$7}`,
|
|
8374
8375
|
publishButton: `publish-button primary-button ${_0$15}`,
|
|
8375
|
-
publishButtonIcon: `publish-button-icon primary-button-icon ${
|
|
8376
|
-
publishButtonLabel: `publish-button-label primary-button-label ${
|
|
8376
|
+
publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
|
|
8377
|
+
publishButtonLabel: `publish-button-label primary-button-label ${_1$7}`,
|
|
8377
8378
|
publishButtonAnimation: `publish-button-animation`,
|
|
8378
8379
|
isDone: `is-done`,
|
|
8379
8380
|
publishButtonAnimationArrow: `publish-button-animation-arrow`,
|
|
@@ -10205,6 +10206,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
|
|
|
10205
10206
|
props: {
|
|
10206
10207
|
item: {},
|
|
10207
10208
|
value: { type: [
|
|
10209
|
+
Object,
|
|
10208
10210
|
String,
|
|
10209
10211
|
Boolean,
|
|
10210
10212
|
Number,
|
|
@@ -10244,7 +10246,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
|
|
|
10244
10246
|
});
|
|
10245
10247
|
//#endregion
|
|
10246
10248
|
//#region src/css/component/Menu.module.scss
|
|
10247
|
-
var { "button": _0$13, "
|
|
10249
|
+
var { "button": _0$13, "buttonLabel": _1$5, "buttonIcon": _2$2 } = Button_module_default$1;
|
|
10248
10250
|
var Menu_module_default = {
|
|
10249
10251
|
menu: `menu`,
|
|
10250
10252
|
menuNormal: `menu-normal menu`,
|
|
@@ -10254,8 +10256,8 @@ var Menu_module_default = {
|
|
|
10254
10256
|
menuGroupVertical: `menu-group-vertical menu-group`,
|
|
10255
10257
|
menuItem: `menu-item ${_0$13}`,
|
|
10256
10258
|
badge: `badge`,
|
|
10257
|
-
menuItemIcon: `menu-item-icon ${
|
|
10258
|
-
menuItemLabel: `menu-item-label ${
|
|
10259
|
+
menuItemIcon: `menu-item-icon ${_2$2}`,
|
|
10260
|
+
menuItemLabel: `menu-item-label ${_1$5}`,
|
|
10259
10261
|
menuItemActive: `menu-item-active`,
|
|
10260
10262
|
menuItemDestructive: `menu-item-destructive`,
|
|
10261
10263
|
menuItemHighlighted: `menu-item-highlighted`,
|
|
@@ -10264,7 +10266,7 @@ var Menu_module_default = {
|
|
|
10264
10266
|
menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
|
|
10265
10267
|
menuCollapsibleBody: `menu-collapsible-body`,
|
|
10266
10268
|
menuCollapsibleContent: `menu-collapsible-content`,
|
|
10267
|
-
menuItemSelectableIcon: `menu-item-selectable-icon ${
|
|
10269
|
+
menuItemSelectableIcon: `menu-item-selectable-icon ${_2$2}`,
|
|
10268
10270
|
menuItemSelected: `menu-item-selected`,
|
|
10269
10271
|
menuItemCommand: `menu-item-command`,
|
|
10270
10272
|
menuItemCommandIcon: `menu-item-command-icon`,
|
|
@@ -10399,6 +10401,7 @@ var FilterItem_default = /* @__PURE__ */ defineComponent({
|
|
|
10399
10401
|
props: {
|
|
10400
10402
|
item: {},
|
|
10401
10403
|
value: { type: [
|
|
10404
|
+
Object,
|
|
10402
10405
|
String,
|
|
10403
10406
|
Boolean,
|
|
10404
10407
|
Number,
|
|
@@ -17769,6 +17772,222 @@ var FluxInfo_default = /* @__PURE__ */ defineComponent({
|
|
|
17769
17772
|
}
|
|
17770
17773
|
});
|
|
17771
17774
|
//#endregion
|
|
17775
|
+
//#region src/composable/private/useKanban.ts
|
|
17776
|
+
/**
|
|
17777
|
+
* Internal composable for managing kanban drag-and-drop state.
|
|
17778
|
+
* Provides card registration, drag tracking, and drop target management.
|
|
17779
|
+
*/
|
|
17780
|
+
function useKanban(onMove) {
|
|
17781
|
+
const dragState = ref(null);
|
|
17782
|
+
const cardRegistry = /* @__PURE__ */ new WeakMap();
|
|
17783
|
+
function registerCard(element, cardId) {
|
|
17784
|
+
cardRegistry.set(element, { cardId });
|
|
17785
|
+
}
|
|
17786
|
+
function unregisterCard(element) {
|
|
17787
|
+
cardRegistry.delete(element);
|
|
17788
|
+
}
|
|
17789
|
+
function getCardInfo(element) {
|
|
17790
|
+
return cardRegistry.get(element);
|
|
17791
|
+
}
|
|
17792
|
+
function startDrag(cardId, fromColumnId) {
|
|
17793
|
+
dragState.value = {
|
|
17794
|
+
cardId,
|
|
17795
|
+
fromColumnId,
|
|
17796
|
+
dropColumnId: null,
|
|
17797
|
+
beforeCardId: null
|
|
17798
|
+
};
|
|
17799
|
+
}
|
|
17800
|
+
function endDrag() {
|
|
17801
|
+
dragState.value = null;
|
|
17802
|
+
}
|
|
17803
|
+
function updateDropTarget(columnId, beforeCardId) {
|
|
17804
|
+
if (!dragState.value) return;
|
|
17805
|
+
dragState.value = {
|
|
17806
|
+
...dragState.value,
|
|
17807
|
+
dropColumnId: columnId,
|
|
17808
|
+
beforeCardId
|
|
17809
|
+
};
|
|
17810
|
+
}
|
|
17811
|
+
function clearDropTarget() {
|
|
17812
|
+
if (!dragState.value) return;
|
|
17813
|
+
dragState.value = {
|
|
17814
|
+
...dragState.value,
|
|
17815
|
+
dropColumnId: null,
|
|
17816
|
+
beforeCardId: null
|
|
17817
|
+
};
|
|
17818
|
+
}
|
|
17819
|
+
function commitDrop() {
|
|
17820
|
+
const state = dragState.value;
|
|
17821
|
+
if (!state || state.dropColumnId === null) {
|
|
17822
|
+
dragState.value = null;
|
|
17823
|
+
return;
|
|
17824
|
+
}
|
|
17825
|
+
onMove({
|
|
17826
|
+
cardId: state.cardId,
|
|
17827
|
+
fromColumnId: state.fromColumnId,
|
|
17828
|
+
toColumnId: state.dropColumnId,
|
|
17829
|
+
beforeCardId: state.beforeCardId ?? void 0
|
|
17830
|
+
});
|
|
17831
|
+
dragState.value = null;
|
|
17832
|
+
}
|
|
17833
|
+
return {
|
|
17834
|
+
dragState,
|
|
17835
|
+
registerCard,
|
|
17836
|
+
unregisterCard,
|
|
17837
|
+
getCardInfo,
|
|
17838
|
+
startDrag,
|
|
17839
|
+
endDrag,
|
|
17840
|
+
updateDropTarget,
|
|
17841
|
+
clearDropTarget,
|
|
17842
|
+
commitDrop
|
|
17843
|
+
};
|
|
17844
|
+
}
|
|
17845
|
+
var FluxKanban_module_default = { kanban: `kanban` };
|
|
17846
|
+
//#endregion
|
|
17847
|
+
//#region src/component/FluxKanban.vue
|
|
17848
|
+
var FluxKanban_default = /* @__PURE__ */ defineComponent({
|
|
17849
|
+
__name: "FluxKanban",
|
|
17850
|
+
emits: ["move"],
|
|
17851
|
+
setup(__props, { emit: __emit }) {
|
|
17852
|
+
const emit = __emit;
|
|
17853
|
+
provide(FluxKanbanInjectionKey, useKanban((event) => emit("move", event)));
|
|
17854
|
+
return (_ctx, _cache) => {
|
|
17855
|
+
return openBlock(), createElementBlock("div", { class: normalizeClass(unref(FluxKanban_module_default).kanban) }, [renderSlot(_ctx.$slots, "default")], 2);
|
|
17856
|
+
};
|
|
17857
|
+
}
|
|
17858
|
+
});
|
|
17859
|
+
var FluxKanbanCard_module_default = {
|
|
17860
|
+
kanbanCard: `kanban-card`,
|
|
17861
|
+
isDragging: `is-dragging`,
|
|
17862
|
+
isDropBefore: `is-drop-before`
|
|
17863
|
+
};
|
|
17864
|
+
//#endregion
|
|
17865
|
+
//#region src/component/FluxKanbanCard.vue
|
|
17866
|
+
var FluxKanbanCard_default = /* @__PURE__ */ defineComponent({
|
|
17867
|
+
__name: "FluxKanbanCard",
|
|
17868
|
+
props: {
|
|
17869
|
+
cardId: {},
|
|
17870
|
+
columnId: {}
|
|
17871
|
+
},
|
|
17872
|
+
setup(__props) {
|
|
17873
|
+
const kanban = inject(FluxKanbanInjectionKey);
|
|
17874
|
+
const root = useTemplateRef("root");
|
|
17875
|
+
const isDragging = computed(() => unref(kanban.dragState)?.cardId === __props.cardId);
|
|
17876
|
+
const isDropBefore = computed(() => {
|
|
17877
|
+
const state = unref(kanban.dragState);
|
|
17878
|
+
if (!state || state.dropColumnId === null || state.beforeCardId === null) return false;
|
|
17879
|
+
return state.beforeCardId === __props.cardId && state.cardId !== __props.cardId;
|
|
17880
|
+
});
|
|
17881
|
+
onMounted(() => {
|
|
17882
|
+
if (root.value) kanban.registerCard(root.value, __props.cardId);
|
|
17883
|
+
});
|
|
17884
|
+
onUnmounted(() => {
|
|
17885
|
+
if (root.value) kanban.unregisterCard(root.value);
|
|
17886
|
+
});
|
|
17887
|
+
function onDragStart(evt) {
|
|
17888
|
+
kanban.startDrag(__props.cardId, __props.columnId);
|
|
17889
|
+
if (evt.dataTransfer) evt.dataTransfer.effectAllowed = "move";
|
|
17890
|
+
}
|
|
17891
|
+
function onDragEnd() {
|
|
17892
|
+
kanban.endDrag();
|
|
17893
|
+
}
|
|
17894
|
+
function onDragOver(evt) {
|
|
17895
|
+
if (!unref(kanban.dragState)) return;
|
|
17896
|
+
const cardEl = evt.currentTarget;
|
|
17897
|
+
const rect = cardEl.getBoundingClientRect();
|
|
17898
|
+
if (evt.clientY < rect.top + rect.height / 2) kanban.updateDropTarget(__props.columnId, __props.cardId);
|
|
17899
|
+
else {
|
|
17900
|
+
let next = cardEl.nextElementSibling;
|
|
17901
|
+
while (next) {
|
|
17902
|
+
const info = kanban.getCardInfo(next);
|
|
17903
|
+
if (info) {
|
|
17904
|
+
kanban.updateDropTarget(__props.columnId, info.cardId);
|
|
17905
|
+
return;
|
|
17906
|
+
}
|
|
17907
|
+
next = next.nextElementSibling;
|
|
17908
|
+
}
|
|
17909
|
+
kanban.updateDropTarget(__props.columnId, null);
|
|
17910
|
+
}
|
|
17911
|
+
}
|
|
17912
|
+
return (_ctx, _cache) => {
|
|
17913
|
+
return openBlock(), createElementBlock("div", {
|
|
17914
|
+
ref_key: "root",
|
|
17915
|
+
ref: root,
|
|
17916
|
+
"data-kanban-card": "",
|
|
17917
|
+
class: normalizeClass([
|
|
17918
|
+
unref(FluxKanbanCard_module_default).kanbanCard,
|
|
17919
|
+
isDragging.value && unref(FluxKanbanCard_module_default).isDragging,
|
|
17920
|
+
isDropBefore.value && unref(FluxKanbanCard_module_default).isDropBefore
|
|
17921
|
+
]),
|
|
17922
|
+
draggable: "true",
|
|
17923
|
+
onDragstart: onDragStart,
|
|
17924
|
+
onDragend: onDragEnd,
|
|
17925
|
+
onDragover: withModifiers(onDragOver, ["prevent", "stop"])
|
|
17926
|
+
}, [renderSlot(_ctx.$slots, "default")], 34);
|
|
17927
|
+
};
|
|
17928
|
+
}
|
|
17929
|
+
});
|
|
17930
|
+
var FluxKanbanColumn_module_default = {
|
|
17931
|
+
kanbanColumn: `kanban-column`,
|
|
17932
|
+
kanbanColumnHeader: `kanban-column-header`,
|
|
17933
|
+
kanbanColumnLabel: `kanban-column-label`,
|
|
17934
|
+
kanbanColumnBody: `kanban-column-body`,
|
|
17935
|
+
isOver: `is-over`,
|
|
17936
|
+
kanbanDropIndicator: `kanban-drop-indicator`
|
|
17937
|
+
};
|
|
17938
|
+
//#endregion
|
|
17939
|
+
//#region src/component/FluxKanbanColumn.vue
|
|
17940
|
+
var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
|
|
17941
|
+
__name: "FluxKanbanColumn",
|
|
17942
|
+
props: {
|
|
17943
|
+
columnId: {},
|
|
17944
|
+
label: {}
|
|
17945
|
+
},
|
|
17946
|
+
setup(__props) {
|
|
17947
|
+
const kanban = inject(FluxKanbanInjectionKey);
|
|
17948
|
+
let dragEnterCount = 0;
|
|
17949
|
+
const isOver = ref(false);
|
|
17950
|
+
const isDropEnd = computed(() => {
|
|
17951
|
+
const state = unref(kanban.dragState);
|
|
17952
|
+
return state !== null && state.dropColumnId === __props.columnId && state.beforeCardId === null;
|
|
17953
|
+
});
|
|
17954
|
+
function onDragEnter() {
|
|
17955
|
+
dragEnterCount++;
|
|
17956
|
+
isOver.value = true;
|
|
17957
|
+
}
|
|
17958
|
+
function onDragLeave() {
|
|
17959
|
+
if (--dragEnterCount <= 0) {
|
|
17960
|
+
dragEnterCount = 0;
|
|
17961
|
+
isOver.value = false;
|
|
17962
|
+
kanban.clearDropTarget();
|
|
17963
|
+
}
|
|
17964
|
+
}
|
|
17965
|
+
function onDragOver(evt) {
|
|
17966
|
+
if (!!!evt.target.closest("[data-kanban-card]")) kanban.updateDropTarget(__props.columnId, null);
|
|
17967
|
+
}
|
|
17968
|
+
function onDrop() {
|
|
17969
|
+
dragEnterCount = 0;
|
|
17970
|
+
isOver.value = false;
|
|
17971
|
+
kanban.commitDrop();
|
|
17972
|
+
}
|
|
17973
|
+
return (_ctx, _cache) => {
|
|
17974
|
+
return openBlock(), createElementBlock("div", {
|
|
17975
|
+
"data-kanban-column": "",
|
|
17976
|
+
class: normalizeClass([unref(FluxKanbanColumn_module_default).kanbanColumn, isOver.value && unref(FluxKanbanColumn_module_default).isOver])
|
|
17977
|
+
}, [createElementVNode("div", { class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnHeader) }, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("span", { class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnLabel) }, toDisplayString(__props.label), 3)]), renderSlot(_ctx.$slots, "actions")], 2), createElementVNode("div", {
|
|
17978
|
+
class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnBody),
|
|
17979
|
+
onDragenter: onDragEnter,
|
|
17980
|
+
onDragleave: onDragLeave,
|
|
17981
|
+
onDragover: withModifiers(onDragOver, ["prevent"]),
|
|
17982
|
+
onDrop: withModifiers(onDrop, ["prevent"])
|
|
17983
|
+
}, [renderSlot(_ctx.$slots, "default"), isDropEnd.value ? (openBlock(), createElementBlock("div", {
|
|
17984
|
+
key: 0,
|
|
17985
|
+
class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanDropIndicator)
|
|
17986
|
+
}, null, 2)) : createCommentVNode("", true)], 34)], 2);
|
|
17987
|
+
};
|
|
17988
|
+
}
|
|
17989
|
+
});
|
|
17990
|
+
//#endregion
|
|
17772
17991
|
//#region src/component/FluxInfoStack.vue
|
|
17773
17992
|
var FluxInfoStack_default = /* @__PURE__ */ defineComponent({
|
|
17774
17993
|
__name: "FluxInfoStack",
|
|
@@ -17891,10 +18110,10 @@ var FluxLayerPaneSecondary_default = /* @__PURE__ */ defineComponent({
|
|
|
17891
18110
|
});
|
|
17892
18111
|
//#endregion
|
|
17893
18112
|
//#region src/css/component/Legend.module.scss
|
|
17894
|
-
var { "
|
|
18113
|
+
var { "stackVertical": _0$5, "stackHorizontal": _1$1 } = Layout_module_default;
|
|
17895
18114
|
var Legend_module_default = {
|
|
17896
|
-
legendHorizontal: `legend-horizontal ${
|
|
17897
|
-
legendVertical: `legend-vertical ${
|
|
18115
|
+
legendHorizontal: `legend-horizontal ${_1$1}`,
|
|
18116
|
+
legendVertical: `legend-vertical ${_0$5}`,
|
|
17898
18117
|
legendItem: `legend-item`
|
|
17899
18118
|
};
|
|
17900
18119
|
//#endregion
|
|
@@ -20462,6 +20681,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
|
|
|
20462
20681
|
}
|
|
20463
20682
|
});
|
|
20464
20683
|
//#endregion
|
|
20465
|
-
export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxColumn_default as FluxColumn, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxRow_default as FluxRow, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
|
|
20684
|
+
export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxColumn_default as FluxColumn, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanCard_default as FluxKanbanCard, FluxKanbanColumn_default as FluxKanbanColumn, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxRow_default as FluxRow, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
|
|
20466
20685
|
|
|
20467
20686
|
//# sourceMappingURL=index.js.map
|