@flux-ui/components 3.0.0-next.4 → 3.0.0-next.5
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/flux.js +10 -10
- package/package.json +4 -4
package/dist/flux.js
CHANGED
|
@@ -2769,7 +2769,7 @@ var wr = { beforeUnmount(t) {
|
|
|
2769
2769
|
let e = new Cr(t);
|
|
2770
2770
|
e.register(), qn.set(t, e);
|
|
2771
2771
|
} }, qn = /* @__PURE__ */ new WeakMap();
|
|
2772
|
-
const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir = "form", Tr = "pane-header", Lr = "base-pane-structure base-pane", dt = { basePane: Sr, basePaneLoader: Br, basePaneElement: Er, form: Ir, paneHeader: Tr, basePaneStructure: Lr }, { basePane: ot } = dt, Dr = "icon", Mr = "font-awesome-icon icon", Pr = "material-symbol-icon icon", Vr = `icon-boxed ${ot}`, xr = `icon-boxed-default icon-boxed ${ot}`, Rr = `icon-boxed-
|
|
2772
|
+
const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir = "form", Tr = "pane-header", Lr = "base-pane-structure base-pane", dt = { basePane: Sr, basePaneLoader: Br, basePaneElement: Er, form: Ir, paneHeader: Tr, basePaneStructure: Lr }, { basePane: ot } = dt, Dr = "icon", Mr = "font-awesome-icon icon", Pr = "material-symbol-icon icon", Vr = `icon-boxed ${ot}`, xr = `icon-boxed-default icon-boxed ${ot}`, Rr = `icon-boxed-colored icon-boxed ${ot}`, Or = `icon-boxed-gray icon-boxed-colored icon-boxed ${ot}`, zr = `icon-boxed-primary icon-boxed-colored icon-boxed ${ot}`, Hr = `icon-boxed-danger icon-boxed-colored icon-boxed ${ot}`, Nr = `icon-boxed-info icon-boxed-colored icon-boxed ${ot}`, Gr = `icon-boxed-success icon-boxed-colored icon-boxed ${ot}`, _r = `icon-boxed-warning icon-boxed-colored icon-boxed ${ot}`, Ke = { icon: Dr, fontAwesomeIcon: Mr, materialSymbolIcon: Pr, iconBoxed: Vr, iconBoxedDefault: xr, iconBoxedColored: Rr, iconBoxedGray: Or, iconBoxedPrimary: zr, iconBoxedDanger: Hr, iconBoxedInfo: Nr, iconBoxedSuccess: Gr, iconBoxedWarning: _r }, Ur = ["viewBox"], Wr = ["d"], _ = /* @__PURE__ */ k({
|
|
2773
2773
|
__name: "FluxIcon",
|
|
2774
2774
|
props: {
|
|
2775
2775
|
size: {},
|
|
@@ -3009,7 +3009,7 @@ const Sr = "base-pane", Br = "base-pane-loader", Er = "base-pane-element", Ir =
|
|
|
3009
3009
|
_: 3
|
|
3010
3010
|
}, 8, ["component-type", "class", "type", "aria-disabled", "disabled", "tabindex", "href", "rel", "target", "to"]));
|
|
3011
3011
|
}
|
|
3012
|
-
}), su = "button", ou = "is-small", lu = "is-medium", ru = "is-large", uu = "is-xl", cu = "is-filled", du = "button-icon", mu = "button-label", ka = { button: su, isSmall: ou, isMedium: lu, isLarge: ru, isXl: uu, isFilled: cu, buttonIcon: du, buttonLabel: mu }, {
|
|
3012
|
+
}), su = "button", ou = "is-small", lu = "is-medium", ru = "is-large", uu = "is-xl", cu = "is-filled", du = "button-icon", mu = "button-label", ka = { button: su, isSmall: ou, isMedium: lu, isLarge: ru, isXl: uu, isFilled: cu, buttonIcon: du, buttonLabel: mu }, { buttonLabel: pu, buttonIcon: fu, button: hu } = ka, gu = "spinner", bu = "is-destructive", vu = "action-bar", yu = "separator", ku = "form-input", Au = "base-pane-structure", $u = "pane-header", Fu = "action-pane", Cu = "action-pane-grid", wu = "action-pane-body", Su = `action-label ${pu}`, Bu = `action-icon ${fu}`, Eu = `action ${hu}`, at = { spinner: gu, isDestructive: bu, actionBar: vu, separator: yu, formInput: ku, basePaneStructure: Au, paneHeader: $u, actionPane: Fu, actionPaneGrid: Cu, actionPaneBody: wu, actionLabel: Su, actionIcon: Bu, action: Eu }, Iu = /* @__PURE__ */ k({
|
|
3013
3013
|
__name: "FluxAction",
|
|
3014
3014
|
props: {
|
|
3015
3015
|
type: {},
|
|
@@ -3099,7 +3099,7 @@ const Tu = (t, e) => {
|
|
|
3099
3099
|
function Lu(t) {
|
|
3100
3100
|
return !!t && "$t" in t;
|
|
3101
3101
|
}
|
|
3102
|
-
const {
|
|
3102
|
+
const { button: rn, buttonIcon: un, buttonLabel: cn } = ka, Du = "spinner", Mu = "icon", Pu = "publish-button-animation", Vu = "is-done", xu = "publish-button-animation-arrow", Ru = "publish-arrow-out", Ou = "publish-button-animation-check", zu = "publish-button-animation-circle", Hu = "is-idle", Nu = "is-loading", Gu = "publish-arrow-in", _u = "publish-button-cloud", Uu = "publish", Wu = "button-group", ju = "button", qu = `primary-button ${rn}`, Ku = `primary-button-icon ${un}`, Yu = `secondary-button ${rn}`, Zu = `secondary-button-icon ${un}`, Qu = `primary-button-label ${cn}`, Xu = `destructive-button ${rn}`, Ju = `secondary-button-label ${cn}`, ec = `destructive-button-label ${cn}`, tc = `destructive-button-icon ${un}`, nc = `link-button ${rn}`, ac = `link-button-label ${cn}`, ic = `publish-button primary-button ${rn}`, sc = `link-button-icon ${un}`, oc = `publish-button-label primary-button-label ${cn}`, lc = `publish-button-icon primary-button-icon ${un}`, oe = { spinner: Du, icon: Mu, publishButtonAnimation: Pu, isDone: Vu, publishButtonAnimationArrow: xu, publishArrowOut: Ru, publishButtonAnimationCheck: Ou, publishButtonAnimationCircle: zu, isIdle: Hu, isLoading: Nu, publishArrowIn: Gu, publishButtonCloud: _u, publish: Uu, buttonGroup: Wu, button: ju, primaryButton: qu, primaryButtonIcon: Ku, secondaryButton: Yu, secondaryButtonIcon: Zu, primaryButtonLabel: Qu, destructiveButton: Xu, secondaryButtonLabel: Ju, destructiveButtonLabel: ec, destructiveButtonIcon: tc, linkButton: nc, linkButtonLabel: ac, publishButton: ic, linkButtonIcon: sc, publishButtonLabel: oc, publishButtonIcon: lc }, Rn = /* @__PURE__ */ k({
|
|
3103
3103
|
__name: "FluxButtonGroup",
|
|
3104
3104
|
setup(t) {
|
|
3105
3105
|
return (e, a) => (c(), p("div", {
|
|
@@ -3144,7 +3144,7 @@ const { buttonIcon: rn, button: un, buttonLabel: cn } = ka, Du = "spinner", Mu =
|
|
|
3144
3144
|
}))
|
|
3145
3145
|
]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
|
|
3146
3146
|
}
|
|
3147
|
-
}), { basePaneStructure: dn, basePaneElement: Aa, basePaneLoader: uc } = dt, cc = "base-pane-element", dc = "pane-header-caption", mc = "pane-header-icon", pc = "pane-tag", fc = "pane-media", hc = "pane-media-image", gc = "base-auto-grid", bc = "pane-group", vc = "pane-illustration", yc = "pane-illustration-content", kc = "pane-illustration-magic", Ac = "icon-boxed", $c = "pane-media-inset pane-media", Fc = "pane-illustration-content-controlled pane-illustration-content", Cc = "pane-illustration-masked pane-illustration", wc = `pane
|
|
3147
|
+
}), { basePaneStructure: dn, basePaneElement: Aa, basePaneLoader: uc } = dt, cc = "base-pane-element", dc = "pane-header-caption", mc = "pane-header-icon", pc = "pane-tag", fc = "pane-media", hc = "pane-media-image", gc = "base-auto-grid", bc = "pane-group", vc = "pane-illustration", yc = "pane-illustration-content", kc = "pane-illustration-magic", Ac = "icon-boxed", $c = "pane-media-inset pane-media", Fc = "pane-illustration-content-controlled pane-illustration-content", Cc = "pane-illustration-masked pane-illustration", wc = `pane ${dn}`, Sc = `pane-default pane ${dn}`, Bc = `pane-flat pane ${dn}`, Ec = `pane-well pane ${dn}`, Ic = `pane-header ${Aa}`, Tc = `pane-body ${Aa}`, Lc = `pane-footer ${Aa}`, Dc = `pane-loader ${uc}`, Mc = `pane-deck pane-default pane ${dn}`, le = { basePaneElement: cc, paneHeaderCaption: dc, paneHeaderIcon: mc, paneTag: pc, paneMedia: fc, paneMediaImage: hc, baseAutoGrid: gc, paneGroup: bc, paneIllustration: vc, paneIllustrationContent: yc, paneIllustrationMagic: kc, iconBoxed: Ac, paneMediaInset: $c, paneIllustrationContentControlled: Fc, paneIllustrationMasked: Cc, pane: wc, paneDefault: Sc, paneFlat: Bc, paneWell: Ec, paneHeader: Ic, paneBody: Tc, paneFooter: Lc, paneLoader: Dc, paneDeck: Mc }, Tt = /* @__PURE__ */ k({
|
|
3148
3148
|
__name: "FluxPane",
|
|
3149
3149
|
props: {
|
|
3150
3150
|
isLoading: { type: Boolean },
|
|
@@ -4171,7 +4171,7 @@ const { buttonIcon: rn, button: un, buttonLabel: cn } = ka, Du = "spinner", Mu =
|
|
|
4171
4171
|
E(u.$slots, "default")
|
|
4172
4172
|
], 4));
|
|
4173
4173
|
}
|
|
4174
|
-
}), {
|
|
4174
|
+
}), { button: kp, buttonIcon: as, buttonLabel: Ap } = ka, $p = "menu", Fp = "menu-group", Cp = "menu-item-active", wp = "menu-item-destructive", Sp = "menu-item-highlighted", Bp = "menu-item-indented", Ep = "menu-item-selected", Ip = "menu-item-command", Tp = "menu-item-command-icon", Lp = "icon", Dp = "menu-item-image", Mp = "menu-title", Pp = "menu-sub-header", Vp = "menu-sub-header-icon", xp = "menu-sub-header-label", Rp = "base-pane", Op = "divider", zp = "separator", Hp = "expandable-body", Np = "menu-normal menu", Gp = "menu-large menu", _p = "menu-group-horizontal menu-group", Up = "menu-group-vertical menu-group", Wp = `menu-item ${kp}`, jp = `menu-item-icon ${as}`, qp = `menu-item-label ${Ap}`, Kp = `menu-item-selectable-icon ${as}`, de = { menu: $p, menuGroup: Fp, menuItemActive: Cp, menuItemDestructive: wp, menuItemHighlighted: Sp, menuItemIndented: Bp, menuItemSelected: Ep, menuItemCommand: Ip, menuItemCommandIcon: Tp, icon: Lp, menuItemImage: Dp, menuTitle: Mp, menuSubHeader: Pp, menuSubHeaderIcon: Vp, menuSubHeaderLabel: xp, basePane: Rp, divider: Op, separator: zp, expandableBody: Hp, menuNormal: Np, menuLarge: Gp, menuGroupHorizontal: _p, menuGroupVertical: Up, menuItem: Wp, menuItemIcon: jp, menuItemLabel: qp, menuItemSelectableIcon: Kp }, Yp = ["src"], je = /* @__PURE__ */ k({
|
|
4175
4175
|
__name: "FluxMenuItem",
|
|
4176
4176
|
props: {
|
|
4177
4177
|
type: { default: "button" },
|
|
@@ -6310,7 +6310,7 @@ const fg = {
|
|
|
6310
6310
|
E(e.$slots, "default")
|
|
6311
6311
|
], 6));
|
|
6312
6312
|
}
|
|
6313
|
-
}), {
|
|
6313
|
+
}), { basePaneLoader: dv, basePaneElement: mv } = dt, pv = "table-base", fv = "table-row", hv = "table-cell", gv = "table-cell-content", bv = "is-shrinking", vv = "is-sticky", yv = "is-striped", kv = "is-hoverable", Av = "is-bordered", $v = "is-separated", Fv = "table-actions", Cv = "action", wv = "table-sort", Sv = "base-pane-structure", Bv = "table-header table-cell", Ev = "table-header-content table-cell-content", Iv = `table-loader ${dv}`, Tv = `table ${mv}`, we = { tableBase: pv, tableRow: fv, tableCell: hv, tableCellContent: gv, isShrinking: bv, isSticky: vv, isStriped: yv, isHoverable: kv, isBordered: Av, isSeparated: $v, tableActions: Fv, action: Cv, tableSort: wv, basePaneStructure: Sv, tableHeader: Bv, tableHeaderContent: Ev, tableLoader: Iv, table: Tv }, Lv = { key: 0 }, Dv = { key: 1 }, Mv = { key: 2 }, Pv = /* @__PURE__ */ k({
|
|
6314
6314
|
__name: "FluxTable",
|
|
6315
6315
|
props: {
|
|
6316
6316
|
captionSide: { default: "bottom" },
|
|
@@ -9279,7 +9279,7 @@ const fg = {
|
|
|
9279
9279
|
role: "presentation"
|
|
9280
9280
|
}, R(e.title), 3));
|
|
9281
9281
|
}
|
|
9282
|
-
}), { basePaneElement: Lt } = dt, Iy = "button", Ty = "notice-body", Ly = "notice-close", Dy = "icon", My = "notice-prefix", Py = "notice-message", Vy = "notice-title", xy = "is-center", Ry = "is-fluid", Oy = "spinner-track", zy = "spinner-effect", Hy = "spinner-value", Ny = "base-pane", Gy = `notice ${Lt}`, _y = `notice-gray notice ${Lt}`, Uy = `notice-primary notice ${Lt}`, Wy = `notice-danger notice ${Lt}`, jy = `notice-
|
|
9282
|
+
}), { basePaneElement: Lt } = dt, Iy = "button", Ty = "notice-body", Ly = "notice-close", Dy = "icon", My = "notice-prefix", Py = "notice-message", Vy = "notice-title", xy = "is-center", Ry = "is-fluid", Oy = "spinner-track", zy = "spinner-effect", Hy = "spinner-value", Ny = "base-pane", Gy = `notice ${Lt}`, _y = `notice-gray notice ${Lt}`, Uy = `notice-primary notice ${Lt}`, Wy = `notice-danger notice ${Lt}`, jy = `notice-info notice ${Lt}`, qy = `notice-warning notice ${Lt}`, Ky = `notice-success notice ${Lt}`, Te = { button: Iy, noticeBody: Ty, noticeClose: Ly, icon: Dy, noticePrefix: My, noticeMessage: Py, noticeTitle: Vy, isCenter: xy, isFluid: Ry, spinnerTrack: Oy, spinnerEffect: zy, spinnerValue: Hy, basePane: Ny, notice: Gy, noticeGray: _y, noticePrimary: Uy, noticeDanger: Wy, noticeInfo: jy, noticeWarning: qy, noticeSuccess: Ky }, mF = /* @__PURE__ */ k({
|
|
9283
9283
|
__name: "FluxNotice",
|
|
9284
9284
|
props: {
|
|
9285
9285
|
color: { default: "gray" },
|
|
@@ -10128,7 +10128,7 @@ const fg = {
|
|
|
10128
10128
|
_: 1
|
|
10129
10129
|
}));
|
|
10130
10130
|
}
|
|
10131
|
-
}), { basePane: Dt } = dt, Ok = "action", zk = "progress-bar", Hk = "progress-bar-track", Nk = "snackbar-content", Gk = "icon", _k = "spinner", Uk = "snackbar-body", Wk = "snackbar-message", jk = "snackbar-sub-message", qk = "snackbar-title", Kk = "snackbar-action", Yk = "snackbar-actions", Zk = "spinner-effect", Qk = "spinner-value", Xk = "snackbars", Jk = "snackbars-enter-active", e1 = "snackbars-leave-active", t1 = "snackbars-move", n1 = "snackbars-enter-from", a1 = "snackbars-leave-to", i1 = `snackbar ${Dt}`, s1 = `snackbar-gray snackbar ${Dt}`, o1 = `snackbar-primary snackbar ${Dt}`, l1 = `snackbar-danger snackbar ${Dt}`, r1 = `snackbar-
|
|
10131
|
+
}), { basePane: Dt } = dt, Ok = "action", zk = "progress-bar", Hk = "progress-bar-track", Nk = "snackbar-content", Gk = "icon", _k = "spinner", Uk = "snackbar-body", Wk = "snackbar-message", jk = "snackbar-sub-message", qk = "snackbar-title", Kk = "snackbar-action", Yk = "snackbar-actions", Zk = "spinner-effect", Qk = "spinner-value", Xk = "snackbars", Jk = "snackbars-enter-active", e1 = "snackbars-leave-active", t1 = "snackbars-move", n1 = "snackbars-enter-from", a1 = "snackbars-leave-to", i1 = `snackbar ${Dt}`, s1 = `snackbar-gray snackbar ${Dt}`, o1 = `snackbar-primary snackbar ${Dt}`, l1 = `snackbar-danger snackbar ${Dt}`, r1 = `snackbar-info snackbar ${Dt}`, u1 = `snackbar-success snackbar ${Dt}`, c1 = `snackbar-warning snackbar ${Dt}`, ke = { action: Ok, progressBar: zk, progressBarTrack: Hk, snackbarContent: Nk, icon: Gk, spinner: _k, snackbarBody: Uk, snackbarMessage: Wk, snackbarSubMessage: jk, snackbarTitle: qk, snackbarAction: Kk, snackbarActions: Yk, spinnerEffect: Zk, spinnerValue: Qk, snackbars: Xk, snackbarsEnterActive: Jk, snackbarsLeaveActive: e1, snackbarsMove: t1, snackbarsEnterFrom: n1, snackbarsLeaveTo: a1, snackbar: i1, snackbarGray: s1, snackbarPrimary: o1, snackbarDanger: l1, snackbarInfo: r1, snackbarSuccess: u1, snackbarWarning: c1 }, d1 = ["onClick"], m1 = /* @__PURE__ */ k({
|
|
10132
10132
|
__name: "FluxSnackbar",
|
|
10133
10133
|
props: {
|
|
10134
10134
|
actions: {},
|
|
@@ -10609,7 +10609,7 @@ const $1 = "root", F1 = "is-locked", ea = { root: $1, isLocked: F1 }, C1 = ["ine
|
|
|
10609
10609
|
_: 1
|
|
10610
10610
|
}, 8, ["class"]));
|
|
10611
10611
|
}
|
|
10612
|
-
}), j1 = "sparkles-container", q1 = "sparkles-particles", K1 = "sparkles-container-active", Y1 = "heart", Z1 = "bubble", Q1 = "sparkles", X1 = { sparklesContainer: j1, sparklesParticles: q1, sparklesContainerActive: K1, heart: Y1, bubble: Z1, sparkles: Q1 }, {
|
|
10612
|
+
}), j1 = "sparkles-container", q1 = "sparkles-particles", K1 = "sparkles-container-active", Y1 = "heart", Z1 = "bubble", Q1 = "sparkles", X1 = { sparklesContainer: j1, sparklesParticles: q1, sparklesContainerActive: K1, heart: Y1, bubble: Z1, sparkles: Q1 }, { sparklesContainer: Nn, sparklesContainerActive: J1, sparklesParticles: eA } = X1, tA = "stepper-step", nA = "stepper-steps", aA = "icon", iA = `stepper-steps-item ${Nn}`, sA = `stepper-steps-item-complete ${J1} stepper-steps-item ${Nn}`, oA = `stepper-steps-item-current stepper-steps-item ${Nn}`, lA = `stepper-steps-item-idle stepper-steps-item ${Nn}`, rA = `stepper-steps-item-particles ${eA}`, vt = { stepperStep: tA, stepperSteps: nA, icon: aA, stepperStepsItem: iA, stepperStepsItemComplete: sA, stepperStepsItemCurrent: oA, stepperStepsItemIdle: lA, stepperStepsItemParticles: rA }, uA = ["onClick"], cA = { key: 1 }, dA = /* @__PURE__ */ k({
|
|
10613
10613
|
__name: "FluxStepperSteps",
|
|
10614
10614
|
props: {
|
|
10615
10615
|
amount: {},
|
|
@@ -11189,7 +11189,7 @@ const $1 = "root", F1 = "is-locked", ea = { root: $1, isLocked: F1 }, C1 = ["ine
|
|
|
11189
11189
|
}, null, 42, YA)
|
|
11190
11190
|
], 10, KA));
|
|
11191
11191
|
}
|
|
11192
|
-
}), { basePane: ps } = dt, ZA = "toolbar", QA = "separator-vertical", XA = "is-free", JA = "is-top-end", e$ = "is-top-start", t$ = "is-bottom-end", n$ = "is-bottom-start", a$ = "base-pane-structure", i$ = "pane-header", s$ = `toolbar-
|
|
11192
|
+
}), { basePane: ps } = dt, ZA = "toolbar", QA = "separator-vertical", XA = "is-free", JA = "is-top-end", e$ = "is-top-start", t$ = "is-bottom-end", n$ = "is-bottom-start", a$ = "base-pane-structure", i$ = "pane-header", s$ = `toolbar-flat ${ps} toolbar`, o$ = `toolbar-floating ${ps} toolbar`, gt = { toolbar: ZA, separatorVertical: QA, isFree: XA, isTopEnd: JA, isTopStart: e$, isBottomEnd: t$, isBottomStart: n$, basePaneStructure: a$, paneHeader: i$, toolbarFlat: s$, toolbarFloating: o$ }, GF = /* @__PURE__ */ k({
|
|
11193
11193
|
__name: "FluxToolbar",
|
|
11194
11194
|
props: {
|
|
11195
11195
|
floatingMode: {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flux-ui/components",
|
|
3
3
|
"description": "A set of opiniated UI components.",
|
|
4
|
-
"version": "3.0.0-next.
|
|
4
|
+
"version": "3.0.0-next.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"funding": "https://github.com/sponsors/basmilius",
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
"typings": "./dist/index.d.ts",
|
|
53
53
|
"sideEffects": false,
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@basmilius/utils": "^1.
|
|
56
|
-
"@flux-ui/internals": "3.0.0-next.
|
|
57
|
-
"@flux-ui/types": "3.0.0-next.
|
|
55
|
+
"@basmilius/utils": "^1.14.0",
|
|
56
|
+
"@flux-ui/internals": "3.0.0-next.5",
|
|
57
|
+
"@flux-ui/types": "3.0.0-next.5",
|
|
58
58
|
"@fortawesome/fontawesome-common-types": "^6.7.2",
|
|
59
59
|
"clsx": "^2.1.1",
|
|
60
60
|
"imask": "^7.6.1",
|