@flux-ui/components 3.0.0-next.3 → 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 +9 -9
- 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
|
|
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 { button: rn,
|
|
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 { button: rn, buttonLabel: un, buttonIcon: 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 ${dn}`, Sc = `pane-default pane ${dn}`, Bc = `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 { button: rn, buttonLabel: un, buttonIcon: 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" },
|
|
@@ -9186,7 +9186,7 @@ const fg = {
|
|
|
9186
9186
|
_: 3
|
|
9187
9187
|
}));
|
|
9188
9188
|
}
|
|
9189
|
-
}), { baseAutoGrid: dy } = ts, my = "aspect-ratio", py = "container", fy = "spacer", hy = "stack", gy = "is-centered", by = "is-fill", vy = "is-wrapping", yy = "stack-horizontal stack", ky = "stack-vertical stack", Ay = `auto-grid ${dy}`, $y = { aspectRatio: my, container: py, spacer: fy, stack: hy, isCentered: gy, isFill: by, isWrapping: vy, stackHorizontal: yy, stackVertical: ky, autoGrid: Ay }, {
|
|
9189
|
+
}), { baseAutoGrid: dy } = ts, my = "aspect-ratio", py = "container", fy = "spacer", hy = "stack", gy = "is-centered", by = "is-fill", vy = "is-wrapping", yy = "stack-horizontal stack", ky = "stack-vertical stack", Ay = `auto-grid ${dy}`, $y = { aspectRatio: my, container: py, spacer: fy, stack: hy, isCentered: gy, isFill: by, isWrapping: vy, stackHorizontal: yy, stackVertical: ky, autoGrid: Ay }, { stackHorizontal: Fy, stackVertical: Cy } = $y, wy = "legend-item", Sy = `legend-horizontal ${Fy}`, By = `legend-vertical ${Cy}`, Xn = { legendItem: wy, legendHorizontal: Sy, legendVertical: By }, Ey = /* @__PURE__ */ k({
|
|
9190
9190
|
__name: "FluxLegend",
|
|
9191
9191
|
props: {
|
|
9192
9192
|
direction: { default: "horizontal" },
|
|
@@ -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
|
|
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-
|
|
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: {},
|
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": "0.0.
|
|
57
|
-
"@flux-ui/types": "0.0.
|
|
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",
|