@flux-ui/components 3.0.0-next.15 → 3.0.0-next.16
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FluxMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxMenuItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FluxMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxMenuItem.vue"],"names":[],"mappings":"AAuFI,OAAO,KAAK,EAAmB,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASrF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;;;;;;;;;;AAkKN,wBAQG"}
|
package/dist/index.js
CHANGED
|
@@ -2980,7 +2980,7 @@ const hr = "base-pane", gr = "base-pane-loader", vr = "base-pane-structure base-
|
|
|
2980
2980
|
_: 3
|
|
2981
2981
|
}, 8, ["component-type", "class", "type", "aria-disabled", "disabled", "tabindex", "href", "rel", "target", "to"]));
|
|
2982
2982
|
}
|
|
2983
|
-
}), {
|
|
2983
|
+
}), { buttonIcon: Kr, button: Yr, buttonLabel: Qr } = rt, Zr = `action ${Yr}`, Xr = "spinner", Jr = `action-icon ${Kr}`, eu = "is-destructive", tu = `action-label ${Qr}`, nu = "action-bar", au = "separator", iu = "form-input", su = "base-pane-structure", ou = "pane-header", lu = "action-pane", ru = "action-pane-grid", uu = "action-pane-body", cu = "pane-body", tt = { action: Zr, spinner: Xr, actionIcon: Jr, isDestructive: eu, actionLabel: tu, actionBar: nu, separator: au, formInput: iu, basePaneStructure: su, paneHeader: ou, actionPane: lu, actionPaneGrid: ru, actionPaneBody: uu, paneBody: cu }, du = /* @__PURE__ */ y({
|
|
2984
2984
|
__name: "FluxAction",
|
|
2985
2985
|
props: {
|
|
2986
2986
|
type: {},
|
|
@@ -3068,7 +3068,7 @@ const mu = (n, e) => {
|
|
|
3068
3068
|
function pu(n) {
|
|
3069
3069
|
return !!n && "$t" in n;
|
|
3070
3070
|
}
|
|
3071
|
-
const {
|
|
3071
|
+
const { button: an, buttonLabel: sn, buttonIcon: on } = rt, fu = `primary-button ${an}`, hu = "spinner", gu = `primary-button-icon ${on}`, vu = `primary-button-label ${sn}`, bu = `secondary-button ${an}`, yu = `secondary-button-icon ${on}`, ku = `secondary-button-label ${sn}`, Au = `destructive-button ${an}`, Fu = `destructive-button-icon ${on}`, $u = `destructive-button-label ${sn}`, Cu = `link-button ${an}`, wu = `link-button-icon ${on}`, Bu = "icon", Su = `link-button-label ${sn}`, Eu = `publish-button primary-button ${an}`, Iu = `publish-button-icon primary-button-icon ${on}`, Tu = `publish-button-label primary-button-label ${sn}`, Lu = "publish-button-animation", Du = "is-done", Mu = "publish-button-animation-arrow", Pu = "publish-arrow-out", Vu = "publish-button-animation-check", xu = "publish-button-animation-circle", Ou = "is-idle", Ru = "is-loading", zu = "publish-arrow-in", Hu = "publish-button-cloud", Nu = "publish", Gu = "button-group", Uu = "button", se = { primaryButton: fu, spinner: hu, primaryButtonIcon: gu, primaryButtonLabel: vu, secondaryButton: bu, secondaryButtonIcon: yu, secondaryButtonLabel: ku, destructiveButton: Au, destructiveButtonIcon: Fu, destructiveButtonLabel: $u, linkButton: Cu, linkButtonIcon: wu, icon: Bu, linkButtonLabel: Su, publishButton: Eu, publishButtonIcon: Iu, publishButtonLabel: Tu, publishButtonAnimation: Lu, isDone: Du, publishButtonAnimationArrow: Mu, publishArrowOut: Pu, publishButtonAnimationCheck: Vu, publishButtonAnimationCircle: xu, isIdle: Ou, isLoading: Ru, publishArrowIn: zu, publishButtonCloud: Hu, publish: Nu, buttonGroup: Gu, button: Uu }, ma = /* @__PURE__ */ y({
|
|
3072
3072
|
__name: "FluxButtonGroup",
|
|
3073
3073
|
setup(n) {
|
|
3074
3074
|
return (e, a) => (c(), p("div", {
|
|
@@ -4133,7 +4133,7 @@ const { buttonIcon: an, button: sn, buttonLabel: on } = rt, fu = `primary-button
|
|
|
4133
4133
|
w(u.$slots, "default")
|
|
4134
4134
|
], 4));
|
|
4135
4135
|
}
|
|
4136
|
-
}), {
|
|
4136
|
+
}), { buttonLabel: lp, buttonIcon: qi, button: rp } = rt, up = "menu", cp = "menu-normal menu", dp = "menu-large menu", mp = "menu-group", pp = "menu-group-horizontal menu-group", fp = "menu-group-vertical menu-group", hp = `menu-item ${rp}`, gp = `menu-item-icon ${qi}`, vp = `menu-item-label ${lp}`, bp = "menu-item-active", yp = "menu-item-destructive", kp = "menu-item-highlighted", Ap = "menu-item-indented", Fp = `menu-item-selectable-icon ${qi}`, $p = "menu-item-selected", Cp = "menu-item-command", wp = "menu-item-command-icon", Bp = "icon", Sp = "menu-item-image", Ep = "menu-title", Ip = "menu-sub-header", Tp = "menu-sub-header-icon", Lp = "menu-sub-header-label", Dp = "base-pane", Mp = "divider", Pp = "separator", Vp = "expandable-body", fe = { menu: up, menuNormal: cp, menuLarge: dp, menuGroup: mp, menuGroupHorizontal: pp, menuGroupVertical: fp, menuItem: hp, menuItemIcon: gp, menuItemLabel: vp, menuItemActive: bp, menuItemDestructive: yp, menuItemHighlighted: kp, menuItemIndented: Ap, menuItemSelectableIcon: Fp, menuItemSelected: $p, menuItemCommand: Cp, menuItemCommandIcon: wp, icon: Bp, menuItemImage: Sp, menuTitle: Ep, menuSubHeader: Ip, menuSubHeaderIcon: Tp, menuSubHeaderLabel: Lp, basePane: Dp, divider: Mp, separator: Pp, expandableBody: Vp }, xp = ["src"], We = /* @__PURE__ */ y({
|
|
4137
4137
|
__name: "FluxMenuItem",
|
|
4138
4138
|
props: {
|
|
4139
4139
|
type: { default: "button" },
|
|
@@ -4174,6 +4174,7 @@ const { buttonIcon: an, button: sn, buttonLabel: on } = rt, fu = `primary-button
|
|
|
4174
4174
|
[t(fe).menuItemSelected]: e.isSelectable && e.isSelected
|
|
4175
4175
|
},
|
|
4176
4176
|
"aria-checked": e.isSelectable ? e.isSelected : void 0,
|
|
4177
|
+
tabindex: e.tabindex,
|
|
4177
4178
|
onClick: a[0] || (a[0] = (i) => e.$emit("click", i))
|
|
4178
4179
|
}), ct({ _: 2 }, [
|
|
4179
4180
|
e.isSelectable && (!e.iconLeading || e.isSelected) ? {
|
|
@@ -4217,7 +4218,7 @@ const { buttonIcon: an, button: sn, buttonLabel: on } = rt, fu = `primary-button
|
|
|
4217
4218
|
]),
|
|
4218
4219
|
key: "2"
|
|
4219
4220
|
} : void 0
|
|
4220
|
-
]), 1040, ["css-class", "css-class-icon", "css-class-label", "role", "class", "aria-checked"]));
|
|
4221
|
+
]), 1040, ["css-class", "css-class-icon", "css-class-label", "role", "class", "aria-checked", "tabindex"]));
|
|
4221
4222
|
}
|
|
4222
4223
|
}), { basePane: Op } = mt, Rp = "form-input-group form-input-enabled form-input", zp = "button-group", Hp = "button", Np = "form-input", Gp = "form-select form-input", Up = "form-structure-element", Wp = "form form-structure-element", _p = "pane", jp = "form-column form-structure-element", qp = "form-section form-structure-element", Kp = "form-row", Yp = "form-section-title", Qp = "form-field", Zp = "form-field-header", Xp = "form-field-label", Jp = "form-field-optional", ef = "form-field-value", tf = "form-field-counter", nf = "form-field-addition", af = "form-field-addition-icon", sf = "form-field-addition-error form-field-addition", of = "form-field-addition-hint form-field-addition", lf = "is-secondary", rf = "form-input-disabled form-input", uf = "form-input-enabled form-input", cf = "form-input-icon", df = "form-input-icon-trailing form-input-icon", mf = "form-input-icon-leading form-input-icon", pf = "form-input-icon-password-toggle form-input-icon-trailing form-input-icon", ff = "form-input-native", hf = "form-input-native-has-icon-leading", gf = "form-input-native-has-icon-trailing", vf = "form-input-addition form-input", bf = "secondary-button", yf = "form-date-input", kf = "form-date-range-input form-input", Af = "form-date-time-input", Ff = "input-group", $f = "form-time-input form-date-input", Cf = "is-disabled", wf = "is-focused", Bf = "badge", Sf = "form-select-icon", Ef = "form-select-input", If = "form-select-placeholder", Tf = `form-select-popup ${Op}`, Lf = "menu-item", Df = "is-keyboard-action", Mf = "is-searchable", Pf = "menu-sub-header", Vf = "form-select-selected", xf = "button-label", Of = "form-text-area", Rf = "form-text-area-disabled form-input-disabled form-input form-text-area", zf = "form-text-area-enabled form-input-enabled form-input form-text-area", Hf = "checkbox", Nf = "checkbox-element", Gf = "checkbox-native", Uf = "icon", Wf = "checkbox-label", _f = "quantity-selector", jf = "quantity-selector-button", qf = "quantity-selector-input form-input", Kf = "pin-input", Yf = "pin-input-field", Qf = "pin-input-enabled pin-input", Zf = "pin-input-disabled pin-input", Xf = "toggle", Jf = "is-checked", eh = "toggle-input", th = "is-switch", nh = "toggle-icon", ah = "toggle-icon-on toggle-icon", ih = "toggle-icon-off toggle-icon", O = { formInputGroup: Rp, buttonGroup: zp, button: Hp, formInput: Np, formSelect: Gp, formStructureElement: Up, form: Wp, pane: _p, formColumn: jp, formSection: qp, formRow: Kp, formSectionTitle: Yp, formField: Qp, formFieldHeader: Zp, formFieldLabel: Xp, formFieldOptional: Jp, formFieldValue: ef, formFieldCounter: tf, formFieldAddition: nf, formFieldAdditionIcon: af, formFieldAdditionError: sf, formFieldAdditionHint: of, isSecondary: lf, formInputDisabled: rf, formInputEnabled: uf, formInputIcon: cf, formInputIconTrailing: df, formInputIconLeading: mf, formInputIconPasswordToggle: pf, formInputNative: ff, formInputNativeHasIconLeading: hf, formInputNativeHasIconTrailing: gf, formInputAddition: vf, secondaryButton: bf, formDateInput: yf, formDateRangeInput: kf, formDateTimeInput: Af, inputGroup: Ff, formTimeInput: $f, isDisabled: Cf, isFocused: wf, badge: Bf, formSelectIcon: Sf, formSelectInput: Ef, formSelectPlaceholder: If, formSelectPopup: Tf, menuItem: Lf, isKeyboardAction: Df, isSearchable: Mf, menuSubHeader: Pf, formSelectSelected: Vf, buttonLabel: xf, formTextArea: Of, formTextAreaDisabled: Rf, formTextAreaEnabled: zf, checkbox: Hf, checkboxElement: Nf, checkboxNative: Gf, icon: Uf, checkboxLabel: Wf, quantitySelector: _f, quantitySelectorButton: jf, quantitySelectorInput: qf, pinInput: Kf, pinInputField: Yf, pinInputEnabled: Qf, pinInputDisabled: Zf, toggle: Xf, isChecked: Jf, toggleInput: eh, isSwitch: th, toggleIcon: nh, toggleIconOn: ah, toggleIconOff: ih }, sh = ["aria-disabled"], oh = ["id", "autocomplete", "autofocus", "aria-disabled", "disabled", "max", "maxlength", "min", "placeholder", "readonly", "step", "type", "value"], we = /* @__PURE__ */ y({
|
|
4223
4224
|
__name: "FluxFormInput",
|
|
@@ -6288,7 +6289,7 @@ const ng = {
|
|
|
6288
6289
|
onSelect: u
|
|
6289
6290
|
}, null, 8, ["searchQuery", "disabled", "is-multiple", "is-searchable", "options", "placeholder", "selected"]));
|
|
6290
6291
|
}
|
|
6291
|
-
}), {
|
|
6292
|
+
}), { secondaryButton: Gv, secondaryButtonIcon: Uv, secondaryButtonLabel: Wv } = se, _v = "pagination", jv = `pagination-button ${Gv}`, qv = "secondary-button", Kv = "pagination-button-arrow", Yv = "pagination-button-current", Qv = "pagination-button-spacer", Zv = `pagination-button-icon ${Uv}`, Xv = `pagination-button-label ${Wv}`, Jv = "pagination-bar", eb = "pagination-bar-limit", tb = "pagination-bar-limit-displaying-of", nb = "pagination-bar-limit-select", ab = "menu-item", ib = "menu-item-label", Re = { pagination: _v, paginationButton: jv, secondaryButton: qv, paginationButtonArrow: Kv, paginationButtonCurrent: Yv, paginationButtonSpacer: Qv, paginationButtonIcon: Zv, paginationButtonLabel: Xv, paginationBar: Jv, paginationBarLimit: eb, paginationBarLimitDisplayingOf: tb, paginationBarLimitSelect: nb, menuItem: ab, menuItemLabel: ib }, Ot = /* @__PURE__ */ y({
|
|
6292
6293
|
__name: "FluxPaginationButton",
|
|
6293
6294
|
props: {
|
|
6294
6295
|
type: {},
|
|
@@ -6476,7 +6477,7 @@ const ng = {
|
|
|
6476
6477
|
], 2)
|
|
6477
6478
|
], 2));
|
|
6478
6479
|
}
|
|
6479
|
-
}), {
|
|
6480
|
+
}), { basePaneLoader: rb, basePaneElement: ub } = mt, cb = `table ${ub}`, db = "table-base", mb = "table-fill", pb = "table-pagination", fb = `table-loader ${rb}`, hb = "table-row", gb = "table-cell", vb = "table-cell-content", bb = "table-header table-cell", yb = "is-shrinking", kb = "is-sticky", Ab = "table-header-content table-cell-content", Fb = "is-striped", $b = "is-hoverable", Cb = "is-bordered", wb = "is-separated", Bb = "table-actions", Sb = "table-sort", Eb = "base-pane-structure", Ae = { table: cb, tableBase: db, tableFill: mb, tablePagination: pb, tableLoader: fb, tableRow: hb, tableCell: gb, tableCellContent: vb, tableHeader: bb, isShrinking: yb, isSticky: kb, tableHeaderContent: Ab, isStriped: Fb, isHoverable: $b, isBordered: Cb, isSeparated: wb, tableActions: Bb, tableSort: Sb, basePaneStructure: Eb }, Ib = /* @__PURE__ */ y({
|
|
6480
6481
|
__name: "FluxTableCell",
|
|
6481
6482
|
props: {
|
|
6482
6483
|
contentDirection: { default: "row" }
|
|
@@ -9367,7 +9368,7 @@ const ng = {
|
|
|
9367
9368
|
_: 3
|
|
9368
9369
|
}));
|
|
9369
9370
|
}
|
|
9370
|
-
}), {
|
|
9371
|
+
}), { stackVertical: cy, stackHorizontal: dy } = Ke, my = `legend-horizontal ${dy}`, py = `legend-vertical ${cy}`, fy = "legend-item", Wn = { legendHorizontal: my, legendVertical: py, legendItem: fy }, hy = /* @__PURE__ */ y({
|
|
9371
9372
|
__name: "FluxLegend",
|
|
9372
9373
|
props: {
|
|
9373
9374
|
direction: { default: "horizontal" },
|