xmlui 0.5.2-beta.4 → 0.6.1-beta.6
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/{apiInterceptorWorker-0fG_4UGR.mjs → apiInterceptorWorker-D33yyYxB.mjs} +1 -1
- package/dist/{index-DA1g4kmb.mjs → index-Yvm7XQQP.mjs} +10009 -9412
- package/dist/index.css +1 -1
- package/dist/scripts/bin/vite-ueml-plugin.js +5 -2
- package/dist/scripts/src/abstractions/scripting/Token.js +41 -39
- package/dist/scripts/src/components-core/theming/themes/base-utils.js +31 -0
- package/dist/scripts/src/components-core/xmlui-parser.js +108 -10
- package/dist/scripts/src/parsers/scripting/Lexer.js +134 -58
- package/dist/scripts/src/parsers/scripting/Parser.js +77 -10
- package/dist/scripts/src/parsers/scripting/ParserError.js +1 -0
- package/dist/scripts/src/parsers/scripting/TokenTrait.js +2 -0
- package/dist/scripts/src/parsers/xmlui-parser/parser.js +64 -35
- package/dist/scripts/src/parsers/xmlui-parser/syntax-kind.js +40 -32
- package/dist/scripts/src/parsers/xmlui-parser/transform.js +16 -5
- package/dist/scripts/src/parsers/xmlui-parser/utils.js +11 -7
- package/dist/style.css +1 -1
- package/dist/xmlui-metadata.mjs +1079 -1039
- package/dist/xmlui-metadata.umd.js +1 -1
- package/dist/xmlui-standalone.umd.js +151 -154
- package/dist/xmlui.mjs +13 -14
- package/dist/xmlui.umd.js +88 -91
- package/package.json +1 -1
package/dist/xmlui-metadata.mjs
CHANGED
|
@@ -1,93 +1,110 @@
|
|
|
1
|
-
import { createContext as
|
|
2
|
-
const _o = `'{"width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "padding-vertical-xs-Button": "var(--xmlui-padding-vertical-xs-Button)", "padding-horizontal-xs-Button": "var(--xmlui-padding-horizontal-xs-Button)", "padding-vertical-sm-Button": "var(--xmlui-padding-vertical-sm-Button)", "padding-horizontal-sm-Button": "var(--xmlui-padding-horizontal-sm-Button)", "padding-vertical-md-Button": "var(--xmlui-padding-vertical-md-Button)", "padding-horizontal-md-Button": "var(--xmlui-padding-horizontal-md-Button)", "padding-vertical-lg-Button": "var(--xmlui-padding-vertical-lg-Button)", "padding-horizontal-lg-Button": "var(--xmlui-padding-horizontal-lg-Button)", "font-size-Button-primary-solid": "var(--xmlui-font-size-Button-primary-solid)", "font-weight-Button-primary-solid": "var(--xmlui-font-weight-Button-primary-solid)", "radius-Button-primary-solid": "var(--xmlui-radius-Button-primary-solid)", "thickness-border-Button-primary-solid": "var(--xmlui-thickness-border-Button-primary-solid)", "color-border-Button-primary-solid": "var(--xmlui-color-border-Button-primary-solid)", "style-border-Button-primary-solid": "var(--xmlui-style-border-Button-primary-solid)", "color-bg-Button-primary-solid": "var(--xmlui-color-bg-Button-primary-solid)", "color-text-Button-primary-solid": "var(--xmlui-color-text-Button-primary-solid)", "shadow-Button-primary-solid": "var(--xmlui-shadow-Button-primary-solid)", "thickness-outline-Button-primary-solid--focus": "var(--xmlui-thickness-outline-Button-primary-solid--focus)", "color-outline-Button-primary-solid--focus": "var(--xmlui-color-outline-Button-primary-solid--focus)", "style-outline-Button-primary-solid--focus": "var(--xmlui-style-outline-Button-primary-solid--focus)", "offset-outline-Button-primary-solid--focus": "var(--xmlui-offset-outline-Button-primary-solid--focus)", "color-border-Button-primary-solid--hover": "var(--xmlui-color-border-Button-primary-solid--hover)", "color-bg-Button-primary-solid--hover": "var(--xmlui-color-bg-Button-primary-solid--hover)", "color-text-Button-primary-solid--hover": "var(--xmlui-color-text-Button-primary-solid--hover)", "color-border-Button-primary-solid--active": "var(--xmlui-color-border-Button-primary-solid--active)", "color-bg-Button-primary-solid--active": "var(--xmlui-color-bg-Button-primary-solid--active)", "color-text-Button-primary-solid--active": "var(--xmlui-color-text-Button-primary-solid--active)", "color-bg-Button--disabled": "var(--xmlui-color-bg-Button--disabled)", "color-text-Button--disabled": "var(--xmlui-color-text-Button--disabled)", "color-border-Button--disabled": "var(--xmlui-color-border-Button--disabled)", "font-size-Button-secondary-solid": "var(--xmlui-font-size-Button-secondary-solid)", "font-weight-Button-secondary-solid": "var(--xmlui-font-weight-Button-secondary-solid)", "radius-Button-secondary-solid": "var(--xmlui-radius-Button-secondary-solid)", "thickness-border-Button-secondary-solid": "var(--xmlui-thickness-border-Button-secondary-solid)", "color-border-Button-secondary-solid": "var(--xmlui-color-border-Button-secondary-solid)", "style-border-Button-secondary-solid": "var(--xmlui-style-border-Button-secondary-solid)", "color-bg-Button-secondary-solid": "var(--xmlui-color-bg-Button-secondary-solid)", "color-text-Button-secondary-solid": "var(--xmlui-color-text-Button-secondary-solid)", "shadow-Button-secondary-solid": "var(--xmlui-shadow-Button-secondary-solid)", "thickness-outline-Button-secondary-solid--focus": "var(--xmlui-thickness-outline-Button-secondary-solid--focus)", "color-outline-Button-secondary-solid--focus": "var(--xmlui-color-outline-Button-secondary-solid--focus)", "style-outline-Button-secondary-solid--focus": "var(--xmlui-style-outline-Button-secondary-solid--focus)", "offset-outline-Button-secondary-solid--focus": "var(--xmlui-offset-outline-Button-secondary-solid--focus)", "color-border-Button-secondary-solid--hover": "var(--xmlui-color-border-Button-secondary-solid--hover)", "color-bg-Button-secondary-solid--hover": "var(--xmlui-color-bg-Button-secondary-solid--hover)", "color-text-Button-secondary-solid--hover": "var(--xmlui-color-text-Button-secondary-solid--hover)", "color-border-Button-secondary-solid--active": "var(--xmlui-color-border-Button-secondary-solid--active)", "color-bg-Button-secondary-solid--active": "var(--xmlui-color-bg-Button-secondary-solid--active)", "color-text-Button-secondary-solid--active": "var(--xmlui-color-text-Button-secondary-solid--active)", "font-size-Button-attention-solid": "var(--xmlui-font-size-Button-attention-solid)", "font-weight-Button-attention-solid": "var(--xmlui-font-weight-Button-attention-solid)", "radius-Button-attention-solid": "var(--xmlui-radius-Button-attention-solid)", "thickness-border-Button-attention-solid": "var(--xmlui-thickness-border-Button-attention-solid)", "color-border-Button-attention-solid": "var(--xmlui-color-border-Button-attention-solid)", "style-border-Button-attention-solid": "var(--xmlui-style-border-Button-attention-solid)", "color-bg-Button-attention-solid": "var(--xmlui-color-bg-Button-attention-solid)", "color-text-Button-attention-solid": "var(--xmlui-color-text-Button-attention-solid)", "shadow-Button-attention-solid": "var(--xmlui-shadow-Button-attention-solid)", "thickness-outline-Button-attention-solid--focus": "var(--xmlui-thickness-outline-Button-attention-solid--focus)", "color-outline-Button-attention-solid--focus": "var(--xmlui-color-outline-Button-attention-solid--focus)", "style-outline-Button-attention-solid--focus": "var(--xmlui-style-outline-Button-attention-solid--focus)", "offset-outline-Button-attention-solid--focus": "var(--xmlui-offset-outline-Button-attention-solid--focus)", "color-border-Button-attention-solid--hover": "var(--xmlui-color-border-Button-attention-solid--hover)", "color-bg-Button-attention-solid--hover": "var(--xmlui-color-bg-Button-attention-solid--hover)", "color-text-Button-attention-solid--hover": "var(--xmlui-color-text-Button-attention-solid--hover)", "color-border-Button-attention-solid--active": "var(--xmlui-color-border-Button-attention-solid--active)", "color-bg-Button-attention-solid--active": "var(--xmlui-color-bg-Button-attention-solid--active)", "color-text-Button-attention-solid--active": "var(--xmlui-color-text-Button-attention-solid--active)", "font-size-Button-primary-outlined": "var(--xmlui-font-size-Button-primary-outlined)", "font-weight-Button-primary-outlined": "var(--xmlui-font-weight-Button-primary-outlined)", "radius-Button-primary-outlined": "var(--xmlui-radius-Button-primary-outlined)", "thickness-border-Button-primary-outlined": "var(--xmlui-thickness-border-Button-primary-outlined)", "color-border-Button-primary-outlined": "var(--xmlui-color-border-Button-primary-outlined)", "style-border-Button-primary-outlined": "var(--xmlui-style-border-Button-primary-outlined)", "color-text-Button-primary-outlined": "var(--xmlui-color-text-Button-primary-outlined)", "shadow-Button-primary-outlined": "var(--xmlui-shadow-Button-primary-outlined)", "thickness-outline-Button-primary-outlined--focus": "var(--xmlui-thickness-outline-Button-primary-outlined--focus)", "color-outline-Button-primary-outlined--focus": "var(--xmlui-color-outline-Button-primary-outlined--focus)", "style-outline-Button-primary-outlined--focus": "var(--xmlui-style-outline-Button-primary-outlined--focus)", "offset-outline-Button-primary-outlined--focus": "var(--xmlui-offset-outline-Button-primary-outlined--focus)", "color-border-Button-primary-outlined--hover": "var(--xmlui-color-border-Button-primary-outlined--hover)", "color-bg-Button-primary-outlined--hover": "var(--xmlui-color-bg-Button-primary-outlined--hover)", "color-text-Button-primary-outlined--hover": "var(--xmlui-color-text-Button-primary-outlined--hover)", "color-border-Button-primary-outlined--active": "var(--xmlui-color-border-Button-primary-outlined--active)", "color-bg-Button-primary-outlined--active": "var(--xmlui-color-bg-Button-primary-outlined--active)", "color-text-Button-primary-outlined--active": "var(--xmlui-color-text-Button-primary-outlined--active)", "font-size-Button-secondary-outlined": "var(--xmlui-font-size-Button-secondary-outlined)", "font-weight-Button-secondary-outlined": "var(--xmlui-font-weight-Button-secondary-outlined)", "radius-Button-secondary-outlined": "var(--xmlui-radius-Button-secondary-outlined)", "thickness-border-Button-secondary-outlined": "var(--xmlui-thickness-border-Button-secondary-outlined)", "color-border-Button-secondary-outlined": "var(--xmlui-color-border-Button-secondary-outlined)", "style-border-Button-secondary-outlined": "var(--xmlui-style-border-Button-secondary-outlined)", "color-text-Button-secondary-outlined": "var(--xmlui-color-text-Button-secondary-outlined)", "shadow-Button-secondary-outlined": "var(--xmlui-shadow-Button-secondary-outlined)", "thickness-outline-Button-secondary-outlined--focus": "var(--xmlui-thickness-outline-Button-secondary-outlined--focus)", "color-outline-Button-secondary-outlined--focus": "var(--xmlui-color-outline-Button-secondary-outlined--focus)", "style-outline-Button-secondary-outlined--focus": "var(--xmlui-style-outline-Button-secondary-outlined--focus)", "offset-outline-Button-secondary-outlined--focus": "var(--xmlui-offset-outline-Button-secondary-outlined--focus)", "color-border-Button-secondary-outlined--hover": "var(--xmlui-color-border-Button-secondary-outlined--hover)", "color-bg-Button-secondary-outlined--hover": "var(--xmlui-color-bg-Button-secondary-outlined--hover)", "color-text-Button-secondary-outlined--hover": "var(--xmlui-color-text-Button-secondary-outlined--hover)", "color-border-Button-secondary-outlined--active": "var(--xmlui-color-border-Button-secondary-outlined--active)", "color-bg-Button-secondary-outlined--active": "var(--xmlui-color-bg-Button-secondary-outlined--active)", "color-text-Button-secondary-outlined--active": "var(--xmlui-color-text-Button-secondary-outlined--active)", "font-size-Button-attention-outlined": "var(--xmlui-font-size-Button-attention-outlined)", "font-weight-Button-attention-outlined": "var(--xmlui-font-weight-Button-attention-outlined)", "radius-Button-attention-outlined": "var(--xmlui-radius-Button-attention-outlined)", "thickness-border-Button-attention-outlined": "var(--xmlui-thickness-border-Button-attention-outlined)", "color-border-Button-attention-outlined": "var(--xmlui-color-border-Button-attention-outlined)", "style-border-Button-attention-outlined": "var(--xmlui-style-border-Button-attention-outlined)", "color-text-Button-attention-outlined": "var(--xmlui-color-text-Button-attention-outlined)", "shadow-Button-attention-outlined": "var(--xmlui-shadow-Button-attention-outlined)", "thickness-outline-Button-attention-outlined--focus": "var(--xmlui-thickness-outline-Button-attention-outlined--focus)", "color-outline-Button-attention-outlined--focus": "var(--xmlui-color-outline-Button-attention-outlined--focus)", "style-outline-Button-attention-outlined--focus": "var(--xmlui-style-outline-Button-attention-outlined--focus)", "offset-outline-Button-attention-outlined--focus": "var(--xmlui-offset-outline-Button-attention-outlined--focus)", "color-border-Button-attention-outlined--hover": "var(--xmlui-color-border-Button-attention-outlined--hover)", "color-bg-Button-attention-outlined--hover": "var(--xmlui-color-bg-Button-attention-outlined--hover)", "color-text-Button-attention-outlined--hover": "var(--xmlui-color-text-Button-attention-outlined--hover)", "color-border-Button-attention-outlined--active": "var(--xmlui-color-border-Button-attention-outlined--active)", "color-bg-Button-attention-outlined--active": "var(--xmlui-color-bg-Button-attention-outlined--active)", "color-text-Button-attention-outlined--active": "var(--xmlui-color-text-Button-attention-outlined--active)", "font-size-Button-primary-ghost": "var(--xmlui-font-size-Button-primary-ghost)", "font-weight-Button-primary-ghost": "var(--xmlui-font-weight-Button-primary-ghost)", "radius-Button-primary-ghost": "var(--xmlui-radius-Button-primary-ghost)", "thickness-border-Button-primary-ghost": "var(--xmlui-thickness-border-Button-primary-ghost)", "color-text-Button-primary-ghost": "var(--xmlui-color-text-Button-primary-ghost)", "thickness-outline-Button-primary-ghost--focus": "var(--xmlui-thickness-outline-Button-primary-ghost--focus)", "color-outline-Button-primary-ghost--focus": "var(--xmlui-color-outline-Button-primary-ghost--focus)", "style-outline-Button-primary-ghost--focus": "var(--xmlui-style-outline-Button-primary-ghost--focus)", "offset-outline-Button-primary-ghost--focus": "var(--xmlui-offset-outline-Button-primary-ghost--focus)", "color-bg-Button-primary-ghost--hover": "var(--xmlui-color-bg-Button-primary-ghost--hover)", "color-text-Button-primary-ghost--hover": "var(--xmlui-color-text-Button-primary-ghost--hover)", "color-bg-Button-primary-ghost--active": "var(--xmlui-color-bg-Button-primary-ghost--active)", "color-text-Button-primary-ghost--active": "var(--xmlui-color-text-Button-primary-ghost--active)", "font-size-Button-secondary-ghost": "var(--xmlui-font-size-Button-secondary-ghost)", "font-weight-Button-secondary-ghost": "var(--xmlui-font-weight-Button-secondary-ghost)", "radius-Button-secondary-ghost": "var(--xmlui-radius-Button-secondary-ghost)", "thickness-border-Button-secondary-ghost": "var(--xmlui-thickness-border-Button-secondary-ghost)", "color-text-Button-secondary-ghost": "var(--xmlui-color-text-Button-secondary-ghost)", "thickness-outline-Button-secondary-ghost--focus": "var(--xmlui-thickness-outline-Button-secondary-ghost--focus)", "color-outline-Button-secondary-ghost--focus": "var(--xmlui-color-outline-Button-secondary-ghost--focus)", "style-outline-Button-secondary-ghost--focus": "var(--xmlui-style-outline-Button-secondary-ghost--focus)", "offset-outline-Button-secondary-ghost--focus": "var(--xmlui-offset-outline-Button-secondary-ghost--focus)", "color-bg-Button-secondary-ghost--hover": "var(--xmlui-color-bg-Button-secondary-ghost--hover)", "color-text-Button-secondary-ghost--hover": "var(--xmlui-color-text-Button-secondary-ghost--hover)", "color-bg-Button-secondary-ghost--active": "var(--xmlui-color-bg-Button-secondary-ghost--active)", "color-text-Button-secondary-ghost--active": "var(--xmlui-color-text-Button-secondary-ghost--active)", "font-size-Button-attention-ghost": "var(--xmlui-font-size-Button-attention-ghost)", "font-weight-Button-attention-ghost": "var(--xmlui-font-weight-Button-attention-ghost)", "radius-Button-attention-ghost": "var(--xmlui-radius-Button-attention-ghost)", "thickness-border-Button-attention-ghost": "var(--xmlui-thickness-border-Button-attention-ghost)", "color-text-Button-attention-ghost": "var(--xmlui-color-text-Button-attention-ghost)", "thickness-outline-Button-attention-ghost--focus": "var(--xmlui-thickness-outline-Button-attention-ghost--focus)", "color-outline-Button-attention-ghost--focus": "var(--xmlui-color-outline-Button-attention-ghost--focus)", "style-outline-Button-attention-ghost--focus": "var(--xmlui-style-outline-Button-attention-ghost--focus)", "offset-outline-Button-attention-ghost--focus": "var(--xmlui-offset-outline-Button-attention-ghost--focus)", "color-bg-Button-attention-ghost--hover": "var(--xmlui-color-bg-Button-attention-ghost--hover)", "color-text-Button-attention-ghost--hover": "var(--xmlui-color-text-Button-attention-ghost--hover)", "color-bg-Button-attention-ghost--active": "var(--xmlui-color-bg-Button-attention-ghost--active)", "color-text-Button-attention-ghost--active": "var(--xmlui-color-text-Button-attention-ghost--active)"}'`, ko = "_button_13u9a_13", Io = "_alignStart_13u9a_28", Bo = "_alignEnd_13u9a_31", Co = "_buttonHorizontal_13u9a_37", zo = "_xs_13u9a_40", Mo = "_sm_13u9a_43", So = "_md_13u9a_46", Po = "_lg_13u9a_49", No = "_buttonVertical_13u9a_52", Ho = "_solidPrimary_13u9a_70", Vo = "_solidSecondary_13u9a_103", Oo = "_solidAttention_13u9a_136", Do = "_outlinedPrimary_13u9a_169", Lo = "_outlinedSecondary_13u9a_201", Ao = "_outlinedAttention_13u9a_233", Fo = "_ghostPrimary_13u9a_265", Ro = "_ghostSecondary_13u9a_293", qo = "_ghostAttention_13u9a_321", Eo = {
|
|
3
|
-
themeVars:
|
|
4
|
-
button:
|
|
5
|
-
alignStart:
|
|
6
|
-
alignEnd:
|
|
7
|
-
buttonHorizontal:
|
|
8
|
-
xs:
|
|
9
|
-
sm:
|
|
10
|
-
md:
|
|
11
|
-
lg:
|
|
12
|
-
buttonVertical:
|
|
13
|
-
solidPrimary:
|
|
14
|
-
solidSecondary:
|
|
15
|
-
solidAttention:
|
|
16
|
-
outlinedPrimary:
|
|
17
|
-
outlinedSecondary:
|
|
18
|
-
outlinedAttention:
|
|
19
|
-
ghostPrimary:
|
|
20
|
-
ghostSecondary:
|
|
21
|
-
ghostAttention:
|
|
1
|
+
import { createContext as $t } from "react";
|
|
2
|
+
const wt = `'{"width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "padding-vertical-xs-Button": "var(--xmlui-padding-vertical-xs-Button)", "padding-horizontal-xs-Button": "var(--xmlui-padding-horizontal-xs-Button)", "padding-vertical-sm-Button": "var(--xmlui-padding-vertical-sm-Button)", "padding-horizontal-sm-Button": "var(--xmlui-padding-horizontal-sm-Button)", "padding-vertical-md-Button": "var(--xmlui-padding-vertical-md-Button)", "padding-horizontal-md-Button": "var(--xmlui-padding-horizontal-md-Button)", "padding-vertical-lg-Button": "var(--xmlui-padding-vertical-lg-Button)", "padding-horizontal-lg-Button": "var(--xmlui-padding-horizontal-lg-Button)", "font-size-Button-primary-solid": "var(--xmlui-font-size-Button-primary-solid)", "font-weight-Button-primary-solid": "var(--xmlui-font-weight-Button-primary-solid)", "radius-Button-primary-solid": "var(--xmlui-radius-Button-primary-solid)", "thickness-border-Button-primary-solid": "var(--xmlui-thickness-border-Button-primary-solid)", "color-border-Button-primary-solid": "var(--xmlui-color-border-Button-primary-solid)", "style-border-Button-primary-solid": "var(--xmlui-style-border-Button-primary-solid)", "color-bg-Button-primary-solid": "var(--xmlui-color-bg-Button-primary-solid)", "color-text-Button-primary-solid": "var(--xmlui-color-text-Button-primary-solid)", "shadow-Button-primary-solid": "var(--xmlui-shadow-Button-primary-solid)", "thickness-outline-Button-primary-solid--focus": "var(--xmlui-thickness-outline-Button-primary-solid--focus)", "color-outline-Button-primary-solid--focus": "var(--xmlui-color-outline-Button-primary-solid--focus)", "style-outline-Button-primary-solid--focus": "var(--xmlui-style-outline-Button-primary-solid--focus)", "offset-outline-Button-primary-solid--focus": "var(--xmlui-offset-outline-Button-primary-solid--focus)", "color-border-Button-primary-solid--hover": "var(--xmlui-color-border-Button-primary-solid--hover)", "color-bg-Button-primary-solid--hover": "var(--xmlui-color-bg-Button-primary-solid--hover)", "color-text-Button-primary-solid--hover": "var(--xmlui-color-text-Button-primary-solid--hover)", "color-border-Button-primary-solid--active": "var(--xmlui-color-border-Button-primary-solid--active)", "color-bg-Button-primary-solid--active": "var(--xmlui-color-bg-Button-primary-solid--active)", "color-text-Button-primary-solid--active": "var(--xmlui-color-text-Button-primary-solid--active)", "color-bg-Button--disabled": "var(--xmlui-color-bg-Button--disabled)", "color-text-Button--disabled": "var(--xmlui-color-text-Button--disabled)", "color-border-Button--disabled": "var(--xmlui-color-border-Button--disabled)", "font-size-Button-secondary-solid": "var(--xmlui-font-size-Button-secondary-solid)", "font-weight-Button-secondary-solid": "var(--xmlui-font-weight-Button-secondary-solid)", "radius-Button-secondary-solid": "var(--xmlui-radius-Button-secondary-solid)", "thickness-border-Button-secondary-solid": "var(--xmlui-thickness-border-Button-secondary-solid)", "color-border-Button-secondary-solid": "var(--xmlui-color-border-Button-secondary-solid)", "style-border-Button-secondary-solid": "var(--xmlui-style-border-Button-secondary-solid)", "color-bg-Button-secondary-solid": "var(--xmlui-color-bg-Button-secondary-solid)", "color-text-Button-secondary-solid": "var(--xmlui-color-text-Button-secondary-solid)", "shadow-Button-secondary-solid": "var(--xmlui-shadow-Button-secondary-solid)", "thickness-outline-Button-secondary-solid--focus": "var(--xmlui-thickness-outline-Button-secondary-solid--focus)", "color-outline-Button-secondary-solid--focus": "var(--xmlui-color-outline-Button-secondary-solid--focus)", "style-outline-Button-secondary-solid--focus": "var(--xmlui-style-outline-Button-secondary-solid--focus)", "offset-outline-Button-secondary-solid--focus": "var(--xmlui-offset-outline-Button-secondary-solid--focus)", "color-border-Button-secondary-solid--hover": "var(--xmlui-color-border-Button-secondary-solid--hover)", "color-bg-Button-secondary-solid--hover": "var(--xmlui-color-bg-Button-secondary-solid--hover)", "color-text-Button-secondary-solid--hover": "var(--xmlui-color-text-Button-secondary-solid--hover)", "color-border-Button-secondary-solid--active": "var(--xmlui-color-border-Button-secondary-solid--active)", "color-bg-Button-secondary-solid--active": "var(--xmlui-color-bg-Button-secondary-solid--active)", "color-text-Button-secondary-solid--active": "var(--xmlui-color-text-Button-secondary-solid--active)", "font-size-Button-attention-solid": "var(--xmlui-font-size-Button-attention-solid)", "font-weight-Button-attention-solid": "var(--xmlui-font-weight-Button-attention-solid)", "radius-Button-attention-solid": "var(--xmlui-radius-Button-attention-solid)", "thickness-border-Button-attention-solid": "var(--xmlui-thickness-border-Button-attention-solid)", "color-border-Button-attention-solid": "var(--xmlui-color-border-Button-attention-solid)", "style-border-Button-attention-solid": "var(--xmlui-style-border-Button-attention-solid)", "color-bg-Button-attention-solid": "var(--xmlui-color-bg-Button-attention-solid)", "color-text-Button-attention-solid": "var(--xmlui-color-text-Button-attention-solid)", "shadow-Button-attention-solid": "var(--xmlui-shadow-Button-attention-solid)", "thickness-outline-Button-attention-solid--focus": "var(--xmlui-thickness-outline-Button-attention-solid--focus)", "color-outline-Button-attention-solid--focus": "var(--xmlui-color-outline-Button-attention-solid--focus)", "style-outline-Button-attention-solid--focus": "var(--xmlui-style-outline-Button-attention-solid--focus)", "offset-outline-Button-attention-solid--focus": "var(--xmlui-offset-outline-Button-attention-solid--focus)", "color-border-Button-attention-solid--hover": "var(--xmlui-color-border-Button-attention-solid--hover)", "color-bg-Button-attention-solid--hover": "var(--xmlui-color-bg-Button-attention-solid--hover)", "color-text-Button-attention-solid--hover": "var(--xmlui-color-text-Button-attention-solid--hover)", "color-border-Button-attention-solid--active": "var(--xmlui-color-border-Button-attention-solid--active)", "color-bg-Button-attention-solid--active": "var(--xmlui-color-bg-Button-attention-solid--active)", "color-text-Button-attention-solid--active": "var(--xmlui-color-text-Button-attention-solid--active)", "font-size-Button-primary-outlined": "var(--xmlui-font-size-Button-primary-outlined)", "font-weight-Button-primary-outlined": "var(--xmlui-font-weight-Button-primary-outlined)", "radius-Button-primary-outlined": "var(--xmlui-radius-Button-primary-outlined)", "thickness-border-Button-primary-outlined": "var(--xmlui-thickness-border-Button-primary-outlined)", "color-border-Button-primary-outlined": "var(--xmlui-color-border-Button-primary-outlined)", "style-border-Button-primary-outlined": "var(--xmlui-style-border-Button-primary-outlined)", "color-text-Button-primary-outlined": "var(--xmlui-color-text-Button-primary-outlined)", "shadow-Button-primary-outlined": "var(--xmlui-shadow-Button-primary-outlined)", "thickness-outline-Button-primary-outlined--focus": "var(--xmlui-thickness-outline-Button-primary-outlined--focus)", "color-outline-Button-primary-outlined--focus": "var(--xmlui-color-outline-Button-primary-outlined--focus)", "style-outline-Button-primary-outlined--focus": "var(--xmlui-style-outline-Button-primary-outlined--focus)", "offset-outline-Button-primary-outlined--focus": "var(--xmlui-offset-outline-Button-primary-outlined--focus)", "color-border-Button-primary-outlined--hover": "var(--xmlui-color-border-Button-primary-outlined--hover)", "color-bg-Button-primary-outlined--hover": "var(--xmlui-color-bg-Button-primary-outlined--hover)", "color-text-Button-primary-outlined--hover": "var(--xmlui-color-text-Button-primary-outlined--hover)", "color-border-Button-primary-outlined--active": "var(--xmlui-color-border-Button-primary-outlined--active)", "color-bg-Button-primary-outlined--active": "var(--xmlui-color-bg-Button-primary-outlined--active)", "color-text-Button-primary-outlined--active": "var(--xmlui-color-text-Button-primary-outlined--active)", "font-size-Button-secondary-outlined": "var(--xmlui-font-size-Button-secondary-outlined)", "font-weight-Button-secondary-outlined": "var(--xmlui-font-weight-Button-secondary-outlined)", "radius-Button-secondary-outlined": "var(--xmlui-radius-Button-secondary-outlined)", "thickness-border-Button-secondary-outlined": "var(--xmlui-thickness-border-Button-secondary-outlined)", "color-border-Button-secondary-outlined": "var(--xmlui-color-border-Button-secondary-outlined)", "style-border-Button-secondary-outlined": "var(--xmlui-style-border-Button-secondary-outlined)", "color-text-Button-secondary-outlined": "var(--xmlui-color-text-Button-secondary-outlined)", "shadow-Button-secondary-outlined": "var(--xmlui-shadow-Button-secondary-outlined)", "thickness-outline-Button-secondary-outlined--focus": "var(--xmlui-thickness-outline-Button-secondary-outlined--focus)", "color-outline-Button-secondary-outlined--focus": "var(--xmlui-color-outline-Button-secondary-outlined--focus)", "style-outline-Button-secondary-outlined--focus": "var(--xmlui-style-outline-Button-secondary-outlined--focus)", "offset-outline-Button-secondary-outlined--focus": "var(--xmlui-offset-outline-Button-secondary-outlined--focus)", "color-border-Button-secondary-outlined--hover": "var(--xmlui-color-border-Button-secondary-outlined--hover)", "color-bg-Button-secondary-outlined--hover": "var(--xmlui-color-bg-Button-secondary-outlined--hover)", "color-text-Button-secondary-outlined--hover": "var(--xmlui-color-text-Button-secondary-outlined--hover)", "color-border-Button-secondary-outlined--active": "var(--xmlui-color-border-Button-secondary-outlined--active)", "color-bg-Button-secondary-outlined--active": "var(--xmlui-color-bg-Button-secondary-outlined--active)", "color-text-Button-secondary-outlined--active": "var(--xmlui-color-text-Button-secondary-outlined--active)", "font-size-Button-attention-outlined": "var(--xmlui-font-size-Button-attention-outlined)", "font-weight-Button-attention-outlined": "var(--xmlui-font-weight-Button-attention-outlined)", "radius-Button-attention-outlined": "var(--xmlui-radius-Button-attention-outlined)", "thickness-border-Button-attention-outlined": "var(--xmlui-thickness-border-Button-attention-outlined)", "color-border-Button-attention-outlined": "var(--xmlui-color-border-Button-attention-outlined)", "style-border-Button-attention-outlined": "var(--xmlui-style-border-Button-attention-outlined)", "color-text-Button-attention-outlined": "var(--xmlui-color-text-Button-attention-outlined)", "shadow-Button-attention-outlined": "var(--xmlui-shadow-Button-attention-outlined)", "thickness-outline-Button-attention-outlined--focus": "var(--xmlui-thickness-outline-Button-attention-outlined--focus)", "color-outline-Button-attention-outlined--focus": "var(--xmlui-color-outline-Button-attention-outlined--focus)", "style-outline-Button-attention-outlined--focus": "var(--xmlui-style-outline-Button-attention-outlined--focus)", "offset-outline-Button-attention-outlined--focus": "var(--xmlui-offset-outline-Button-attention-outlined--focus)", "color-border-Button-attention-outlined--hover": "var(--xmlui-color-border-Button-attention-outlined--hover)", "color-bg-Button-attention-outlined--hover": "var(--xmlui-color-bg-Button-attention-outlined--hover)", "color-text-Button-attention-outlined--hover": "var(--xmlui-color-text-Button-attention-outlined--hover)", "color-border-Button-attention-outlined--active": "var(--xmlui-color-border-Button-attention-outlined--active)", "color-bg-Button-attention-outlined--active": "var(--xmlui-color-bg-Button-attention-outlined--active)", "color-text-Button-attention-outlined--active": "var(--xmlui-color-text-Button-attention-outlined--active)", "font-size-Button-primary-ghost": "var(--xmlui-font-size-Button-primary-ghost)", "font-weight-Button-primary-ghost": "var(--xmlui-font-weight-Button-primary-ghost)", "radius-Button-primary-ghost": "var(--xmlui-radius-Button-primary-ghost)", "thickness-border-Button-primary-ghost": "var(--xmlui-thickness-border-Button-primary-ghost)", "color-text-Button-primary-ghost": "var(--xmlui-color-text-Button-primary-ghost)", "thickness-outline-Button-primary-ghost--focus": "var(--xmlui-thickness-outline-Button-primary-ghost--focus)", "color-outline-Button-primary-ghost--focus": "var(--xmlui-color-outline-Button-primary-ghost--focus)", "style-outline-Button-primary-ghost--focus": "var(--xmlui-style-outline-Button-primary-ghost--focus)", "offset-outline-Button-primary-ghost--focus": "var(--xmlui-offset-outline-Button-primary-ghost--focus)", "color-bg-Button-primary-ghost--hover": "var(--xmlui-color-bg-Button-primary-ghost--hover)", "color-text-Button-primary-ghost--hover": "var(--xmlui-color-text-Button-primary-ghost--hover)", "color-bg-Button-primary-ghost--active": "var(--xmlui-color-bg-Button-primary-ghost--active)", "color-text-Button-primary-ghost--active": "var(--xmlui-color-text-Button-primary-ghost--active)", "font-size-Button-secondary-ghost": "var(--xmlui-font-size-Button-secondary-ghost)", "font-weight-Button-secondary-ghost": "var(--xmlui-font-weight-Button-secondary-ghost)", "radius-Button-secondary-ghost": "var(--xmlui-radius-Button-secondary-ghost)", "thickness-border-Button-secondary-ghost": "var(--xmlui-thickness-border-Button-secondary-ghost)", "color-text-Button-secondary-ghost": "var(--xmlui-color-text-Button-secondary-ghost)", "thickness-outline-Button-secondary-ghost--focus": "var(--xmlui-thickness-outline-Button-secondary-ghost--focus)", "color-outline-Button-secondary-ghost--focus": "var(--xmlui-color-outline-Button-secondary-ghost--focus)", "style-outline-Button-secondary-ghost--focus": "var(--xmlui-style-outline-Button-secondary-ghost--focus)", "offset-outline-Button-secondary-ghost--focus": "var(--xmlui-offset-outline-Button-secondary-ghost--focus)", "color-bg-Button-secondary-ghost--hover": "var(--xmlui-color-bg-Button-secondary-ghost--hover)", "color-text-Button-secondary-ghost--hover": "var(--xmlui-color-text-Button-secondary-ghost--hover)", "color-bg-Button-secondary-ghost--active": "var(--xmlui-color-bg-Button-secondary-ghost--active)", "color-text-Button-secondary-ghost--active": "var(--xmlui-color-text-Button-secondary-ghost--active)", "font-size-Button-attention-ghost": "var(--xmlui-font-size-Button-attention-ghost)", "font-weight-Button-attention-ghost": "var(--xmlui-font-weight-Button-attention-ghost)", "radius-Button-attention-ghost": "var(--xmlui-radius-Button-attention-ghost)", "thickness-border-Button-attention-ghost": "var(--xmlui-thickness-border-Button-attention-ghost)", "color-text-Button-attention-ghost": "var(--xmlui-color-text-Button-attention-ghost)", "thickness-outline-Button-attention-ghost--focus": "var(--xmlui-thickness-outline-Button-attention-ghost--focus)", "color-outline-Button-attention-ghost--focus": "var(--xmlui-color-outline-Button-attention-ghost--focus)", "style-outline-Button-attention-ghost--focus": "var(--xmlui-style-outline-Button-attention-ghost--focus)", "offset-outline-Button-attention-ghost--focus": "var(--xmlui-offset-outline-Button-attention-ghost--focus)", "color-bg-Button-attention-ghost--hover": "var(--xmlui-color-bg-Button-attention-ghost--hover)", "color-text-Button-attention-ghost--hover": "var(--xmlui-color-text-Button-attention-ghost--hover)", "color-bg-Button-attention-ghost--active": "var(--xmlui-color-bg-Button-attention-ghost--active)", "color-text-Button-attention-ghost--active": "var(--xmlui-color-text-Button-attention-ghost--active)"}'`, _t = "_button_13u9a_13", kt = "_alignStart_13u9a_28", It = "_alignEnd_13u9a_31", Bt = "_buttonHorizontal_13u9a_37", Ct = "_xs_13u9a_40", zt = "_sm_13u9a_43", Mt = "_md_13u9a_46", St = "_lg_13u9a_49", Pt = "_buttonVertical_13u9a_52", Nt = "_solidPrimary_13u9a_70", Ht = "_solidSecondary_13u9a_103", Vt = "_solidAttention_13u9a_136", Dt = "_outlinedPrimary_13u9a_169", Ot = "_outlinedSecondary_13u9a_201", Lt = "_outlinedAttention_13u9a_233", At = "_ghostPrimary_13u9a_265", Ft = "_ghostSecondary_13u9a_293", qt = "_ghostAttention_13u9a_321", Rt = {
|
|
3
|
+
themeVars: wt,
|
|
4
|
+
button: _t,
|
|
5
|
+
alignStart: kt,
|
|
6
|
+
alignEnd: It,
|
|
7
|
+
buttonHorizontal: Bt,
|
|
8
|
+
xs: Ct,
|
|
9
|
+
sm: zt,
|
|
10
|
+
md: Mt,
|
|
11
|
+
lg: St,
|
|
12
|
+
buttonVertical: Pt,
|
|
13
|
+
solidPrimary: Nt,
|
|
14
|
+
solidSecondary: Ht,
|
|
15
|
+
solidAttention: Vt,
|
|
16
|
+
outlinedPrimary: Dt,
|
|
17
|
+
outlinedSecondary: Ot,
|
|
18
|
+
outlinedAttention: Lt,
|
|
19
|
+
ghostPrimary: At,
|
|
20
|
+
ghostSecondary: Ft,
|
|
21
|
+
ghostAttention: qt
|
|
22
22
|
};
|
|
23
|
-
function
|
|
23
|
+
function t({
|
|
24
24
|
description: i,
|
|
25
|
-
shortDescription:
|
|
25
|
+
shortDescription: o,
|
|
26
26
|
specializedFrom: M,
|
|
27
27
|
status: J,
|
|
28
|
-
props:
|
|
28
|
+
props: oe,
|
|
29
29
|
events: be,
|
|
30
30
|
contextVars: ve,
|
|
31
31
|
apis: ge,
|
|
32
32
|
nonVisual: fe,
|
|
33
|
-
opaque:
|
|
33
|
+
opaque: L,
|
|
34
34
|
themeVars: T,
|
|
35
|
-
defaultThemeVars:
|
|
36
|
-
toneSpecificThemeVars:
|
|
37
|
-
allowArbitraryProps:
|
|
38
|
-
docFolder:
|
|
35
|
+
defaultThemeVars: gt,
|
|
36
|
+
toneSpecificThemeVars: ft,
|
|
37
|
+
allowArbitraryProps: Tt,
|
|
38
|
+
docFolder: yt
|
|
39
39
|
}) {
|
|
40
40
|
return {
|
|
41
41
|
description: i,
|
|
42
|
-
shortDescription:
|
|
42
|
+
shortDescription: o,
|
|
43
43
|
specializedFrom: M,
|
|
44
44
|
status: J,
|
|
45
|
-
props:
|
|
45
|
+
props: oe,
|
|
46
46
|
events: be,
|
|
47
47
|
contextVars: ve,
|
|
48
48
|
apis: ge,
|
|
49
49
|
nonVisual: fe,
|
|
50
|
-
opaque:
|
|
50
|
+
opaque: L,
|
|
51
51
|
themeVars: T,
|
|
52
|
-
defaultThemeVars:
|
|
53
|
-
toneSpecificThemeVars:
|
|
54
|
-
allowArbitraryProps:
|
|
55
|
-
docFolder:
|
|
52
|
+
defaultThemeVars: gt,
|
|
53
|
+
toneSpecificThemeVars: ft,
|
|
54
|
+
allowArbitraryProps: Tt,
|
|
55
|
+
docFolder: yt
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
|
-
function e(i,
|
|
59
|
-
return { description: i, availableValues:
|
|
58
|
+
function e(i, o, M, J, oe) {
|
|
59
|
+
return { description: i, availableValues: o, valueType: M, defaultValue: J, isValid: oe };
|
|
60
60
|
}
|
|
61
|
-
const
|
|
61
|
+
const Et = [
|
|
62
|
+
{
|
|
63
|
+
value: "_self",
|
|
64
|
+
description: "The link will open in the same frame as it was clicked."
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
value: "_blank",
|
|
68
|
+
description: "The link will open in a new window or tab."
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
value: "_parent",
|
|
72
|
+
description: "The link will open in the parent frame. If no parent, behaves as _self."
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
value: "_top",
|
|
76
|
+
description: "The topmost browsing context. The link will open in the full body of the window. If no ancestors, behaves as _self."
|
|
77
|
+
}
|
|
78
|
+
], We = [
|
|
62
79
|
{ value: "xs", description: "Extra small button" },
|
|
63
80
|
{ value: "sm", description: "Small button" },
|
|
64
81
|
{ value: "md", description: "Medium button" },
|
|
65
82
|
{ value: "lg", description: "Large button" }
|
|
66
|
-
],
|
|
83
|
+
], Wt = ["attention", "primary", "secondary"], Gt = [...Wt], lt = [
|
|
67
84
|
{ value: "attention", description: "Attention state theme color" },
|
|
68
85
|
{ value: "primary", description: "Primary theme color" },
|
|
69
86
|
{ value: "secondary", description: "Secondary theme color" }
|
|
70
|
-
],
|
|
87
|
+
], jt = [
|
|
71
88
|
{ value: "button", description: "Regular behavior that only executes logic if explicitly determined." },
|
|
72
89
|
{ value: "submit", description: "The button submits the form data to the server. This is the default for buttons in a Form or NativeForm component." },
|
|
73
90
|
{ value: "reset", description: "Resets all the controls to their initial values. Using it is ill advised for UX reasons." }
|
|
74
|
-
],
|
|
91
|
+
], Ut = ["solid", "outlined", "ghost"], Yt = [...Ut], st = [
|
|
75
92
|
{ value: "solid", description: "A button with a border and a filled background." },
|
|
76
93
|
{ value: "outlined", description: "The button is displayed with a border and a transparent background." },
|
|
77
94
|
{ value: "ghost", description: "A button with no border and fill. Only the label is visible; the background is colored when hovered or clicked." }
|
|
78
|
-
],
|
|
95
|
+
], Zt = [
|
|
79
96
|
{ value: "center", description: "Place the content in the middle" },
|
|
80
97
|
{ value: "start", description: "Justify the content to the left (to the right if in right-to-left)" },
|
|
81
98
|
{ value: "end", description: "Justify the content to the right (to the left if in right-to-left)" }
|
|
82
|
-
],
|
|
99
|
+
], ct = [
|
|
83
100
|
{ value: "horizontal", description: "The component will fill the available space horizontally" },
|
|
84
101
|
{ value: "vertical", description: "The component will fill the available space vertically" }
|
|
85
|
-
],
|
|
102
|
+
], Jt = ["left", "right", "start", "end"], dt = [...Jt], ut = [
|
|
86
103
|
{ value: "left", description: "The icon will appear on the left side" },
|
|
87
104
|
{ value: "right", description: "The icon will appear on the right side" },
|
|
88
105
|
{ value: "start", description: "The icon will appear at the start (left side when the left-to-right direction is set)" },
|
|
89
106
|
{ value: "end", description: "The icon will appear at the end (right side when the left-to-right direction is set)" }
|
|
90
|
-
],
|
|
107
|
+
], Xt = [
|
|
91
108
|
{ value: "primary", description: "Primary theme color, no default icon" },
|
|
92
109
|
{ value: "secondary", description: "Secondary theme color, no default icon" },
|
|
93
110
|
{ value: "success", description: 'Success theme color, "success" icon' },
|
|
@@ -96,41 +113,41 @@ const We = [
|
|
|
96
113
|
{ value: "info", description: 'Info theme color, "info" icon' },
|
|
97
114
|
{ value: "light", description: "Light theme color, no default icon" },
|
|
98
115
|
{ value: "dark", description: "Dark theme color, no default icon" }
|
|
99
|
-
],
|
|
116
|
+
], Qt = [
|
|
100
117
|
{ value: "start", description: "The left side of the window (left-to-right) or the right side of the window (right-to-left)" },
|
|
101
118
|
{ value: "end", description: "The right side of the window (left-to-right) or the left side of the window (right-to-left)" },
|
|
102
119
|
{ value: "top", description: "The top of the window" },
|
|
103
120
|
{ value: "bottom", description: "The bottom of the window" }
|
|
104
|
-
],
|
|
121
|
+
], Kt = ["start", "end"], eo = [...Kt], to = [
|
|
105
122
|
// { value: "none", description: "No indicator" },
|
|
106
123
|
{ value: "valid", description: "Visual indicator for an input that is accepted" },
|
|
107
124
|
{ value: "warning", description: "Visual indicator for an input that produced a warning" },
|
|
108
125
|
{ value: "error", description: "Visual indicator for an input that produced an error" }
|
|
109
|
-
],
|
|
110
|
-
themeVars:
|
|
111
|
-
base:
|
|
112
|
-
},
|
|
113
|
-
keyPrefix:
|
|
114
|
-
themeVars:
|
|
126
|
+
], oo = `'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`, ro = "_base_13qtg_13", io = {
|
|
127
|
+
themeVars: oo,
|
|
128
|
+
base: ro
|
|
129
|
+
}, ao = "xmlui", no = '"[]"', ht = {
|
|
130
|
+
keyPrefix: ao,
|
|
131
|
+
themeVars: no
|
|
115
132
|
};
|
|
116
133
|
function n(i) {
|
|
117
134
|
if (!i || typeof i != "string")
|
|
118
135
|
return i;
|
|
119
|
-
let
|
|
136
|
+
let o = i.replace(/(^['"])|(['"]$)/g, "");
|
|
120
137
|
try {
|
|
121
|
-
return JSON.parse(
|
|
138
|
+
return JSON.parse(o);
|
|
122
139
|
} catch {
|
|
123
140
|
try {
|
|
124
141
|
return JSON.parse(
|
|
125
142
|
i.replace("(", "{").replace(")", "}").replace(/: ?([^,}]+)([,}])/g, ': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g, '$1"$2":')
|
|
126
143
|
);
|
|
127
144
|
} catch {
|
|
128
|
-
return
|
|
145
|
+
return o;
|
|
129
146
|
}
|
|
130
147
|
}
|
|
131
148
|
}
|
|
132
|
-
n(
|
|
133
|
-
n(
|
|
149
|
+
n(ht.keyPrefix);
|
|
150
|
+
n(ht.themeVars);
|
|
134
151
|
function Y(i) {
|
|
135
152
|
return {
|
|
136
153
|
description: `This event is triggered when the ${i} is clicked.`
|
|
@@ -151,7 +168,7 @@ function $(i) {
|
|
|
151
168
|
description: `This event is triggered when value of ${i} has changed.`
|
|
152
169
|
};
|
|
153
170
|
}
|
|
154
|
-
function
|
|
171
|
+
function mt() {
|
|
155
172
|
return {
|
|
156
173
|
description: "The `true` value of this property signals that the component is in an _intedeterminate state_."
|
|
157
174
|
};
|
|
@@ -198,13 +215,13 @@ function f() {
|
|
|
198
215
|
defaultValue: !0
|
|
199
216
|
};
|
|
200
217
|
}
|
|
201
|
-
function
|
|
218
|
+
function D() {
|
|
202
219
|
return {
|
|
203
220
|
description: "This property allows you to set the validation status of the input component.",
|
|
204
|
-
availableValues:
|
|
221
|
+
availableValues: to
|
|
205
222
|
};
|
|
206
223
|
}
|
|
207
|
-
function
|
|
224
|
+
function pt() {
|
|
208
225
|
return {
|
|
209
226
|
description: "You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."
|
|
210
227
|
};
|
|
@@ -225,7 +242,7 @@ function Z() {
|
|
|
225
242
|
description: "A placeholder text that is visible in the input field when its empty."
|
|
226
243
|
};
|
|
227
244
|
}
|
|
228
|
-
function
|
|
245
|
+
function me() {
|
|
229
246
|
return {
|
|
230
247
|
description: "This property sets the maximum length of the input it accepts."
|
|
231
248
|
};
|
|
@@ -240,12 +257,12 @@ function Ve() {
|
|
|
240
257
|
description: "This property sets a text to appear at the start (left side when the left-to-right direction is set) of the input."
|
|
241
258
|
};
|
|
242
259
|
}
|
|
243
|
-
function
|
|
260
|
+
function De() {
|
|
244
261
|
return {
|
|
245
262
|
description: "This property sets an icon to appear at the start (left side when the left-to-right direction is set) of the input."
|
|
246
263
|
};
|
|
247
264
|
}
|
|
248
|
-
function
|
|
265
|
+
function Oe() {
|
|
249
266
|
return {
|
|
250
267
|
description: "This property sets a text to appear on the end (right side when the left-to-right direction is set) of the input."
|
|
251
268
|
};
|
|
@@ -255,17 +272,17 @@ function Le() {
|
|
|
255
272
|
description: "This property sets an icon to appear on the end (right side when the left-to-right direction is set) of the input."
|
|
256
273
|
};
|
|
257
274
|
}
|
|
258
|
-
function
|
|
275
|
+
function lo(i) {
|
|
259
276
|
return {
|
|
260
277
|
description: `This property indicates if the ${i} is expanded (\`true\`) or collapsed (\`false\`).`
|
|
261
278
|
};
|
|
262
279
|
}
|
|
263
|
-
function
|
|
280
|
+
function so(i) {
|
|
264
281
|
return {
|
|
265
282
|
description: `This method expands the ${i}.`
|
|
266
283
|
};
|
|
267
284
|
}
|
|
268
|
-
function
|
|
285
|
+
function co(i) {
|
|
269
286
|
return {
|
|
270
287
|
description: `This method collapses the ${i}.`
|
|
271
288
|
};
|
|
@@ -275,31 +292,31 @@ function Q(i) {
|
|
|
275
292
|
description: `This method sets the focus on the ${i}.`
|
|
276
293
|
};
|
|
277
294
|
}
|
|
278
|
-
function
|
|
295
|
+
function uo(i) {
|
|
279
296
|
return {
|
|
280
297
|
description: `This event is triggered when the ${i} has been displayed. The event handler has a single boolean argument set to \`true\`, indicating that the user opened the component.`
|
|
281
298
|
};
|
|
282
299
|
}
|
|
283
|
-
function
|
|
300
|
+
function ho(i) {
|
|
284
301
|
return {
|
|
285
302
|
description: `This event is triggered when the ${i} has been closed. The event handler has a single boolean argument set to \`true\`, indicating that the user closed the component.`
|
|
286
303
|
};
|
|
287
304
|
}
|
|
288
|
-
function
|
|
305
|
+
function xt(i) {
|
|
289
306
|
return {
|
|
290
307
|
description: `This property allows you to define a custom trigger instead of the default one provided by \`${i}\`.`,
|
|
291
308
|
valueType: "ComponentDef"
|
|
292
309
|
};
|
|
293
310
|
}
|
|
294
|
-
function
|
|
311
|
+
function mo(i) {
|
|
295
312
|
return {
|
|
296
313
|
description: "This property sets the main axis along which the nested components are rendered.",
|
|
297
|
-
availableValues:
|
|
314
|
+
availableValues: ct,
|
|
298
315
|
valueType: "string",
|
|
299
316
|
defaultValue: i
|
|
300
317
|
};
|
|
301
318
|
}
|
|
302
|
-
const r = "Button",
|
|
319
|
+
const r = "Button", po = t({
|
|
303
320
|
description: "Button is an interactive element that triggers an action when clicked.",
|
|
304
321
|
status: "stable",
|
|
305
322
|
props: {
|
|
@@ -311,13 +328,13 @@ const r = "Button", mt = o({
|
|
|
311
328
|
),
|
|
312
329
|
variant: e(
|
|
313
330
|
"The button variant determines the level of emphasis the button should possess.",
|
|
314
|
-
|
|
331
|
+
st,
|
|
315
332
|
"string",
|
|
316
333
|
"solid"
|
|
317
334
|
),
|
|
318
335
|
themeColor: e(
|
|
319
336
|
"Sets the button color scheme defined in the application theme.",
|
|
320
|
-
|
|
337
|
+
lt,
|
|
321
338
|
"string",
|
|
322
339
|
"primary"
|
|
323
340
|
),
|
|
@@ -327,7 +344,7 @@ const r = "Button", mt = o({
|
|
|
327
344
|
),
|
|
328
345
|
type: e(
|
|
329
346
|
`This optional string describes how the ${r} appears in an HTML context. You rarely need to set this property explicitly.`,
|
|
330
|
-
|
|
347
|
+
jt,
|
|
331
348
|
"string",
|
|
332
349
|
"button"
|
|
333
350
|
),
|
|
@@ -342,13 +359,13 @@ const r = "Button", mt = o({
|
|
|
342
359
|
),
|
|
343
360
|
iconPosition: e(
|
|
344
361
|
`This optional string determines the location of the icon in the ${r}.`,
|
|
345
|
-
|
|
362
|
+
ut,
|
|
346
363
|
"string",
|
|
347
364
|
"left"
|
|
348
365
|
),
|
|
349
366
|
contentPosition: e(
|
|
350
367
|
`This optional value determines how the label and icon (or nested children) should be placedinside the ${r} component.`,
|
|
351
|
-
|
|
368
|
+
Zt,
|
|
352
369
|
"string",
|
|
353
370
|
"center"
|
|
354
371
|
)
|
|
@@ -358,7 +375,7 @@ const r = "Button", mt = o({
|
|
|
358
375
|
gotFocus: B(r),
|
|
359
376
|
lostFocus: C(r)
|
|
360
377
|
},
|
|
361
|
-
themeVars: n(
|
|
378
|
+
themeVars: n(Rt.themeVars),
|
|
362
379
|
defaultThemeVars: {
|
|
363
380
|
[`width-${r}`]: "fit-content",
|
|
364
381
|
[`height-${r}`]: "fit-content",
|
|
@@ -446,27 +463,27 @@ const r = "Button", mt = o({
|
|
|
446
463
|
[`color-bg-${r}-attention-ghost--active`]: "$color-danger-950"
|
|
447
464
|
}
|
|
448
465
|
}
|
|
449
|
-
}),
|
|
450
|
-
themeVars:
|
|
451
|
-
base:
|
|
452
|
-
hoverContainer:
|
|
453
|
-
handlesClick:
|
|
454
|
-
vertical:
|
|
455
|
-
reverse:
|
|
456
|
-
horizontal:
|
|
457
|
-
justifyItemsStart:
|
|
458
|
-
justifyItemsCenter:
|
|
459
|
-
justifyItemsStretch:
|
|
460
|
-
justifyItemsEnd:
|
|
461
|
-
alignItemsStart:
|
|
462
|
-
alignItemsCenter:
|
|
463
|
-
alignItemsStretch:
|
|
464
|
-
alignItemsEnd:
|
|
466
|
+
}), xo = '"[]"', bo = "_base_gzmhm_13", vo = "_hoverContainer_gzmhm_22", go = "_handlesClick_gzmhm_32", fo = "_vertical_gzmhm_36", To = "_reverse_gzmhm_40", yo = "_horizontal_gzmhm_44", $o = "_justifyItemsStart_gzmhm_52", wo = "_justifyItemsCenter_gzmhm_56", _o = "_justifyItemsStretch_gzmhm_60", ko = "_justifyItemsEnd_gzmhm_64", Io = "_alignItemsStart_gzmhm_69", Bo = "_alignItemsCenter_gzmhm_73", Co = "_alignItemsStretch_gzmhm_77", zo = "_alignItemsEnd_gzmhm_81", Mo = {
|
|
467
|
+
themeVars: xo,
|
|
468
|
+
base: bo,
|
|
469
|
+
hoverContainer: vo,
|
|
470
|
+
handlesClick: go,
|
|
471
|
+
vertical: fo,
|
|
472
|
+
reverse: To,
|
|
473
|
+
horizontal: yo,
|
|
474
|
+
justifyItemsStart: $o,
|
|
475
|
+
justifyItemsCenter: wo,
|
|
476
|
+
justifyItemsStretch: _o,
|
|
477
|
+
justifyItemsEnd: ko,
|
|
478
|
+
alignItemsStart: Io,
|
|
479
|
+
alignItemsCenter: Bo,
|
|
480
|
+
alignItemsStretch: Co,
|
|
481
|
+
alignItemsEnd: zo
|
|
465
482
|
}, pe = "Stack", je = e(
|
|
466
483
|
"Manages the horizontal content alignment for each child element in the Stack."
|
|
467
484
|
), Ue = e(
|
|
468
485
|
"Manages the vertical content alignment for each child element in the Stack."
|
|
469
|
-
), Pe =
|
|
486
|
+
), Pe = t({
|
|
470
487
|
description: "`Stack` is a layout container displaying children in a horizontal or vertical stack.",
|
|
471
488
|
props: {
|
|
472
489
|
gap: e("Optional size value indicating the gap between child elements."),
|
|
@@ -481,7 +498,7 @@ const r = "Button", mt = o({
|
|
|
481
498
|
click: Y(pe),
|
|
482
499
|
mounted: e("Reserved for future use")
|
|
483
500
|
},
|
|
484
|
-
themeVars: n(
|
|
501
|
+
themeVars: n(Mo.themeVars)
|
|
485
502
|
}), xe = {
|
|
486
503
|
...Pe,
|
|
487
504
|
props: {
|
|
@@ -492,7 +509,7 @@ const r = "Button", mt = o({
|
|
|
492
509
|
horizontalAlignment: je,
|
|
493
510
|
verticalAlignment: Ue
|
|
494
511
|
}
|
|
495
|
-
},
|
|
512
|
+
}, So = {
|
|
496
513
|
...xe,
|
|
497
514
|
specializedFrom: pe,
|
|
498
515
|
description: "This component represents a stack rendering its contents vertically.",
|
|
@@ -501,7 +518,7 @@ const r = "Button", mt = o({
|
|
|
501
518
|
horizontalAlignment: je,
|
|
502
519
|
verticalAlignment: Ue
|
|
503
520
|
}
|
|
504
|
-
},
|
|
521
|
+
}, Po = {
|
|
505
522
|
...xe,
|
|
506
523
|
specializedFrom: pe,
|
|
507
524
|
description: "This component represents a stack rendering its contents horizontally.",
|
|
@@ -510,99 +527,83 @@ const r = "Button", mt = o({
|
|
|
510
527
|
horizontalAlignment: je,
|
|
511
528
|
verticalAlignment: Ue
|
|
512
529
|
}
|
|
513
|
-
},
|
|
530
|
+
}, No = {
|
|
514
531
|
...xe,
|
|
515
532
|
specializedFrom: pe,
|
|
516
533
|
description: "This component represents a stack that renders its contents vertically and aligns that in the center along both axes."
|
|
517
|
-
},
|
|
534
|
+
}, Ho = {
|
|
518
535
|
...xe,
|
|
519
536
|
specializedFrom: pe,
|
|
520
537
|
description: "This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."
|
|
521
|
-
},
|
|
522
|
-
themeVars:
|
|
523
|
-
inputRoot:
|
|
524
|
-
input:
|
|
525
|
-
adornment:
|
|
526
|
-
error:
|
|
527
|
-
warning:
|
|
528
|
-
valid:
|
|
529
|
-
readOnly:
|
|
530
|
-
}, Et = `'{"font-family-Text": "var(--xmlui-font-family-Text)", "color-Text": "var(--xmlui-color-Text)", "font-weight-Text": "var(--xmlui-font-weight-Text)", "font-size-Text": "var(--xmlui-font-size-Text)", "font-family-Text-abbr": "var(--xmlui-font-family-Text-abbr)", "font-size-Text-abbr": "var(--xmlui-font-size-Text-abbr)", "font-weight-Text-abbr": "var(--xmlui-font-weight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "font-stretch-Text-abbr": "var(--xmlui-font-stretch-Text-abbr)", "line-decoration-Text-abbr": "var(--xmlui-line-decoration-Text-abbr)", "color-decoration-Text-abbr": "var(--xmlui-color-decoration-Text-abbr)", "style-decoration-Text-abbr": "var(--xmlui-style-decoration-Text-abbr)", "thickness-decoration-Text-abbr": "var(--xmlui-thickness-decoration-Text-abbr)", "offset-decoration-Text-abbr": "var(--xmlui-offset-decoration-Text-abbr)", "line-height-Text-abbr": "var(--xmlui-line-height-Text-abbr)", "color-Text-abbr": "var(--xmlui-color-Text-abbr)", "color-bg-Text-abbr": "var(--xmlui-color-bg-Text-abbr)", "border-radius-Text-abbr": "var(--xmlui-border-radius-Text-abbr)", "color-border-Text-abbr": "var(--xmlui-color-border-Text-abbr)", "thickness-border-Text-abbr": "var(--xmlui-thickness-border-Text-abbr)", "style-border-Text-abbr": "var(--xmlui-style-border-Text-abbr)", "margin-top-Text-abbr": "var(--xmlui-margin-top-Text-abbr)", "margin-bottom-Text-abbr": "var(--xmlui-margin-bottom-Text-abbr)", "padding-horizontal-Text-abbr": "var(--xmlui-padding-horizontal-Text-abbr)", "padding-vertical-Text-abbr": "var(--xmlui-padding-vertical-Text-abbr)", "transform-Text-abbr": "var(--xmlui-transform-Text-abbr)", "align-vertical-Text-abbr": "var(--xmlui-align-vertical-Text-abbr)", "letter-spacing-Text-abbr": "var(--xmlui-letter-spacing-Text-abbr)", "font-family-Text-cite": "var(--xmlui-font-family-Text-cite)", "font-size-Text-cite": "var(--xmlui-font-size-Text-cite)", "font-weight-Text-cite": "var(--xmlui-font-weight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "font-stretch-Text-cite": "var(--xmlui-font-stretch-Text-cite)", "line-decoration-Text-cite": "var(--xmlui-line-decoration-Text-cite)", "color-decoration-Text-cite": "var(--xmlui-color-decoration-Text-cite)", "style-decoration-Text-cite": "var(--xmlui-style-decoration-Text-cite)", "thickness-decoration-Text-cite": "var(--xmlui-thickness-decoration-Text-cite)", "offset-decoration-Text-cite": "var(--xmlui-offset-decoration-Text-cite)", "line-height-Text-cite": "var(--xmlui-line-height-Text-cite)", "color-Text-cite": "var(--xmlui-color-Text-cite)", "color-bg-Text-cite": "var(--xmlui-color-bg-Text-cite)", "border-radius-Text-cite": "var(--xmlui-border-radius-Text-cite)", "color-border-Text-cite": "var(--xmlui-color-border-Text-cite)", "thickness-border-Text-cite": "var(--xmlui-thickness-border-Text-cite)", "style-border-Text-cite": "var(--xmlui-style-border-Text-cite)", "margin-top-Text-cite": "var(--xmlui-margin-top-Text-cite)", "margin-bottom-Text-cite": "var(--xmlui-margin-bottom-Text-cite)", "padding-horizontal-Text-cite": "var(--xmlui-padding-horizontal-Text-cite)", "padding-vertical-Text-cite": "var(--xmlui-padding-vertical-Text-cite)", "transform-Text-cite": "var(--xmlui-transform-Text-cite)", "align-vertical-Text-cite": "var(--xmlui-align-vertical-Text-cite)", "letter-spacing-Text-cite": "var(--xmlui-letter-spacing-Text-cite)", "font-family-Text-code": "var(--xmlui-font-family-Text-code)", "font-size-Text-code": "var(--xmlui-font-size-Text-code)", "font-weight-Text-code": "var(--xmlui-font-weight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "font-stretch-Text-code": "var(--xmlui-font-stretch-Text-code)", "line-decoration-Text-code": "var(--xmlui-line-decoration-Text-code)", "color-decoration-Text-code": "var(--xmlui-color-decoration-Text-code)", "style-decoration-Text-code": "var(--xmlui-style-decoration-Text-code)", "thickness-decoration-Text-code": "var(--xmlui-thickness-decoration-Text-code)", "offset-decoration-Text-code": "var(--xmlui-offset-decoration-Text-code)", "line-height-Text-code": "var(--xmlui-line-height-Text-code)", "color-Text-code": "var(--xmlui-color-Text-code)", "color-bg-Text-code": "var(--xmlui-color-bg-Text-code)", "border-radius-Text-code": "var(--xmlui-border-radius-Text-code)", "color-border-Text-code": "var(--xmlui-color-border-Text-code)", "thickness-border-Text-code": "var(--xmlui-thickness-border-Text-code)", "style-border-Text-code": "var(--xmlui-style-border-Text-code)", "margin-top-Text-code": "var(--xmlui-margin-top-Text-code)", "margin-bottom-Text-code": "var(--xmlui-margin-bottom-Text-code)", "padding-horizontal-Text-code": "var(--xmlui-padding-horizontal-Text-code)", "padding-vertical-Text-code": "var(--xmlui-padding-vertical-Text-code)", "transform-Text-code": "var(--xmlui-transform-Text-code)", "align-vertical-Text-code": "var(--xmlui-align-vertical-Text-code)", "letter-spacing-Text-code": "var(--xmlui-letter-spacing-Text-code)", "font-family-Text-codefence": "var(--xmlui-font-family-Text-codefence)", "font-size-Text-codefence": "var(--xmlui-font-size-Text-codefence)", "font-weight-Text-codefence": "var(--xmlui-font-weight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "font-stretch-Text-codefence": "var(--xmlui-font-stretch-Text-codefence)", "line-decoration-Text-codefence": "var(--xmlui-line-decoration-Text-codefence)", "color-decoration-Text-codefence": "var(--xmlui-color-decoration-Text-codefence)", "style-decoration-Text-codefence": "var(--xmlui-style-decoration-Text-codefence)", "thickness-decoration-Text-codefence": "var(--xmlui-thickness-decoration-Text-codefence)", "offset-decoration-Text-codefence": "var(--xmlui-offset-decoration-Text-codefence)", "line-height-Text-codefence": "var(--xmlui-line-height-Text-codefence)", "color-Text-codefence": "var(--xmlui-color-Text-codefence)", "color-bg-Text-codefence": "var(--xmlui-color-bg-Text-codefence)", "border-radius-Text-codefence": "var(--xmlui-border-radius-Text-codefence)", "color-border-Text-codefence": "var(--xmlui-color-border-Text-codefence)", "thickness-border-Text-codefence": "var(--xmlui-thickness-border-Text-codefence)", "style-border-Text-codefence": "var(--xmlui-style-border-Text-codefence)", "margin-top-Text-codefence": "var(--xmlui-margin-top-Text-codefence)", "margin-bottom-Text-codefence": "var(--xmlui-margin-bottom-Text-codefence)", "padding-horizontal-Text-codefence": "var(--xmlui-padding-horizontal-Text-codefence)", "padding-vertical-Text-codefence": "var(--xmlui-padding-vertical-Text-codefence)", "transform-Text-codefence": "var(--xmlui-transform-Text-codefence)", "align-vertical-Text-codefence": "var(--xmlui-align-vertical-Text-codefence)", "letter-spacing-Text-codefence": "var(--xmlui-letter-spacing-Text-codefence)", "font-family-Text-deleted": "var(--xmlui-font-family-Text-deleted)", "font-size-Text-deleted": "var(--xmlui-font-size-Text-deleted)", "font-weight-Text-deleted": "var(--xmlui-font-weight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "font-stretch-Text-deleted": "var(--xmlui-font-stretch-Text-deleted)", "line-decoration-Text-deleted": "var(--xmlui-line-decoration-Text-deleted)", "color-decoration-Text-deleted": "var(--xmlui-color-decoration-Text-deleted)", "style-decoration-Text-deleted": "var(--xmlui-style-decoration-Text-deleted)", "thickness-decoration-Text-deleted": "var(--xmlui-thickness-decoration-Text-deleted)", "offset-decoration-Text-deleted": "var(--xmlui-offset-decoration-Text-deleted)", "line-height-Text-deleted": "var(--xmlui-line-height-Text-deleted)", "color-Text-deleted": "var(--xmlui-color-Text-deleted)", "color-bg-Text-deleted": "var(--xmlui-color-bg-Text-deleted)", "border-radius-Text-deleted": "var(--xmlui-border-radius-Text-deleted)", "color-border-Text-deleted": "var(--xmlui-color-border-Text-deleted)", "thickness-border-Text-deleted": "var(--xmlui-thickness-border-Text-deleted)", "style-border-Text-deleted": "var(--xmlui-style-border-Text-deleted)", "margin-top-Text-deleted": "var(--xmlui-margin-top-Text-deleted)", "margin-bottom-Text-deleted": "var(--xmlui-margin-bottom-Text-deleted)", "padding-horizontal-Text-deleted": "var(--xmlui-padding-horizontal-Text-deleted)", "padding-vertical-Text-deleted": "var(--xmlui-padding-vertical-Text-deleted)", "transform-Text-deleted": "var(--xmlui-transform-Text-deleted)", "align-vertical-Text-deleted": "var(--xmlui-align-vertical-Text-deleted)", "letter-spacing-Text-deleted": "var(--xmlui-letter-spacing-Text-deleted)", "font-family-Text-inserted": "var(--xmlui-font-family-Text-inserted)", "font-size-Text-inserted": "var(--xmlui-font-size-Text-inserted)", "font-weight-Text-inserted": "var(--xmlui-font-weight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "font-stretch-Text-inserted": "var(--xmlui-font-stretch-Text-inserted)", "line-decoration-Text-inserted": "var(--xmlui-line-decoration-Text-inserted)", "color-decoration-Text-inserted": "var(--xmlui-color-decoration-Text-inserted)", "style-decoration-Text-inserted": "var(--xmlui-style-decoration-Text-inserted)", "thickness-decoration-Text-inserted": "var(--xmlui-thickness-decoration-Text-inserted)", "offset-decoration-Text-inserted": "var(--xmlui-offset-decoration-Text-inserted)", "line-height-Text-inserted": "var(--xmlui-line-height-Text-inserted)", "color-Text-inserted": "var(--xmlui-color-Text-inserted)", "color-bg-Text-inserted": "var(--xmlui-color-bg-Text-inserted)", "border-radius-Text-inserted": "var(--xmlui-border-radius-Text-inserted)", "color-border-Text-inserted": "var(--xmlui-color-border-Text-inserted)", "thickness-border-Text-inserted": "var(--xmlui-thickness-border-Text-inserted)", "style-border-Text-inserted": "var(--xmlui-style-border-Text-inserted)", "margin-top-Text-inserted": "var(--xmlui-margin-top-Text-inserted)", "margin-bottom-Text-inserted": "var(--xmlui-margin-bottom-Text-inserted)", "padding-horizontal-Text-inserted": "var(--xmlui-padding-horizontal-Text-inserted)", "padding-vertical-Text-inserted": "var(--xmlui-padding-vertical-Text-inserted)", "transform-Text-inserted": "var(--xmlui-transform-Text-inserted)", "align-vertical-Text-inserted": "var(--xmlui-align-vertical-Text-inserted)", "letter-spacing-Text-inserted": "var(--xmlui-letter-spacing-Text-inserted)", "font-family-Text-keyboard": "var(--xmlui-font-family-Text-keyboard)", "font-size-Text-keyboard": "var(--xmlui-font-size-Text-keyboard)", "font-weight-Text-keyboard": "var(--xmlui-font-weight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "font-stretch-Text-keyboard": "var(--xmlui-font-stretch-Text-keyboard)", "line-decoration-Text-keyboard": "var(--xmlui-line-decoration-Text-keyboard)", "color-decoration-Text-keyboard": "var(--xmlui-color-decoration-Text-keyboard)", "style-decoration-Text-keyboard": "var(--xmlui-style-decoration-Text-keyboard)", "thickness-decoration-Text-keyboard": "var(--xmlui-thickness-decoration-Text-keyboard)", "offset-decoration-Text-keyboard": "var(--xmlui-offset-decoration-Text-keyboard)", "line-height-Text-keyboard": "var(--xmlui-line-height-Text-keyboard)", "color-Text-keyboard": "var(--xmlui-color-Text-keyboard)", "color-bg-Text-keyboard": "var(--xmlui-color-bg-Text-keyboard)", "border-radius-Text-keyboard": "var(--xmlui-border-radius-Text-keyboard)", "color-border-Text-keyboard": "var(--xmlui-color-border-Text-keyboard)", "thickness-border-Text-keyboard": "var(--xmlui-thickness-border-Text-keyboard)", "style-border-Text-keyboard": "var(--xmlui-style-border-Text-keyboard)", "margin-top-Text-keyboard": "var(--xmlui-margin-top-Text-keyboard)", "margin-bottom-Text-keyboard": "var(--xmlui-margin-bottom-Text-keyboard)", "padding-horizontal-Text-keyboard": "var(--xmlui-padding-horizontal-Text-keyboard)", "padding-vertical-Text-keyboard": "var(--xmlui-padding-vertical-Text-keyboard)", "transform-Text-keyboard": "var(--xmlui-transform-Text-keyboard)", "align-vertical-Text-keyboard": "var(--xmlui-align-vertical-Text-keyboard)", "letter-spacing-Text-keyboard": "var(--xmlui-letter-spacing-Text-keyboard)", "font-family-Text-marked": "var(--xmlui-font-family-Text-marked)", "font-size-Text-marked": "var(--xmlui-font-size-Text-marked)", "font-weight-Text-marked": "var(--xmlui-font-weight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "font-stretch-Text-marked": "var(--xmlui-font-stretch-Text-marked)", "line-decoration-Text-marked": "var(--xmlui-line-decoration-Text-marked)", "color-decoration-Text-marked": "var(--xmlui-color-decoration-Text-marked)", "style-decoration-Text-marked": "var(--xmlui-style-decoration-Text-marked)", "thickness-decoration-Text-marked": "var(--xmlui-thickness-decoration-Text-marked)", "offset-decoration-Text-marked": "var(--xmlui-offset-decoration-Text-marked)", "line-height-Text-marked": "var(--xmlui-line-height-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "color-bg-Text-marked": "var(--xmlui-color-bg-Text-marked)", "border-radius-Text-marked": "var(--xmlui-border-radius-Text-marked)", "color-border-Text-marked": "var(--xmlui-color-border-Text-marked)", "thickness-border-Text-marked": "var(--xmlui-thickness-border-Text-marked)", "style-border-Text-marked": "var(--xmlui-style-border-Text-marked)", "margin-top-Text-marked": "var(--xmlui-margin-top-Text-marked)", "margin-bottom-Text-marked": "var(--xmlui-margin-bottom-Text-marked)", "padding-horizontal-Text-marked": "var(--xmlui-padding-horizontal-Text-marked)", "padding-vertical-Text-marked": "var(--xmlui-padding-vertical-Text-marked)", "transform-Text-marked": "var(--xmlui-transform-Text-marked)", "align-vertical-Text-marked": "var(--xmlui-align-vertical-Text-marked)", "letter-spacing-Text-marked": "var(--xmlui-letter-spacing-Text-marked)", "font-family-Text-mono": "var(--xmlui-font-family-Text-mono)", "font-size-Text-mono": "var(--xmlui-font-size-Text-mono)", "font-weight-Text-mono": "var(--xmlui-font-weight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "font-stretch-Text-mono": "var(--xmlui-font-stretch-Text-mono)", "line-decoration-Text-mono": "var(--xmlui-line-decoration-Text-mono)", "color-decoration-Text-mono": "var(--xmlui-color-decoration-Text-mono)", "style-decoration-Text-mono": "var(--xmlui-style-decoration-Text-mono)", "thickness-decoration-Text-mono": "var(--xmlui-thickness-decoration-Text-mono)", "offset-decoration-Text-mono": "var(--xmlui-offset-decoration-Text-mono)", "line-height-Text-mono": "var(--xmlui-line-height-Text-mono)", "color-Text-mono": "var(--xmlui-color-Text-mono)", "color-bg-Text-mono": "var(--xmlui-color-bg-Text-mono)", "border-radius-Text-mono": "var(--xmlui-border-radius-Text-mono)", "color-border-Text-mono": "var(--xmlui-color-border-Text-mono)", "thickness-border-Text-mono": "var(--xmlui-thickness-border-Text-mono)", "style-border-Text-mono": "var(--xmlui-style-border-Text-mono)", "margin-top-Text-mono": "var(--xmlui-margin-top-Text-mono)", "margin-bottom-Text-mono": "var(--xmlui-margin-bottom-Text-mono)", "padding-horizontal-Text-mono": "var(--xmlui-padding-horizontal-Text-mono)", "padding-vertical-Text-mono": "var(--xmlui-padding-vertical-Text-mono)", "transform-Text-mono": "var(--xmlui-transform-Text-mono)", "align-vertical-Text-mono": "var(--xmlui-align-vertical-Text-mono)", "letter-spacing-Text-mono": "var(--xmlui-letter-spacing-Text-mono)", "font-family-Text-sample": "var(--xmlui-font-family-Text-sample)", "font-size-Text-sample": "var(--xmlui-font-size-Text-sample)", "font-weight-Text-sample": "var(--xmlui-font-weight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "font-stretch-Text-sample": "var(--xmlui-font-stretch-Text-sample)", "line-decoration-Text-sample": "var(--xmlui-line-decoration-Text-sample)", "color-decoration-Text-sample": "var(--xmlui-color-decoration-Text-sample)", "style-decoration-Text-sample": "var(--xmlui-style-decoration-Text-sample)", "thickness-decoration-Text-sample": "var(--xmlui-thickness-decoration-Text-sample)", "offset-decoration-Text-sample": "var(--xmlui-offset-decoration-Text-sample)", "line-height-Text-sample": "var(--xmlui-line-height-Text-sample)", "color-Text-sample": "var(--xmlui-color-Text-sample)", "color-bg-Text-sample": "var(--xmlui-color-bg-Text-sample)", "border-radius-Text-sample": "var(--xmlui-border-radius-Text-sample)", "color-border-Text-sample": "var(--xmlui-color-border-Text-sample)", "thickness-border-Text-sample": "var(--xmlui-thickness-border-Text-sample)", "style-border-Text-sample": "var(--xmlui-style-border-Text-sample)", "margin-top-Text-sample": "var(--xmlui-margin-top-Text-sample)", "margin-bottom-Text-sample": "var(--xmlui-margin-bottom-Text-sample)", "padding-horizontal-Text-sample": "var(--xmlui-padding-horizontal-Text-sample)", "padding-vertical-Text-sample": "var(--xmlui-padding-vertical-Text-sample)", "transform-Text-sample": "var(--xmlui-transform-Text-sample)", "align-vertical-Text-sample": "var(--xmlui-align-vertical-Text-sample)", "letter-spacing-Text-sample": "var(--xmlui-letter-spacing-Text-sample)", "font-family-Text-sup": "var(--xmlui-font-family-Text-sup)", "font-size-Text-sup": "var(--xmlui-font-size-Text-sup)", "font-weight-Text-sup": "var(--xmlui-font-weight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "font-stretch-Text-sup": "var(--xmlui-font-stretch-Text-sup)", "line-decoration-Text-sup": "var(--xmlui-line-decoration-Text-sup)", "color-decoration-Text-sup": "var(--xmlui-color-decoration-Text-sup)", "style-decoration-Text-sup": "var(--xmlui-style-decoration-Text-sup)", "thickness-decoration-Text-sup": "var(--xmlui-thickness-decoration-Text-sup)", "offset-decoration-Text-sup": "var(--xmlui-offset-decoration-Text-sup)", "line-height-Text-sup": "var(--xmlui-line-height-Text-sup)", "color-Text-sup": "var(--xmlui-color-Text-sup)", "color-bg-Text-sup": "var(--xmlui-color-bg-Text-sup)", "border-radius-Text-sup": "var(--xmlui-border-radius-Text-sup)", "color-border-Text-sup": "var(--xmlui-color-border-Text-sup)", "thickness-border-Text-sup": "var(--xmlui-thickness-border-Text-sup)", "style-border-Text-sup": "var(--xmlui-style-border-Text-sup)", "margin-top-Text-sup": "var(--xmlui-margin-top-Text-sup)", "margin-bottom-Text-sup": "var(--xmlui-margin-bottom-Text-sup)", "padding-horizontal-Text-sup": "var(--xmlui-padding-horizontal-Text-sup)", "padding-vertical-Text-sup": "var(--xmlui-padding-vertical-Text-sup)", "transform-Text-sup": "var(--xmlui-transform-Text-sup)", "align-vertical-Text-sup": "var(--xmlui-align-vertical-Text-sup)", "letter-spacing-Text-sup": "var(--xmlui-letter-spacing-Text-sup)", "font-family-Text-sub": "var(--xmlui-font-family-Text-sub)", "font-size-Text-sub": "var(--xmlui-font-size-Text-sub)", "font-weight-Text-sub": "var(--xmlui-font-weight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "font-stretch-Text-sub": "var(--xmlui-font-stretch-Text-sub)", "line-decoration-Text-sub": "var(--xmlui-line-decoration-Text-sub)", "color-decoration-Text-sub": "var(--xmlui-color-decoration-Text-sub)", "style-decoration-Text-sub": "var(--xmlui-style-decoration-Text-sub)", "thickness-decoration-Text-sub": "var(--xmlui-thickness-decoration-Text-sub)", "offset-decoration-Text-sub": "var(--xmlui-offset-decoration-Text-sub)", "line-height-Text-sub": "var(--xmlui-line-height-Text-sub)", "color-Text-sub": "var(--xmlui-color-Text-sub)", "color-bg-Text-sub": "var(--xmlui-color-bg-Text-sub)", "border-radius-Text-sub": "var(--xmlui-border-radius-Text-sub)", "color-border-Text-sub": "var(--xmlui-color-border-Text-sub)", "thickness-border-Text-sub": "var(--xmlui-thickness-border-Text-sub)", "style-border-Text-sub": "var(--xmlui-style-border-Text-sub)", "margin-top-Text-sub": "var(--xmlui-margin-top-Text-sub)", "margin-bottom-Text-sub": "var(--xmlui-margin-bottom-Text-sub)", "padding-horizontal-Text-sub": "var(--xmlui-padding-horizontal-Text-sub)", "padding-vertical-Text-sub": "var(--xmlui-padding-vertical-Text-sub)", "transform-Text-sub": "var(--xmlui-transform-Text-sub)", "align-vertical-Text-sub": "var(--xmlui-align-vertical-Text-sub)", "letter-spacing-Text-sub": "var(--xmlui-letter-spacing-Text-sub)", "font-family-Text-var": "var(--xmlui-font-family-Text-var)", "font-size-Text-var": "var(--xmlui-font-size-Text-var)", "font-weight-Text-var": "var(--xmlui-font-weight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "font-stretch-Text-var": "var(--xmlui-font-stretch-Text-var)", "line-decoration-Text-var": "var(--xmlui-line-decoration-Text-var)", "color-decoration-Text-var": "var(--xmlui-color-decoration-Text-var)", "style-decoration-Text-var": "var(--xmlui-style-decoration-Text-var)", "thickness-decoration-Text-var": "var(--xmlui-thickness-decoration-Text-var)", "offset-decoration-Text-var": "var(--xmlui-offset-decoration-Text-var)", "line-height-Text-var": "var(--xmlui-line-height-Text-var)", "color-Text-var": "var(--xmlui-color-Text-var)", "color-bg-Text-var": "var(--xmlui-color-bg-Text-var)", "border-radius-Text-var": "var(--xmlui-border-radius-Text-var)", "color-border-Text-var": "var(--xmlui-color-border-Text-var)", "thickness-border-Text-var": "var(--xmlui-thickness-border-Text-var)", "style-border-Text-var": "var(--xmlui-style-border-Text-var)", "margin-top-Text-var": "var(--xmlui-margin-top-Text-var)", "margin-bottom-Text-var": "var(--xmlui-margin-bottom-Text-var)", "padding-horizontal-Text-var": "var(--xmlui-padding-horizontal-Text-var)", "padding-vertical-Text-var": "var(--xmlui-padding-vertical-Text-var)", "transform-Text-var": "var(--xmlui-transform-Text-var)", "align-vertical-Text-var": "var(--xmlui-align-vertical-Text-var)", "letter-spacing-Text-var": "var(--xmlui-letter-spacing-Text-var)", "font-family-Text-title": "var(--xmlui-font-family-Text-title)", "font-size-Text-title": "var(--xmlui-font-size-Text-title)", "font-weight-Text-title": "var(--xmlui-font-weight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "font-stretch-Text-title": "var(--xmlui-font-stretch-Text-title)", "line-decoration-Text-title": "var(--xmlui-line-decoration-Text-title)", "color-decoration-Text-title": "var(--xmlui-color-decoration-Text-title)", "style-decoration-Text-title": "var(--xmlui-style-decoration-Text-title)", "thickness-decoration-Text-title": "var(--xmlui-thickness-decoration-Text-title)", "offset-decoration-Text-title": "var(--xmlui-offset-decoration-Text-title)", "line-height-Text-title": "var(--xmlui-line-height-Text-title)", "color-Text-title": "var(--xmlui-color-Text-title)", "color-bg-Text-title": "var(--xmlui-color-bg-Text-title)", "border-radius-Text-title": "var(--xmlui-border-radius-Text-title)", "color-border-Text-title": "var(--xmlui-color-border-Text-title)", "thickness-border-Text-title": "var(--xmlui-thickness-border-Text-title)", "style-border-Text-title": "var(--xmlui-style-border-Text-title)", "margin-top-Text-title": "var(--xmlui-margin-top-Text-title)", "margin-bottom-Text-title": "var(--xmlui-margin-bottom-Text-title)", "padding-horizontal-Text-title": "var(--xmlui-padding-horizontal-Text-title)", "padding-vertical-Text-title": "var(--xmlui-padding-vertical-Text-title)", "transform-Text-title": "var(--xmlui-transform-Text-title)", "align-vertical-Text-title": "var(--xmlui-align-vertical-Text-title)", "letter-spacing-Text-title": "var(--xmlui-letter-spacing-Text-title)", "font-family-Text-subtitle": "var(--xmlui-font-family-Text-subtitle)", "font-size-Text-subtitle": "var(--xmlui-font-size-Text-subtitle)", "font-weight-Text-subtitle": "var(--xmlui-font-weight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "font-stretch-Text-subtitle": "var(--xmlui-font-stretch-Text-subtitle)", "line-decoration-Text-subtitle": "var(--xmlui-line-decoration-Text-subtitle)", "color-decoration-Text-subtitle": "var(--xmlui-color-decoration-Text-subtitle)", "style-decoration-Text-subtitle": "var(--xmlui-style-decoration-Text-subtitle)", "thickness-decoration-Text-subtitle": "var(--xmlui-thickness-decoration-Text-subtitle)", "offset-decoration-Text-subtitle": "var(--xmlui-offset-decoration-Text-subtitle)", "line-height-Text-subtitle": "var(--xmlui-line-height-Text-subtitle)", "color-Text-subtitle": "var(--xmlui-color-Text-subtitle)", "color-bg-Text-subtitle": "var(--xmlui-color-bg-Text-subtitle)", "border-radius-Text-subtitle": "var(--xmlui-border-radius-Text-subtitle)", "color-border-Text-subtitle": "var(--xmlui-color-border-Text-subtitle)", "thickness-border-Text-subtitle": "var(--xmlui-thickness-border-Text-subtitle)", "style-border-Text-subtitle": "var(--xmlui-style-border-Text-subtitle)", "margin-top-Text-subtitle": "var(--xmlui-margin-top-Text-subtitle)", "margin-bottom-Text-subtitle": "var(--xmlui-margin-bottom-Text-subtitle)", "padding-horizontal-Text-subtitle": "var(--xmlui-padding-horizontal-Text-subtitle)", "padding-vertical-Text-subtitle": "var(--xmlui-padding-vertical-Text-subtitle)", "transform-Text-subtitle": "var(--xmlui-transform-Text-subtitle)", "align-vertical-Text-subtitle": "var(--xmlui-align-vertical-Text-subtitle)", "letter-spacing-Text-subtitle": "var(--xmlui-letter-spacing-Text-subtitle)", "font-family-Text-small": "var(--xmlui-font-family-Text-small)", "font-size-Text-small": "var(--xmlui-font-size-Text-small)", "font-weight-Text-small": "var(--xmlui-font-weight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "font-stretch-Text-small": "var(--xmlui-font-stretch-Text-small)", "line-decoration-Text-small": "var(--xmlui-line-decoration-Text-small)", "color-decoration-Text-small": "var(--xmlui-color-decoration-Text-small)", "style-decoration-Text-small": "var(--xmlui-style-decoration-Text-small)", "thickness-decoration-Text-small": "var(--xmlui-thickness-decoration-Text-small)", "offset-decoration-Text-small": "var(--xmlui-offset-decoration-Text-small)", "line-height-Text-small": "var(--xmlui-line-height-Text-small)", "color-Text-small": "var(--xmlui-color-Text-small)", "color-bg-Text-small": "var(--xmlui-color-bg-Text-small)", "border-radius-Text-small": "var(--xmlui-border-radius-Text-small)", "color-border-Text-small": "var(--xmlui-color-border-Text-small)", "thickness-border-Text-small": "var(--xmlui-thickness-border-Text-small)", "style-border-Text-small": "var(--xmlui-style-border-Text-small)", "margin-top-Text-small": "var(--xmlui-margin-top-Text-small)", "margin-bottom-Text-small": "var(--xmlui-margin-bottom-Text-small)", "padding-horizontal-Text-small": "var(--xmlui-padding-horizontal-Text-small)", "padding-vertical-Text-small": "var(--xmlui-padding-vertical-Text-small)", "transform-Text-small": "var(--xmlui-transform-Text-small)", "align-vertical-Text-small": "var(--xmlui-align-vertical-Text-small)", "letter-spacing-Text-small": "var(--xmlui-letter-spacing-Text-small)", "font-family-Text-caption": "var(--xmlui-font-family-Text-caption)", "font-size-Text-caption": "var(--xmlui-font-size-Text-caption)", "font-weight-Text-caption": "var(--xmlui-font-weight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "font-stretch-Text-caption": "var(--xmlui-font-stretch-Text-caption)", "line-decoration-Text-caption": "var(--xmlui-line-decoration-Text-caption)", "color-decoration-Text-caption": "var(--xmlui-color-decoration-Text-caption)", "style-decoration-Text-caption": "var(--xmlui-style-decoration-Text-caption)", "thickness-decoration-Text-caption": "var(--xmlui-thickness-decoration-Text-caption)", "offset-decoration-Text-caption": "var(--xmlui-offset-decoration-Text-caption)", "line-height-Text-caption": "var(--xmlui-line-height-Text-caption)", "color-Text-caption": "var(--xmlui-color-Text-caption)", "color-bg-Text-caption": "var(--xmlui-color-bg-Text-caption)", "border-radius-Text-caption": "var(--xmlui-border-radius-Text-caption)", "color-border-Text-caption": "var(--xmlui-color-border-Text-caption)", "thickness-border-Text-caption": "var(--xmlui-thickness-border-Text-caption)", "style-border-Text-caption": "var(--xmlui-style-border-Text-caption)", "margin-top-Text-caption": "var(--xmlui-margin-top-Text-caption)", "margin-bottom-Text-caption": "var(--xmlui-margin-bottom-Text-caption)", "padding-horizontal-Text-caption": "var(--xmlui-padding-horizontal-Text-caption)", "padding-vertical-Text-caption": "var(--xmlui-padding-vertical-Text-caption)", "transform-Text-caption": "var(--xmlui-transform-Text-caption)", "align-vertical-Text-caption": "var(--xmlui-align-vertical-Text-caption)", "letter-spacing-Text-caption": "var(--xmlui-letter-spacing-Text-caption)", "font-family-Text-placeholder": "var(--xmlui-font-family-Text-placeholder)", "font-size-Text-placeholder": "var(--xmlui-font-size-Text-placeholder)", "font-weight-Text-placeholder": "var(--xmlui-font-weight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "font-stretch-Text-placeholder": "var(--xmlui-font-stretch-Text-placeholder)", "line-decoration-Text-placeholder": "var(--xmlui-line-decoration-Text-placeholder)", "color-decoration-Text-placeholder": "var(--xmlui-color-decoration-Text-placeholder)", "style-decoration-Text-placeholder": "var(--xmlui-style-decoration-Text-placeholder)", "thickness-decoration-Text-placeholder": "var(--xmlui-thickness-decoration-Text-placeholder)", "offset-decoration-Text-placeholder": "var(--xmlui-offset-decoration-Text-placeholder)", "line-height-Text-placeholder": "var(--xmlui-line-height-Text-placeholder)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "color-bg-Text-placeholder": "var(--xmlui-color-bg-Text-placeholder)", "border-radius-Text-placeholder": "var(--xmlui-border-radius-Text-placeholder)", "color-border-Text-placeholder": "var(--xmlui-color-border-Text-placeholder)", "thickness-border-Text-placeholder": "var(--xmlui-thickness-border-Text-placeholder)", "style-border-Text-placeholder": "var(--xmlui-style-border-Text-placeholder)", "margin-top-Text-placeholder": "var(--xmlui-margin-top-Text-placeholder)", "margin-bottom-Text-placeholder": "var(--xmlui-margin-bottom-Text-placeholder)", "padding-horizontal-Text-placeholder": "var(--xmlui-padding-horizontal-Text-placeholder)", "padding-vertical-Text-placeholder": "var(--xmlui-padding-vertical-Text-placeholder)", "transform-Text-placeholder": "var(--xmlui-transform-Text-placeholder)", "align-vertical-Text-placeholder": "var(--xmlui-align-vertical-Text-placeholder)", "letter-spacing-Text-placeholder": "var(--xmlui-letter-spacing-Text-placeholder)", "font-family-Text-paragraph": "var(--xmlui-font-family-Text-paragraph)", "font-size-Text-paragraph": "var(--xmlui-font-size-Text-paragraph)", "font-weight-Text-paragraph": "var(--xmlui-font-weight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "font-stretch-Text-paragraph": "var(--xmlui-font-stretch-Text-paragraph)", "line-decoration-Text-paragraph": "var(--xmlui-line-decoration-Text-paragraph)", "color-decoration-Text-paragraph": "var(--xmlui-color-decoration-Text-paragraph)", "style-decoration-Text-paragraph": "var(--xmlui-style-decoration-Text-paragraph)", "thickness-decoration-Text-paragraph": "var(--xmlui-thickness-decoration-Text-paragraph)", "offset-decoration-Text-paragraph": "var(--xmlui-offset-decoration-Text-paragraph)", "line-height-Text-paragraph": "var(--xmlui-line-height-Text-paragraph)", "color-Text-paragraph": "var(--xmlui-color-Text-paragraph)", "color-bg-Text-paragraph": "var(--xmlui-color-bg-Text-paragraph)", "border-radius-Text-paragraph": "var(--xmlui-border-radius-Text-paragraph)", "color-border-Text-paragraph": "var(--xmlui-color-border-Text-paragraph)", "thickness-border-Text-paragraph": "var(--xmlui-thickness-border-Text-paragraph)", "style-border-Text-paragraph": "var(--xmlui-style-border-Text-paragraph)", "margin-top-Text-paragraph": "var(--xmlui-margin-top-Text-paragraph)", "margin-bottom-Text-paragraph": "var(--xmlui-margin-bottom-Text-paragraph)", "padding-horizontal-Text-paragraph": "var(--xmlui-padding-horizontal-Text-paragraph)", "padding-vertical-Text-paragraph": "var(--xmlui-padding-vertical-Text-paragraph)", "transform-Text-paragraph": "var(--xmlui-transform-Text-paragraph)", "align-vertical-Text-paragraph": "var(--xmlui-align-vertical-Text-paragraph)", "letter-spacing-Text-paragraph": "var(--xmlui-letter-spacing-Text-paragraph)", "font-family-Text-subheading": "var(--xmlui-font-family-Text-subheading)", "font-size-Text-subheading": "var(--xmlui-font-size-Text-subheading)", "font-weight-Text-subheading": "var(--xmlui-font-weight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "font-stretch-Text-subheading": "var(--xmlui-font-stretch-Text-subheading)", "line-decoration-Text-subheading": "var(--xmlui-line-decoration-Text-subheading)", "color-decoration-Text-subheading": "var(--xmlui-color-decoration-Text-subheading)", "style-decoration-Text-subheading": "var(--xmlui-style-decoration-Text-subheading)", "thickness-decoration-Text-subheading": "var(--xmlui-thickness-decoration-Text-subheading)", "offset-decoration-Text-subheading": "var(--xmlui-offset-decoration-Text-subheading)", "line-height-Text-subheading": "var(--xmlui-line-height-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "color-bg-Text-subheading": "var(--xmlui-color-bg-Text-subheading)", "border-radius-Text-subheading": "var(--xmlui-border-radius-Text-subheading)", "color-border-Text-subheading": "var(--xmlui-color-border-Text-subheading)", "thickness-border-Text-subheading": "var(--xmlui-thickness-border-Text-subheading)", "style-border-Text-subheading": "var(--xmlui-style-border-Text-subheading)", "margin-top-Text-subheading": "var(--xmlui-margin-top-Text-subheading)", "margin-bottom-Text-subheading": "var(--xmlui-margin-bottom-Text-subheading)", "padding-horizontal-Text-subheading": "var(--xmlui-padding-horizontal-Text-subheading)", "padding-vertical-Text-subheading": "var(--xmlui-padding-vertical-Text-subheading)", "transform-Text-subheading": "var(--xmlui-transform-Text-subheading)", "align-vertical-Text-subheading": "var(--xmlui-align-vertical-Text-subheading)", "letter-spacing-Text-subheading": "var(--xmlui-letter-spacing-Text-subheading)", "font-family-Text-tableheading": "var(--xmlui-font-family-Text-tableheading)", "font-size-Text-tableheading": "var(--xmlui-font-size-Text-tableheading)", "font-weight-Text-tableheading": "var(--xmlui-font-weight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "font-stretch-Text-tableheading": "var(--xmlui-font-stretch-Text-tableheading)", "line-decoration-Text-tableheading": "var(--xmlui-line-decoration-Text-tableheading)", "color-decoration-Text-tableheading": "var(--xmlui-color-decoration-Text-tableheading)", "style-decoration-Text-tableheading": "var(--xmlui-style-decoration-Text-tableheading)", "thickness-decoration-Text-tableheading": "var(--xmlui-thickness-decoration-Text-tableheading)", "offset-decoration-Text-tableheading": "var(--xmlui-offset-decoration-Text-tableheading)", "line-height-Text-tableheading": "var(--xmlui-line-height-Text-tableheading)", "color-Text-tableheading": "var(--xmlui-color-Text-tableheading)", "color-bg-Text-tableheading": "var(--xmlui-color-bg-Text-tableheading)", "border-radius-Text-tableheading": "var(--xmlui-border-radius-Text-tableheading)", "color-border-Text-tableheading": "var(--xmlui-color-border-Text-tableheading)", "thickness-border-Text-tableheading": "var(--xmlui-thickness-border-Text-tableheading)", "style-border-Text-tableheading": "var(--xmlui-style-border-Text-tableheading)", "margin-top-Text-tableheading": "var(--xmlui-margin-top-Text-tableheading)", "margin-bottom-Text-tableheading": "var(--xmlui-margin-bottom-Text-tableheading)", "padding-horizontal-Text-tableheading": "var(--xmlui-padding-horizontal-Text-tableheading)", "padding-vertical-Text-tableheading": "var(--xmlui-padding-vertical-Text-tableheading)", "transform-Text-tableheading": "var(--xmlui-transform-Text-tableheading)", "align-vertical-Text-tableheading": "var(--xmlui-align-vertical-Text-tableheading)", "letter-spacing-Text-tableheading": "var(--xmlui-letter-spacing-Text-tableheading)", "font-family-Text-secondary": "var(--xmlui-font-family-Text-secondary)", "font-size-Text-secondary": "var(--xmlui-font-size-Text-secondary)", "font-weight-Text-secondary": "var(--xmlui-font-weight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "font-stretch-Text-secondary": "var(--xmlui-font-stretch-Text-secondary)", "line-decoration-Text-secondary": "var(--xmlui-line-decoration-Text-secondary)", "color-decoration-Text-secondary": "var(--xmlui-color-decoration-Text-secondary)", "style-decoration-Text-secondary": "var(--xmlui-style-decoration-Text-secondary)", "thickness-decoration-Text-secondary": "var(--xmlui-thickness-decoration-Text-secondary)", "offset-decoration-Text-secondary": "var(--xmlui-offset-decoration-Text-secondary)", "line-height-Text-secondary": "var(--xmlui-line-height-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)", "color-bg-Text-secondary": "var(--xmlui-color-bg-Text-secondary)", "border-radius-Text-secondary": "var(--xmlui-border-radius-Text-secondary)", "color-border-Text-secondary": "var(--xmlui-color-border-Text-secondary)", "thickness-border-Text-secondary": "var(--xmlui-thickness-border-Text-secondary)", "style-border-Text-secondary": "var(--xmlui-style-border-Text-secondary)", "margin-top-Text-secondary": "var(--xmlui-margin-top-Text-secondary)", "margin-bottom-Text-secondary": "var(--xmlui-margin-bottom-Text-secondary)", "padding-horizontal-Text-secondary": "var(--xmlui-padding-horizontal-Text-secondary)", "padding-vertical-Text-secondary": "var(--xmlui-padding-vertical-Text-secondary)", "transform-Text-secondary": "var(--xmlui-transform-Text-secondary)", "align-vertical-Text-secondary": "var(--xmlui-align-vertical-Text-secondary)", "letter-spacing-Text-secondary": "var(--xmlui-letter-spacing-Text-secondary)"}'`, Wt = "_text_1x1o6_13", Gt = "_abbr_1x1o6_27", jt = "_cite_1x1o6_55", Ut = "_codefence_1x1o6_83", Yt = "_code_1x1o6_83", Zt = "_deleted_1x1o6_139", Jt = "_inserted_1x1o6_182", Xt = "_keyboard_1x1o6_225", Qt = "_marked_1x1o6_253", Kt = "_mono_1x1o6_296", er = "_sample_1x1o6_324", or = "_sup_1x1o6_352", tr = "_sub_1x1o6_380", rr = "_title_1x1o6_436", ir = "_subtitle_1x1o6_464", ar = "_small_1x1o6_492", nr = "_caption_1x1o6_520", lr = "_placeholder_1x1o6_548", sr = "_paragraph_1x1o6_576", cr = "_subheading_1x1o6_604", dr = "_tableheading_1x1o6_632", ur = "_secondary_1x1o6_660", hr = "_strong_1x1o6_688", mr = "_truncateOverflow_1x1o6_696", pr = "_preserveLinebreaks_1x1o6_702", xr = "_noEllipsis_1x1o6_706", br = {
|
|
531
|
-
themeVars:
|
|
532
|
-
text:
|
|
533
|
-
abbr:
|
|
534
|
-
cite:
|
|
535
|
-
codefence:
|
|
536
|
-
code:
|
|
537
|
-
deleted:
|
|
538
|
-
inserted:
|
|
539
|
-
keyboard:
|
|
540
|
-
marked:
|
|
541
|
-
mono:
|
|
542
|
-
sample:
|
|
538
|
+
}, Vo = `'{"Input:radius-TextBox-default": "var(--xmlui-radius-TextBox-default)", "Input:color-border-TextBox-default": "var(--xmlui-color-border-TextBox-default)", "Input:thickness-border-TextBox-default": "var(--xmlui-thickness-border-TextBox-default)", "Input:style-border-TextBox-default": "var(--xmlui-style-border-TextBox-default)", "Input:font-size-TextBox-default": "var(--xmlui-font-size-TextBox-default)", "Input:color-bg-TextBox-default": "var(--xmlui-color-bg-TextBox-default)", "Input:shadow-TextBox-default": "var(--xmlui-shadow-TextBox-default)", "Input:color-text-TextBox-default": "var(--xmlui-color-text-TextBox-default)", "Input:color-border-TextBox-default--hover": "var(--xmlui-color-border-TextBox-default--hover)", "Input:color-bg-TextBox-default--hover": "var(--xmlui-color-bg-TextBox-default--hover)", "Input:shadow-TextBox-default--hover": "var(--xmlui-shadow-TextBox-default--hover)", "Input:color-text-TextBox-default--hover": "var(--xmlui-color-text-TextBox-default--hover)", "Input:color-border-TextBox-default--focus": "var(--xmlui-color-border-TextBox-default--focus)", "Input:color-bg-TextBox-default--focus": "var(--xmlui-color-bg-TextBox-default--focus)", "Input:shadow-TextBox-default--focus": "var(--xmlui-shadow-TextBox-default--focus)", "Input:color-text-TextBox-default--focus": "var(--xmlui-color-text-TextBox-default--focus)", "Input:thickness-outline-TextBox-default--focus": "var(--xmlui-thickness-outline-TextBox-default--focus)", "Input:color-outline-TextBox-default--focus": "var(--xmlui-color-outline-TextBox-default--focus)", "Input:style-outline-TextBox-default--focus": "var(--xmlui-style-outline-TextBox-default--focus)", "Input:offset-outline-TextBox-default--focus": "var(--xmlui-offset-outline-TextBox-default--focus)", "Input:color-placeholder-TextBox-default": "var(--xmlui-color-placeholder-TextBox-default)", "Input:color-adornment-TextBox-default": "var(--xmlui-color-adornment-TextBox-default)", "Input:radius-TextBox-error": "var(--xmlui-radius-TextBox-error)", "Input:color-border-TextBox-error": "var(--xmlui-color-border-TextBox-error)", "Input:thickness-border-TextBox-error": "var(--xmlui-thickness-border-TextBox-error)", "Input:style-border-TextBox-error": "var(--xmlui-style-border-TextBox-error)", "Input:font-size-TextBox-error": "var(--xmlui-font-size-TextBox-error)", "Input:color-bg-TextBox-error": "var(--xmlui-color-bg-TextBox-error)", "Input:shadow-TextBox-error": "var(--xmlui-shadow-TextBox-error)", "Input:color-text-TextBox-error": "var(--xmlui-color-text-TextBox-error)", "Input:color-border-TextBox-error--hover": "var(--xmlui-color-border-TextBox-error--hover)", "Input:color-bg-TextBox-error--hover": "var(--xmlui-color-bg-TextBox-error--hover)", "Input:shadow-TextBox-error--hover": "var(--xmlui-shadow-TextBox-error--hover)", "Input:color-text-TextBox-error--hover": "var(--xmlui-color-text-TextBox-error--hover)", "Input:color-border-TextBox-error--focus": "var(--xmlui-color-border-TextBox-error--focus)", "Input:color-bg-TextBox-error--focus": "var(--xmlui-color-bg-TextBox-error--focus)", "Input:shadow-TextBox-error--focus": "var(--xmlui-shadow-TextBox-error--focus)", "Input:color-text-TextBox-error--focus": "var(--xmlui-color-text-TextBox-error--focus)", "Input:thickness-outline-TextBox-error--focus": "var(--xmlui-thickness-outline-TextBox-error--focus)", "Input:color-outline-TextBox-error--focus": "var(--xmlui-color-outline-TextBox-error--focus)", "Input:style-outline-TextBox-error--focus": "var(--xmlui-style-outline-TextBox-error--focus)", "Input:offset-outline-TextBox-error--focus": "var(--xmlui-offset-outline-TextBox-error--focus)", "Input:color-placeholder-TextBox-error": "var(--xmlui-color-placeholder-TextBox-error)", "Input:color-adornment-TextBox-error": "var(--xmlui-color-adornment-TextBox-error)", "Input:radius-TextBox-warning": "var(--xmlui-radius-TextBox-warning)", "Input:color-border-TextBox-warning": "var(--xmlui-color-border-TextBox-warning)", "Input:thickness-border-TextBox-warning": "var(--xmlui-thickness-border-TextBox-warning)", "Input:style-border-TextBox-warning": "var(--xmlui-style-border-TextBox-warning)", "Input:font-size-TextBox-warning": "var(--xmlui-font-size-TextBox-warning)", "Input:color-bg-TextBox-warning": "var(--xmlui-color-bg-TextBox-warning)", "Input:shadow-TextBox-warning": "var(--xmlui-shadow-TextBox-warning)", "Input:color-text-TextBox-warning": "var(--xmlui-color-text-TextBox-warning)", "Input:color-border-TextBox-warning--hover": "var(--xmlui-color-border-TextBox-warning--hover)", "Input:color-bg-TextBox-warning--hover": "var(--xmlui-color-bg-TextBox-warning--hover)", "Input:shadow-TextBox-warning--hover": "var(--xmlui-shadow-TextBox-warning--hover)", "Input:color-text-TextBox-warning--hover": "var(--xmlui-color-text-TextBox-warning--hover)", "Input:color-border-TextBox-warning--focus": "var(--xmlui-color-border-TextBox-warning--focus)", "Input:color-bg-TextBox-warning--focus": "var(--xmlui-color-bg-TextBox-warning--focus)", "Input:shadow-TextBox-warning--focus": "var(--xmlui-shadow-TextBox-warning--focus)", "Input:color-text-TextBox-warning--focus": "var(--xmlui-color-text-TextBox-warning--focus)", "Input:thickness-outline-TextBox-warning--focus": "var(--xmlui-thickness-outline-TextBox-warning--focus)", "Input:color-outline-TextBox-warning--focus": "var(--xmlui-color-outline-TextBox-warning--focus)", "Input:style-outline-TextBox-warning--focus": "var(--xmlui-style-outline-TextBox-warning--focus)", "Input:offset-outline-TextBox-warning--focus": "var(--xmlui-offset-outline-TextBox-warning--focus)", "Input:color-placeholder-TextBox-warning": "var(--xmlui-color-placeholder-TextBox-warning)", "Input:color-adornment-TextBox-warning": "var(--xmlui-color-adornment-TextBox-warning)", "Input:radius-TextBox-success": "var(--xmlui-radius-TextBox-success)", "Input:color-border-TextBox-success": "var(--xmlui-color-border-TextBox-success)", "Input:thickness-border-TextBox-success": "var(--xmlui-thickness-border-TextBox-success)", "Input:style-border-TextBox-success": "var(--xmlui-style-border-TextBox-success)", "Input:font-size-TextBox-success": "var(--xmlui-font-size-TextBox-success)", "Input:color-bg-TextBox-success": "var(--xmlui-color-bg-TextBox-success)", "Input:shadow-TextBox-success": "var(--xmlui-shadow-TextBox-success)", "Input:color-text-TextBox-success": "var(--xmlui-color-text-TextBox-success)", "Input:color-border-TextBox-success--hover": "var(--xmlui-color-border-TextBox-success--hover)", "Input:color-bg-TextBox-success--hover": "var(--xmlui-color-bg-TextBox-success--hover)", "Input:shadow-TextBox-success--hover": "var(--xmlui-shadow-TextBox-success--hover)", "Input:color-text-TextBox-success--hover": "var(--xmlui-color-text-TextBox-success--hover)", "Input:color-border-TextBox-success--focus": "var(--xmlui-color-border-TextBox-success--focus)", "Input:color-bg-TextBox-success--focus": "var(--xmlui-color-bg-TextBox-success--focus)", "Input:shadow-TextBox-success--focus": "var(--xmlui-shadow-TextBox-success--focus)", "Input:color-text-TextBox-success--focus": "var(--xmlui-color-text-TextBox-success--focus)", "Input:thickness-outline-TextBox-success--focus": "var(--xmlui-thickness-outline-TextBox-success--focus)", "Input:color-outline-TextBox-success--focus": "var(--xmlui-color-outline-TextBox-success--focus)", "Input:style-outline-TextBox-success--focus": "var(--xmlui-style-outline-TextBox-success--focus)", "Input:offset-outline-TextBox-success--focus": "var(--xmlui-offset-outline-TextBox-success--focus)", "Input:color-placeholder-TextBox-success": "var(--xmlui-color-placeholder-TextBox-success)", "Input:color-adornment-TextBox-success": "var(--xmlui-color-adornment-TextBox-success)", "Input:color-bg-TextBox--disabled": "var(--xmlui-color-bg-TextBox--disabled)", "Input:color-text-TextBox--disabled": "var(--xmlui-color-text-TextBox--disabled)", "Input:color-border-TextBox--disabled": "var(--xmlui-color-border-TextBox--disabled)"}'`, Do = "_inputRoot_1watn_13", Oo = "_input_1watn_13", Lo = "_adornment_1watn_53", Ao = "_error_1watn_56", Fo = "_warning_1watn_90", qo = "_valid_1watn_124", Ro = "_readOnly_1watn_175", Eo = {
|
|
539
|
+
themeVars: Vo,
|
|
540
|
+
inputRoot: Do,
|
|
541
|
+
input: Oo,
|
|
542
|
+
adornment: Lo,
|
|
543
|
+
error: Ao,
|
|
544
|
+
warning: Fo,
|
|
545
|
+
valid: qo,
|
|
546
|
+
readOnly: Ro
|
|
547
|
+
}, Wo = `'{"font-family-Text": "var(--xmlui-font-family-Text)", "color-Text": "var(--xmlui-color-Text)", "font-weight-Text": "var(--xmlui-font-weight-Text)", "font-size-Text": "var(--xmlui-font-size-Text)", "font-family-Text-abbr": "var(--xmlui-font-family-Text-abbr)", "font-size-Text-abbr": "var(--xmlui-font-size-Text-abbr)", "font-weight-Text-abbr": "var(--xmlui-font-weight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "font-stretch-Text-abbr": "var(--xmlui-font-stretch-Text-abbr)", "line-decoration-Text-abbr": "var(--xmlui-line-decoration-Text-abbr)", "color-decoration-Text-abbr": "var(--xmlui-color-decoration-Text-abbr)", "style-decoration-Text-abbr": "var(--xmlui-style-decoration-Text-abbr)", "thickness-decoration-Text-abbr": "var(--xmlui-thickness-decoration-Text-abbr)", "offset-decoration-Text-abbr": "var(--xmlui-offset-decoration-Text-abbr)", "line-height-Text-abbr": "var(--xmlui-line-height-Text-abbr)", "color-Text-abbr": "var(--xmlui-color-Text-abbr)", "color-bg-Text-abbr": "var(--xmlui-color-bg-Text-abbr)", "border-radius-Text-abbr": "var(--xmlui-border-radius-Text-abbr)", "color-border-Text-abbr": "var(--xmlui-color-border-Text-abbr)", "thickness-border-Text-abbr": "var(--xmlui-thickness-border-Text-abbr)", "style-border-Text-abbr": "var(--xmlui-style-border-Text-abbr)", "margin-top-Text-abbr": "var(--xmlui-margin-top-Text-abbr)", "margin-bottom-Text-abbr": "var(--xmlui-margin-bottom-Text-abbr)", "padding-horizontal-Text-abbr": "var(--xmlui-padding-horizontal-Text-abbr)", "padding-vertical-Text-abbr": "var(--xmlui-padding-vertical-Text-abbr)", "transform-Text-abbr": "var(--xmlui-transform-Text-abbr)", "align-vertical-Text-abbr": "var(--xmlui-align-vertical-Text-abbr)", "letter-spacing-Text-abbr": "var(--xmlui-letter-spacing-Text-abbr)", "font-family-Text-cite": "var(--xmlui-font-family-Text-cite)", "font-size-Text-cite": "var(--xmlui-font-size-Text-cite)", "font-weight-Text-cite": "var(--xmlui-font-weight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "font-stretch-Text-cite": "var(--xmlui-font-stretch-Text-cite)", "line-decoration-Text-cite": "var(--xmlui-line-decoration-Text-cite)", "color-decoration-Text-cite": "var(--xmlui-color-decoration-Text-cite)", "style-decoration-Text-cite": "var(--xmlui-style-decoration-Text-cite)", "thickness-decoration-Text-cite": "var(--xmlui-thickness-decoration-Text-cite)", "offset-decoration-Text-cite": "var(--xmlui-offset-decoration-Text-cite)", "line-height-Text-cite": "var(--xmlui-line-height-Text-cite)", "color-Text-cite": "var(--xmlui-color-Text-cite)", "color-bg-Text-cite": "var(--xmlui-color-bg-Text-cite)", "border-radius-Text-cite": "var(--xmlui-border-radius-Text-cite)", "color-border-Text-cite": "var(--xmlui-color-border-Text-cite)", "thickness-border-Text-cite": "var(--xmlui-thickness-border-Text-cite)", "style-border-Text-cite": "var(--xmlui-style-border-Text-cite)", "margin-top-Text-cite": "var(--xmlui-margin-top-Text-cite)", "margin-bottom-Text-cite": "var(--xmlui-margin-bottom-Text-cite)", "padding-horizontal-Text-cite": "var(--xmlui-padding-horizontal-Text-cite)", "padding-vertical-Text-cite": "var(--xmlui-padding-vertical-Text-cite)", "transform-Text-cite": "var(--xmlui-transform-Text-cite)", "align-vertical-Text-cite": "var(--xmlui-align-vertical-Text-cite)", "letter-spacing-Text-cite": "var(--xmlui-letter-spacing-Text-cite)", "font-family-Text-code": "var(--xmlui-font-family-Text-code)", "font-size-Text-code": "var(--xmlui-font-size-Text-code)", "font-weight-Text-code": "var(--xmlui-font-weight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "font-stretch-Text-code": "var(--xmlui-font-stretch-Text-code)", "line-decoration-Text-code": "var(--xmlui-line-decoration-Text-code)", "color-decoration-Text-code": "var(--xmlui-color-decoration-Text-code)", "style-decoration-Text-code": "var(--xmlui-style-decoration-Text-code)", "thickness-decoration-Text-code": "var(--xmlui-thickness-decoration-Text-code)", "offset-decoration-Text-code": "var(--xmlui-offset-decoration-Text-code)", "line-height-Text-code": "var(--xmlui-line-height-Text-code)", "color-Text-code": "var(--xmlui-color-Text-code)", "color-bg-Text-code": "var(--xmlui-color-bg-Text-code)", "border-radius-Text-code": "var(--xmlui-border-radius-Text-code)", "color-border-Text-code": "var(--xmlui-color-border-Text-code)", "thickness-border-Text-code": "var(--xmlui-thickness-border-Text-code)", "style-border-Text-code": "var(--xmlui-style-border-Text-code)", "margin-top-Text-code": "var(--xmlui-margin-top-Text-code)", "margin-bottom-Text-code": "var(--xmlui-margin-bottom-Text-code)", "padding-horizontal-Text-code": "var(--xmlui-padding-horizontal-Text-code)", "padding-vertical-Text-code": "var(--xmlui-padding-vertical-Text-code)", "transform-Text-code": "var(--xmlui-transform-Text-code)", "align-vertical-Text-code": "var(--xmlui-align-vertical-Text-code)", "letter-spacing-Text-code": "var(--xmlui-letter-spacing-Text-code)", "font-family-Text-codefence": "var(--xmlui-font-family-Text-codefence)", "font-size-Text-codefence": "var(--xmlui-font-size-Text-codefence)", "font-weight-Text-codefence": "var(--xmlui-font-weight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "font-stretch-Text-codefence": "var(--xmlui-font-stretch-Text-codefence)", "line-decoration-Text-codefence": "var(--xmlui-line-decoration-Text-codefence)", "color-decoration-Text-codefence": "var(--xmlui-color-decoration-Text-codefence)", "style-decoration-Text-codefence": "var(--xmlui-style-decoration-Text-codefence)", "thickness-decoration-Text-codefence": "var(--xmlui-thickness-decoration-Text-codefence)", "offset-decoration-Text-codefence": "var(--xmlui-offset-decoration-Text-codefence)", "line-height-Text-codefence": "var(--xmlui-line-height-Text-codefence)", "color-Text-codefence": "var(--xmlui-color-Text-codefence)", "color-bg-Text-codefence": "var(--xmlui-color-bg-Text-codefence)", "border-radius-Text-codefence": "var(--xmlui-border-radius-Text-codefence)", "color-border-Text-codefence": "var(--xmlui-color-border-Text-codefence)", "thickness-border-Text-codefence": "var(--xmlui-thickness-border-Text-codefence)", "style-border-Text-codefence": "var(--xmlui-style-border-Text-codefence)", "margin-top-Text-codefence": "var(--xmlui-margin-top-Text-codefence)", "margin-bottom-Text-codefence": "var(--xmlui-margin-bottom-Text-codefence)", "padding-horizontal-Text-codefence": "var(--xmlui-padding-horizontal-Text-codefence)", "padding-vertical-Text-codefence": "var(--xmlui-padding-vertical-Text-codefence)", "transform-Text-codefence": "var(--xmlui-transform-Text-codefence)", "align-vertical-Text-codefence": "var(--xmlui-align-vertical-Text-codefence)", "letter-spacing-Text-codefence": "var(--xmlui-letter-spacing-Text-codefence)", "font-family-Text-deleted": "var(--xmlui-font-family-Text-deleted)", "font-size-Text-deleted": "var(--xmlui-font-size-Text-deleted)", "font-weight-Text-deleted": "var(--xmlui-font-weight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "font-stretch-Text-deleted": "var(--xmlui-font-stretch-Text-deleted)", "line-decoration-Text-deleted": "var(--xmlui-line-decoration-Text-deleted)", "color-decoration-Text-deleted": "var(--xmlui-color-decoration-Text-deleted)", "style-decoration-Text-deleted": "var(--xmlui-style-decoration-Text-deleted)", "thickness-decoration-Text-deleted": "var(--xmlui-thickness-decoration-Text-deleted)", "offset-decoration-Text-deleted": "var(--xmlui-offset-decoration-Text-deleted)", "line-height-Text-deleted": "var(--xmlui-line-height-Text-deleted)", "color-Text-deleted": "var(--xmlui-color-Text-deleted)", "color-bg-Text-deleted": "var(--xmlui-color-bg-Text-deleted)", "border-radius-Text-deleted": "var(--xmlui-border-radius-Text-deleted)", "color-border-Text-deleted": "var(--xmlui-color-border-Text-deleted)", "thickness-border-Text-deleted": "var(--xmlui-thickness-border-Text-deleted)", "style-border-Text-deleted": "var(--xmlui-style-border-Text-deleted)", "margin-top-Text-deleted": "var(--xmlui-margin-top-Text-deleted)", "margin-bottom-Text-deleted": "var(--xmlui-margin-bottom-Text-deleted)", "padding-horizontal-Text-deleted": "var(--xmlui-padding-horizontal-Text-deleted)", "padding-vertical-Text-deleted": "var(--xmlui-padding-vertical-Text-deleted)", "transform-Text-deleted": "var(--xmlui-transform-Text-deleted)", "align-vertical-Text-deleted": "var(--xmlui-align-vertical-Text-deleted)", "letter-spacing-Text-deleted": "var(--xmlui-letter-spacing-Text-deleted)", "font-family-Text-inserted": "var(--xmlui-font-family-Text-inserted)", "font-size-Text-inserted": "var(--xmlui-font-size-Text-inserted)", "font-weight-Text-inserted": "var(--xmlui-font-weight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "font-stretch-Text-inserted": "var(--xmlui-font-stretch-Text-inserted)", "line-decoration-Text-inserted": "var(--xmlui-line-decoration-Text-inserted)", "color-decoration-Text-inserted": "var(--xmlui-color-decoration-Text-inserted)", "style-decoration-Text-inserted": "var(--xmlui-style-decoration-Text-inserted)", "thickness-decoration-Text-inserted": "var(--xmlui-thickness-decoration-Text-inserted)", "offset-decoration-Text-inserted": "var(--xmlui-offset-decoration-Text-inserted)", "line-height-Text-inserted": "var(--xmlui-line-height-Text-inserted)", "color-Text-inserted": "var(--xmlui-color-Text-inserted)", "color-bg-Text-inserted": "var(--xmlui-color-bg-Text-inserted)", "border-radius-Text-inserted": "var(--xmlui-border-radius-Text-inserted)", "color-border-Text-inserted": "var(--xmlui-color-border-Text-inserted)", "thickness-border-Text-inserted": "var(--xmlui-thickness-border-Text-inserted)", "style-border-Text-inserted": "var(--xmlui-style-border-Text-inserted)", "margin-top-Text-inserted": "var(--xmlui-margin-top-Text-inserted)", "margin-bottom-Text-inserted": "var(--xmlui-margin-bottom-Text-inserted)", "padding-horizontal-Text-inserted": "var(--xmlui-padding-horizontal-Text-inserted)", "padding-vertical-Text-inserted": "var(--xmlui-padding-vertical-Text-inserted)", "transform-Text-inserted": "var(--xmlui-transform-Text-inserted)", "align-vertical-Text-inserted": "var(--xmlui-align-vertical-Text-inserted)", "letter-spacing-Text-inserted": "var(--xmlui-letter-spacing-Text-inserted)", "font-family-Text-keyboard": "var(--xmlui-font-family-Text-keyboard)", "font-size-Text-keyboard": "var(--xmlui-font-size-Text-keyboard)", "font-weight-Text-keyboard": "var(--xmlui-font-weight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "font-stretch-Text-keyboard": "var(--xmlui-font-stretch-Text-keyboard)", "line-decoration-Text-keyboard": "var(--xmlui-line-decoration-Text-keyboard)", "color-decoration-Text-keyboard": "var(--xmlui-color-decoration-Text-keyboard)", "style-decoration-Text-keyboard": "var(--xmlui-style-decoration-Text-keyboard)", "thickness-decoration-Text-keyboard": "var(--xmlui-thickness-decoration-Text-keyboard)", "offset-decoration-Text-keyboard": "var(--xmlui-offset-decoration-Text-keyboard)", "line-height-Text-keyboard": "var(--xmlui-line-height-Text-keyboard)", "color-Text-keyboard": "var(--xmlui-color-Text-keyboard)", "color-bg-Text-keyboard": "var(--xmlui-color-bg-Text-keyboard)", "border-radius-Text-keyboard": "var(--xmlui-border-radius-Text-keyboard)", "color-border-Text-keyboard": "var(--xmlui-color-border-Text-keyboard)", "thickness-border-Text-keyboard": "var(--xmlui-thickness-border-Text-keyboard)", "style-border-Text-keyboard": "var(--xmlui-style-border-Text-keyboard)", "margin-top-Text-keyboard": "var(--xmlui-margin-top-Text-keyboard)", "margin-bottom-Text-keyboard": "var(--xmlui-margin-bottom-Text-keyboard)", "padding-horizontal-Text-keyboard": "var(--xmlui-padding-horizontal-Text-keyboard)", "padding-vertical-Text-keyboard": "var(--xmlui-padding-vertical-Text-keyboard)", "transform-Text-keyboard": "var(--xmlui-transform-Text-keyboard)", "align-vertical-Text-keyboard": "var(--xmlui-align-vertical-Text-keyboard)", "letter-spacing-Text-keyboard": "var(--xmlui-letter-spacing-Text-keyboard)", "font-family-Text-marked": "var(--xmlui-font-family-Text-marked)", "font-size-Text-marked": "var(--xmlui-font-size-Text-marked)", "font-weight-Text-marked": "var(--xmlui-font-weight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "font-stretch-Text-marked": "var(--xmlui-font-stretch-Text-marked)", "line-decoration-Text-marked": "var(--xmlui-line-decoration-Text-marked)", "color-decoration-Text-marked": "var(--xmlui-color-decoration-Text-marked)", "style-decoration-Text-marked": "var(--xmlui-style-decoration-Text-marked)", "thickness-decoration-Text-marked": "var(--xmlui-thickness-decoration-Text-marked)", "offset-decoration-Text-marked": "var(--xmlui-offset-decoration-Text-marked)", "line-height-Text-marked": "var(--xmlui-line-height-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "color-bg-Text-marked": "var(--xmlui-color-bg-Text-marked)", "border-radius-Text-marked": "var(--xmlui-border-radius-Text-marked)", "color-border-Text-marked": "var(--xmlui-color-border-Text-marked)", "thickness-border-Text-marked": "var(--xmlui-thickness-border-Text-marked)", "style-border-Text-marked": "var(--xmlui-style-border-Text-marked)", "margin-top-Text-marked": "var(--xmlui-margin-top-Text-marked)", "margin-bottom-Text-marked": "var(--xmlui-margin-bottom-Text-marked)", "padding-horizontal-Text-marked": "var(--xmlui-padding-horizontal-Text-marked)", "padding-vertical-Text-marked": "var(--xmlui-padding-vertical-Text-marked)", "transform-Text-marked": "var(--xmlui-transform-Text-marked)", "align-vertical-Text-marked": "var(--xmlui-align-vertical-Text-marked)", "letter-spacing-Text-marked": "var(--xmlui-letter-spacing-Text-marked)", "font-family-Text-mono": "var(--xmlui-font-family-Text-mono)", "font-size-Text-mono": "var(--xmlui-font-size-Text-mono)", "font-weight-Text-mono": "var(--xmlui-font-weight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "font-stretch-Text-mono": "var(--xmlui-font-stretch-Text-mono)", "line-decoration-Text-mono": "var(--xmlui-line-decoration-Text-mono)", "color-decoration-Text-mono": "var(--xmlui-color-decoration-Text-mono)", "style-decoration-Text-mono": "var(--xmlui-style-decoration-Text-mono)", "thickness-decoration-Text-mono": "var(--xmlui-thickness-decoration-Text-mono)", "offset-decoration-Text-mono": "var(--xmlui-offset-decoration-Text-mono)", "line-height-Text-mono": "var(--xmlui-line-height-Text-mono)", "color-Text-mono": "var(--xmlui-color-Text-mono)", "color-bg-Text-mono": "var(--xmlui-color-bg-Text-mono)", "border-radius-Text-mono": "var(--xmlui-border-radius-Text-mono)", "color-border-Text-mono": "var(--xmlui-color-border-Text-mono)", "thickness-border-Text-mono": "var(--xmlui-thickness-border-Text-mono)", "style-border-Text-mono": "var(--xmlui-style-border-Text-mono)", "margin-top-Text-mono": "var(--xmlui-margin-top-Text-mono)", "margin-bottom-Text-mono": "var(--xmlui-margin-bottom-Text-mono)", "padding-horizontal-Text-mono": "var(--xmlui-padding-horizontal-Text-mono)", "padding-vertical-Text-mono": "var(--xmlui-padding-vertical-Text-mono)", "transform-Text-mono": "var(--xmlui-transform-Text-mono)", "align-vertical-Text-mono": "var(--xmlui-align-vertical-Text-mono)", "letter-spacing-Text-mono": "var(--xmlui-letter-spacing-Text-mono)", "font-family-Text-sample": "var(--xmlui-font-family-Text-sample)", "font-size-Text-sample": "var(--xmlui-font-size-Text-sample)", "font-weight-Text-sample": "var(--xmlui-font-weight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "font-stretch-Text-sample": "var(--xmlui-font-stretch-Text-sample)", "line-decoration-Text-sample": "var(--xmlui-line-decoration-Text-sample)", "color-decoration-Text-sample": "var(--xmlui-color-decoration-Text-sample)", "style-decoration-Text-sample": "var(--xmlui-style-decoration-Text-sample)", "thickness-decoration-Text-sample": "var(--xmlui-thickness-decoration-Text-sample)", "offset-decoration-Text-sample": "var(--xmlui-offset-decoration-Text-sample)", "line-height-Text-sample": "var(--xmlui-line-height-Text-sample)", "color-Text-sample": "var(--xmlui-color-Text-sample)", "color-bg-Text-sample": "var(--xmlui-color-bg-Text-sample)", "border-radius-Text-sample": "var(--xmlui-border-radius-Text-sample)", "color-border-Text-sample": "var(--xmlui-color-border-Text-sample)", "thickness-border-Text-sample": "var(--xmlui-thickness-border-Text-sample)", "style-border-Text-sample": "var(--xmlui-style-border-Text-sample)", "margin-top-Text-sample": "var(--xmlui-margin-top-Text-sample)", "margin-bottom-Text-sample": "var(--xmlui-margin-bottom-Text-sample)", "padding-horizontal-Text-sample": "var(--xmlui-padding-horizontal-Text-sample)", "padding-vertical-Text-sample": "var(--xmlui-padding-vertical-Text-sample)", "transform-Text-sample": "var(--xmlui-transform-Text-sample)", "align-vertical-Text-sample": "var(--xmlui-align-vertical-Text-sample)", "letter-spacing-Text-sample": "var(--xmlui-letter-spacing-Text-sample)", "font-family-Text-sup": "var(--xmlui-font-family-Text-sup)", "font-size-Text-sup": "var(--xmlui-font-size-Text-sup)", "font-weight-Text-sup": "var(--xmlui-font-weight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "font-stretch-Text-sup": "var(--xmlui-font-stretch-Text-sup)", "line-decoration-Text-sup": "var(--xmlui-line-decoration-Text-sup)", "color-decoration-Text-sup": "var(--xmlui-color-decoration-Text-sup)", "style-decoration-Text-sup": "var(--xmlui-style-decoration-Text-sup)", "thickness-decoration-Text-sup": "var(--xmlui-thickness-decoration-Text-sup)", "offset-decoration-Text-sup": "var(--xmlui-offset-decoration-Text-sup)", "line-height-Text-sup": "var(--xmlui-line-height-Text-sup)", "color-Text-sup": "var(--xmlui-color-Text-sup)", "color-bg-Text-sup": "var(--xmlui-color-bg-Text-sup)", "border-radius-Text-sup": "var(--xmlui-border-radius-Text-sup)", "color-border-Text-sup": "var(--xmlui-color-border-Text-sup)", "thickness-border-Text-sup": "var(--xmlui-thickness-border-Text-sup)", "style-border-Text-sup": "var(--xmlui-style-border-Text-sup)", "margin-top-Text-sup": "var(--xmlui-margin-top-Text-sup)", "margin-bottom-Text-sup": "var(--xmlui-margin-bottom-Text-sup)", "padding-horizontal-Text-sup": "var(--xmlui-padding-horizontal-Text-sup)", "padding-vertical-Text-sup": "var(--xmlui-padding-vertical-Text-sup)", "transform-Text-sup": "var(--xmlui-transform-Text-sup)", "align-vertical-Text-sup": "var(--xmlui-align-vertical-Text-sup)", "letter-spacing-Text-sup": "var(--xmlui-letter-spacing-Text-sup)", "font-family-Text-sub": "var(--xmlui-font-family-Text-sub)", "font-size-Text-sub": "var(--xmlui-font-size-Text-sub)", "font-weight-Text-sub": "var(--xmlui-font-weight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "font-stretch-Text-sub": "var(--xmlui-font-stretch-Text-sub)", "line-decoration-Text-sub": "var(--xmlui-line-decoration-Text-sub)", "color-decoration-Text-sub": "var(--xmlui-color-decoration-Text-sub)", "style-decoration-Text-sub": "var(--xmlui-style-decoration-Text-sub)", "thickness-decoration-Text-sub": "var(--xmlui-thickness-decoration-Text-sub)", "offset-decoration-Text-sub": "var(--xmlui-offset-decoration-Text-sub)", "line-height-Text-sub": "var(--xmlui-line-height-Text-sub)", "color-Text-sub": "var(--xmlui-color-Text-sub)", "color-bg-Text-sub": "var(--xmlui-color-bg-Text-sub)", "border-radius-Text-sub": "var(--xmlui-border-radius-Text-sub)", "color-border-Text-sub": "var(--xmlui-color-border-Text-sub)", "thickness-border-Text-sub": "var(--xmlui-thickness-border-Text-sub)", "style-border-Text-sub": "var(--xmlui-style-border-Text-sub)", "margin-top-Text-sub": "var(--xmlui-margin-top-Text-sub)", "margin-bottom-Text-sub": "var(--xmlui-margin-bottom-Text-sub)", "padding-horizontal-Text-sub": "var(--xmlui-padding-horizontal-Text-sub)", "padding-vertical-Text-sub": "var(--xmlui-padding-vertical-Text-sub)", "transform-Text-sub": "var(--xmlui-transform-Text-sub)", "align-vertical-Text-sub": "var(--xmlui-align-vertical-Text-sub)", "letter-spacing-Text-sub": "var(--xmlui-letter-spacing-Text-sub)", "font-family-Text-var": "var(--xmlui-font-family-Text-var)", "font-size-Text-var": "var(--xmlui-font-size-Text-var)", "font-weight-Text-var": "var(--xmlui-font-weight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "font-stretch-Text-var": "var(--xmlui-font-stretch-Text-var)", "line-decoration-Text-var": "var(--xmlui-line-decoration-Text-var)", "color-decoration-Text-var": "var(--xmlui-color-decoration-Text-var)", "style-decoration-Text-var": "var(--xmlui-style-decoration-Text-var)", "thickness-decoration-Text-var": "var(--xmlui-thickness-decoration-Text-var)", "offset-decoration-Text-var": "var(--xmlui-offset-decoration-Text-var)", "line-height-Text-var": "var(--xmlui-line-height-Text-var)", "color-Text-var": "var(--xmlui-color-Text-var)", "color-bg-Text-var": "var(--xmlui-color-bg-Text-var)", "border-radius-Text-var": "var(--xmlui-border-radius-Text-var)", "color-border-Text-var": "var(--xmlui-color-border-Text-var)", "thickness-border-Text-var": "var(--xmlui-thickness-border-Text-var)", "style-border-Text-var": "var(--xmlui-style-border-Text-var)", "margin-top-Text-var": "var(--xmlui-margin-top-Text-var)", "margin-bottom-Text-var": "var(--xmlui-margin-bottom-Text-var)", "padding-horizontal-Text-var": "var(--xmlui-padding-horizontal-Text-var)", "padding-vertical-Text-var": "var(--xmlui-padding-vertical-Text-var)", "transform-Text-var": "var(--xmlui-transform-Text-var)", "align-vertical-Text-var": "var(--xmlui-align-vertical-Text-var)", "letter-spacing-Text-var": "var(--xmlui-letter-spacing-Text-var)", "font-family-Text-title": "var(--xmlui-font-family-Text-title)", "font-size-Text-title": "var(--xmlui-font-size-Text-title)", "font-weight-Text-title": "var(--xmlui-font-weight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "font-stretch-Text-title": "var(--xmlui-font-stretch-Text-title)", "line-decoration-Text-title": "var(--xmlui-line-decoration-Text-title)", "color-decoration-Text-title": "var(--xmlui-color-decoration-Text-title)", "style-decoration-Text-title": "var(--xmlui-style-decoration-Text-title)", "thickness-decoration-Text-title": "var(--xmlui-thickness-decoration-Text-title)", "offset-decoration-Text-title": "var(--xmlui-offset-decoration-Text-title)", "line-height-Text-title": "var(--xmlui-line-height-Text-title)", "color-Text-title": "var(--xmlui-color-Text-title)", "color-bg-Text-title": "var(--xmlui-color-bg-Text-title)", "border-radius-Text-title": "var(--xmlui-border-radius-Text-title)", "color-border-Text-title": "var(--xmlui-color-border-Text-title)", "thickness-border-Text-title": "var(--xmlui-thickness-border-Text-title)", "style-border-Text-title": "var(--xmlui-style-border-Text-title)", "margin-top-Text-title": "var(--xmlui-margin-top-Text-title)", "margin-bottom-Text-title": "var(--xmlui-margin-bottom-Text-title)", "padding-horizontal-Text-title": "var(--xmlui-padding-horizontal-Text-title)", "padding-vertical-Text-title": "var(--xmlui-padding-vertical-Text-title)", "transform-Text-title": "var(--xmlui-transform-Text-title)", "align-vertical-Text-title": "var(--xmlui-align-vertical-Text-title)", "letter-spacing-Text-title": "var(--xmlui-letter-spacing-Text-title)", "font-family-Text-subtitle": "var(--xmlui-font-family-Text-subtitle)", "font-size-Text-subtitle": "var(--xmlui-font-size-Text-subtitle)", "font-weight-Text-subtitle": "var(--xmlui-font-weight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "font-stretch-Text-subtitle": "var(--xmlui-font-stretch-Text-subtitle)", "line-decoration-Text-subtitle": "var(--xmlui-line-decoration-Text-subtitle)", "color-decoration-Text-subtitle": "var(--xmlui-color-decoration-Text-subtitle)", "style-decoration-Text-subtitle": "var(--xmlui-style-decoration-Text-subtitle)", "thickness-decoration-Text-subtitle": "var(--xmlui-thickness-decoration-Text-subtitle)", "offset-decoration-Text-subtitle": "var(--xmlui-offset-decoration-Text-subtitle)", "line-height-Text-subtitle": "var(--xmlui-line-height-Text-subtitle)", "color-Text-subtitle": "var(--xmlui-color-Text-subtitle)", "color-bg-Text-subtitle": "var(--xmlui-color-bg-Text-subtitle)", "border-radius-Text-subtitle": "var(--xmlui-border-radius-Text-subtitle)", "color-border-Text-subtitle": "var(--xmlui-color-border-Text-subtitle)", "thickness-border-Text-subtitle": "var(--xmlui-thickness-border-Text-subtitle)", "style-border-Text-subtitle": "var(--xmlui-style-border-Text-subtitle)", "margin-top-Text-subtitle": "var(--xmlui-margin-top-Text-subtitle)", "margin-bottom-Text-subtitle": "var(--xmlui-margin-bottom-Text-subtitle)", "padding-horizontal-Text-subtitle": "var(--xmlui-padding-horizontal-Text-subtitle)", "padding-vertical-Text-subtitle": "var(--xmlui-padding-vertical-Text-subtitle)", "transform-Text-subtitle": "var(--xmlui-transform-Text-subtitle)", "align-vertical-Text-subtitle": "var(--xmlui-align-vertical-Text-subtitle)", "letter-spacing-Text-subtitle": "var(--xmlui-letter-spacing-Text-subtitle)", "font-family-Text-small": "var(--xmlui-font-family-Text-small)", "font-size-Text-small": "var(--xmlui-font-size-Text-small)", "font-weight-Text-small": "var(--xmlui-font-weight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "font-stretch-Text-small": "var(--xmlui-font-stretch-Text-small)", "line-decoration-Text-small": "var(--xmlui-line-decoration-Text-small)", "color-decoration-Text-small": "var(--xmlui-color-decoration-Text-small)", "style-decoration-Text-small": "var(--xmlui-style-decoration-Text-small)", "thickness-decoration-Text-small": "var(--xmlui-thickness-decoration-Text-small)", "offset-decoration-Text-small": "var(--xmlui-offset-decoration-Text-small)", "line-height-Text-small": "var(--xmlui-line-height-Text-small)", "color-Text-small": "var(--xmlui-color-Text-small)", "color-bg-Text-small": "var(--xmlui-color-bg-Text-small)", "border-radius-Text-small": "var(--xmlui-border-radius-Text-small)", "color-border-Text-small": "var(--xmlui-color-border-Text-small)", "thickness-border-Text-small": "var(--xmlui-thickness-border-Text-small)", "style-border-Text-small": "var(--xmlui-style-border-Text-small)", "margin-top-Text-small": "var(--xmlui-margin-top-Text-small)", "margin-bottom-Text-small": "var(--xmlui-margin-bottom-Text-small)", "padding-horizontal-Text-small": "var(--xmlui-padding-horizontal-Text-small)", "padding-vertical-Text-small": "var(--xmlui-padding-vertical-Text-small)", "transform-Text-small": "var(--xmlui-transform-Text-small)", "align-vertical-Text-small": "var(--xmlui-align-vertical-Text-small)", "letter-spacing-Text-small": "var(--xmlui-letter-spacing-Text-small)", "font-family-Text-caption": "var(--xmlui-font-family-Text-caption)", "font-size-Text-caption": "var(--xmlui-font-size-Text-caption)", "font-weight-Text-caption": "var(--xmlui-font-weight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "font-stretch-Text-caption": "var(--xmlui-font-stretch-Text-caption)", "line-decoration-Text-caption": "var(--xmlui-line-decoration-Text-caption)", "color-decoration-Text-caption": "var(--xmlui-color-decoration-Text-caption)", "style-decoration-Text-caption": "var(--xmlui-style-decoration-Text-caption)", "thickness-decoration-Text-caption": "var(--xmlui-thickness-decoration-Text-caption)", "offset-decoration-Text-caption": "var(--xmlui-offset-decoration-Text-caption)", "line-height-Text-caption": "var(--xmlui-line-height-Text-caption)", "color-Text-caption": "var(--xmlui-color-Text-caption)", "color-bg-Text-caption": "var(--xmlui-color-bg-Text-caption)", "border-radius-Text-caption": "var(--xmlui-border-radius-Text-caption)", "color-border-Text-caption": "var(--xmlui-color-border-Text-caption)", "thickness-border-Text-caption": "var(--xmlui-thickness-border-Text-caption)", "style-border-Text-caption": "var(--xmlui-style-border-Text-caption)", "margin-top-Text-caption": "var(--xmlui-margin-top-Text-caption)", "margin-bottom-Text-caption": "var(--xmlui-margin-bottom-Text-caption)", "padding-horizontal-Text-caption": "var(--xmlui-padding-horizontal-Text-caption)", "padding-vertical-Text-caption": "var(--xmlui-padding-vertical-Text-caption)", "transform-Text-caption": "var(--xmlui-transform-Text-caption)", "align-vertical-Text-caption": "var(--xmlui-align-vertical-Text-caption)", "letter-spacing-Text-caption": "var(--xmlui-letter-spacing-Text-caption)", "font-family-Text-placeholder": "var(--xmlui-font-family-Text-placeholder)", "font-size-Text-placeholder": "var(--xmlui-font-size-Text-placeholder)", "font-weight-Text-placeholder": "var(--xmlui-font-weight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "font-stretch-Text-placeholder": "var(--xmlui-font-stretch-Text-placeholder)", "line-decoration-Text-placeholder": "var(--xmlui-line-decoration-Text-placeholder)", "color-decoration-Text-placeholder": "var(--xmlui-color-decoration-Text-placeholder)", "style-decoration-Text-placeholder": "var(--xmlui-style-decoration-Text-placeholder)", "thickness-decoration-Text-placeholder": "var(--xmlui-thickness-decoration-Text-placeholder)", "offset-decoration-Text-placeholder": "var(--xmlui-offset-decoration-Text-placeholder)", "line-height-Text-placeholder": "var(--xmlui-line-height-Text-placeholder)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "color-bg-Text-placeholder": "var(--xmlui-color-bg-Text-placeholder)", "border-radius-Text-placeholder": "var(--xmlui-border-radius-Text-placeholder)", "color-border-Text-placeholder": "var(--xmlui-color-border-Text-placeholder)", "thickness-border-Text-placeholder": "var(--xmlui-thickness-border-Text-placeholder)", "style-border-Text-placeholder": "var(--xmlui-style-border-Text-placeholder)", "margin-top-Text-placeholder": "var(--xmlui-margin-top-Text-placeholder)", "margin-bottom-Text-placeholder": "var(--xmlui-margin-bottom-Text-placeholder)", "padding-horizontal-Text-placeholder": "var(--xmlui-padding-horizontal-Text-placeholder)", "padding-vertical-Text-placeholder": "var(--xmlui-padding-vertical-Text-placeholder)", "transform-Text-placeholder": "var(--xmlui-transform-Text-placeholder)", "align-vertical-Text-placeholder": "var(--xmlui-align-vertical-Text-placeholder)", "letter-spacing-Text-placeholder": "var(--xmlui-letter-spacing-Text-placeholder)", "font-family-Text-paragraph": "var(--xmlui-font-family-Text-paragraph)", "font-size-Text-paragraph": "var(--xmlui-font-size-Text-paragraph)", "font-weight-Text-paragraph": "var(--xmlui-font-weight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "font-stretch-Text-paragraph": "var(--xmlui-font-stretch-Text-paragraph)", "line-decoration-Text-paragraph": "var(--xmlui-line-decoration-Text-paragraph)", "color-decoration-Text-paragraph": "var(--xmlui-color-decoration-Text-paragraph)", "style-decoration-Text-paragraph": "var(--xmlui-style-decoration-Text-paragraph)", "thickness-decoration-Text-paragraph": "var(--xmlui-thickness-decoration-Text-paragraph)", "offset-decoration-Text-paragraph": "var(--xmlui-offset-decoration-Text-paragraph)", "line-height-Text-paragraph": "var(--xmlui-line-height-Text-paragraph)", "color-Text-paragraph": "var(--xmlui-color-Text-paragraph)", "color-bg-Text-paragraph": "var(--xmlui-color-bg-Text-paragraph)", "border-radius-Text-paragraph": "var(--xmlui-border-radius-Text-paragraph)", "color-border-Text-paragraph": "var(--xmlui-color-border-Text-paragraph)", "thickness-border-Text-paragraph": "var(--xmlui-thickness-border-Text-paragraph)", "style-border-Text-paragraph": "var(--xmlui-style-border-Text-paragraph)", "margin-top-Text-paragraph": "var(--xmlui-margin-top-Text-paragraph)", "margin-bottom-Text-paragraph": "var(--xmlui-margin-bottom-Text-paragraph)", "padding-horizontal-Text-paragraph": "var(--xmlui-padding-horizontal-Text-paragraph)", "padding-vertical-Text-paragraph": "var(--xmlui-padding-vertical-Text-paragraph)", "transform-Text-paragraph": "var(--xmlui-transform-Text-paragraph)", "align-vertical-Text-paragraph": "var(--xmlui-align-vertical-Text-paragraph)", "letter-spacing-Text-paragraph": "var(--xmlui-letter-spacing-Text-paragraph)", "font-family-Text-subheading": "var(--xmlui-font-family-Text-subheading)", "font-size-Text-subheading": "var(--xmlui-font-size-Text-subheading)", "font-weight-Text-subheading": "var(--xmlui-font-weight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "font-stretch-Text-subheading": "var(--xmlui-font-stretch-Text-subheading)", "line-decoration-Text-subheading": "var(--xmlui-line-decoration-Text-subheading)", "color-decoration-Text-subheading": "var(--xmlui-color-decoration-Text-subheading)", "style-decoration-Text-subheading": "var(--xmlui-style-decoration-Text-subheading)", "thickness-decoration-Text-subheading": "var(--xmlui-thickness-decoration-Text-subheading)", "offset-decoration-Text-subheading": "var(--xmlui-offset-decoration-Text-subheading)", "line-height-Text-subheading": "var(--xmlui-line-height-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "color-bg-Text-subheading": "var(--xmlui-color-bg-Text-subheading)", "border-radius-Text-subheading": "var(--xmlui-border-radius-Text-subheading)", "color-border-Text-subheading": "var(--xmlui-color-border-Text-subheading)", "thickness-border-Text-subheading": "var(--xmlui-thickness-border-Text-subheading)", "style-border-Text-subheading": "var(--xmlui-style-border-Text-subheading)", "margin-top-Text-subheading": "var(--xmlui-margin-top-Text-subheading)", "margin-bottom-Text-subheading": "var(--xmlui-margin-bottom-Text-subheading)", "padding-horizontal-Text-subheading": "var(--xmlui-padding-horizontal-Text-subheading)", "padding-vertical-Text-subheading": "var(--xmlui-padding-vertical-Text-subheading)", "transform-Text-subheading": "var(--xmlui-transform-Text-subheading)", "align-vertical-Text-subheading": "var(--xmlui-align-vertical-Text-subheading)", "letter-spacing-Text-subheading": "var(--xmlui-letter-spacing-Text-subheading)", "font-family-Text-tableheading": "var(--xmlui-font-family-Text-tableheading)", "font-size-Text-tableheading": "var(--xmlui-font-size-Text-tableheading)", "font-weight-Text-tableheading": "var(--xmlui-font-weight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "font-stretch-Text-tableheading": "var(--xmlui-font-stretch-Text-tableheading)", "line-decoration-Text-tableheading": "var(--xmlui-line-decoration-Text-tableheading)", "color-decoration-Text-tableheading": "var(--xmlui-color-decoration-Text-tableheading)", "style-decoration-Text-tableheading": "var(--xmlui-style-decoration-Text-tableheading)", "thickness-decoration-Text-tableheading": "var(--xmlui-thickness-decoration-Text-tableheading)", "offset-decoration-Text-tableheading": "var(--xmlui-offset-decoration-Text-tableheading)", "line-height-Text-tableheading": "var(--xmlui-line-height-Text-tableheading)", "color-Text-tableheading": "var(--xmlui-color-Text-tableheading)", "color-bg-Text-tableheading": "var(--xmlui-color-bg-Text-tableheading)", "border-radius-Text-tableheading": "var(--xmlui-border-radius-Text-tableheading)", "color-border-Text-tableheading": "var(--xmlui-color-border-Text-tableheading)", "thickness-border-Text-tableheading": "var(--xmlui-thickness-border-Text-tableheading)", "style-border-Text-tableheading": "var(--xmlui-style-border-Text-tableheading)", "margin-top-Text-tableheading": "var(--xmlui-margin-top-Text-tableheading)", "margin-bottom-Text-tableheading": "var(--xmlui-margin-bottom-Text-tableheading)", "padding-horizontal-Text-tableheading": "var(--xmlui-padding-horizontal-Text-tableheading)", "padding-vertical-Text-tableheading": "var(--xmlui-padding-vertical-Text-tableheading)", "transform-Text-tableheading": "var(--xmlui-transform-Text-tableheading)", "align-vertical-Text-tableheading": "var(--xmlui-align-vertical-Text-tableheading)", "letter-spacing-Text-tableheading": "var(--xmlui-letter-spacing-Text-tableheading)", "font-family-Text-secondary": "var(--xmlui-font-family-Text-secondary)", "font-size-Text-secondary": "var(--xmlui-font-size-Text-secondary)", "font-weight-Text-secondary": "var(--xmlui-font-weight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "font-stretch-Text-secondary": "var(--xmlui-font-stretch-Text-secondary)", "line-decoration-Text-secondary": "var(--xmlui-line-decoration-Text-secondary)", "color-decoration-Text-secondary": "var(--xmlui-color-decoration-Text-secondary)", "style-decoration-Text-secondary": "var(--xmlui-style-decoration-Text-secondary)", "thickness-decoration-Text-secondary": "var(--xmlui-thickness-decoration-Text-secondary)", "offset-decoration-Text-secondary": "var(--xmlui-offset-decoration-Text-secondary)", "line-height-Text-secondary": "var(--xmlui-line-height-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)", "color-bg-Text-secondary": "var(--xmlui-color-bg-Text-secondary)", "border-radius-Text-secondary": "var(--xmlui-border-radius-Text-secondary)", "color-border-Text-secondary": "var(--xmlui-color-border-Text-secondary)", "thickness-border-Text-secondary": "var(--xmlui-thickness-border-Text-secondary)", "style-border-Text-secondary": "var(--xmlui-style-border-Text-secondary)", "margin-top-Text-secondary": "var(--xmlui-margin-top-Text-secondary)", "margin-bottom-Text-secondary": "var(--xmlui-margin-bottom-Text-secondary)", "padding-horizontal-Text-secondary": "var(--xmlui-padding-horizontal-Text-secondary)", "padding-vertical-Text-secondary": "var(--xmlui-padding-vertical-Text-secondary)", "transform-Text-secondary": "var(--xmlui-transform-Text-secondary)", "align-vertical-Text-secondary": "var(--xmlui-align-vertical-Text-secondary)", "letter-spacing-Text-secondary": "var(--xmlui-letter-spacing-Text-secondary)"}'`, Go = "_text_5o0dd_13", jo = "_abbr_5o0dd_27", Uo = "_cite_5o0dd_55", Yo = "_codefence_5o0dd_83", Zo = "_code_5o0dd_83", Jo = "_deleted_5o0dd_139", Xo = "_inserted_5o0dd_182", Qo = "_keyboard_5o0dd_225", Ko = "_marked_5o0dd_253", er = "_mono_5o0dd_296", tr = "_sample_5o0dd_324", or = "_sup_5o0dd_352", rr = "_sub_5o0dd_380", ir = "_title_5o0dd_436", ar = "_subtitle_5o0dd_464", nr = "_small_5o0dd_492", lr = "_caption_5o0dd_520", sr = "_placeholder_5o0dd_548", cr = "_paragraph_5o0dd_576", dr = "_subheading_5o0dd_604", ur = "_tableheading_5o0dd_632", hr = "_secondary_5o0dd_660", mr = "_strong_5o0dd_688", pr = "_truncateOverflow_5o0dd_696", xr = "_preserveLinebreaks_5o0dd_703", br = "_noEllipsis_5o0dd_707", vr = {
|
|
548
|
+
themeVars: Wo,
|
|
549
|
+
text: Go,
|
|
550
|
+
abbr: jo,
|
|
551
|
+
cite: Uo,
|
|
552
|
+
codefence: Yo,
|
|
553
|
+
code: Zo,
|
|
554
|
+
deleted: Jo,
|
|
555
|
+
inserted: Xo,
|
|
556
|
+
keyboard: Qo,
|
|
557
|
+
marked: Ko,
|
|
558
|
+
mono: er,
|
|
559
|
+
sample: tr,
|
|
543
560
|
sup: or,
|
|
544
|
-
sub:
|
|
545
|
-
var: "
|
|
546
|
-
title:
|
|
547
|
-
subtitle:
|
|
548
|
-
small:
|
|
549
|
-
caption:
|
|
550
|
-
placeholder:
|
|
551
|
-
paragraph:
|
|
552
|
-
subheading:
|
|
553
|
-
tableheading:
|
|
554
|
-
secondary:
|
|
555
|
-
strong:
|
|
556
|
-
truncateOverflow:
|
|
557
|
-
preserveLinebreaks:
|
|
558
|
-
noEllipsis:
|
|
559
|
-
},
|
|
561
|
+
sub: rr,
|
|
562
|
+
var: "_var_5o0dd_408",
|
|
563
|
+
title: ir,
|
|
564
|
+
subtitle: ar,
|
|
565
|
+
small: nr,
|
|
566
|
+
caption: lr,
|
|
567
|
+
placeholder: sr,
|
|
568
|
+
paragraph: cr,
|
|
569
|
+
subheading: dr,
|
|
570
|
+
tableheading: ur,
|
|
571
|
+
secondary: hr,
|
|
572
|
+
strong: mr,
|
|
573
|
+
truncateOverflow: pr,
|
|
574
|
+
preserveLinebreaks: xr,
|
|
575
|
+
noEllipsis: br
|
|
576
|
+
}, se = "TextBox", Je = t({
|
|
560
577
|
status: "experimental",
|
|
561
|
-
description: `The \`${
|
|
578
|
+
description: `The \`${se}\` is an input component that allows users to input and edit textual data.`,
|
|
562
579
|
props: {
|
|
563
580
|
placeholder: Z(),
|
|
564
581
|
initialValue: z(),
|
|
565
582
|
labelId: E(),
|
|
566
|
-
maxLength:
|
|
583
|
+
maxLength: me(),
|
|
567
584
|
autoFocus: w(),
|
|
568
585
|
required: W(),
|
|
569
586
|
readOnly: V(),
|
|
570
587
|
enabled: f(),
|
|
571
|
-
validationStatus:
|
|
588
|
+
validationStatus: D(),
|
|
572
589
|
startText: Ve(),
|
|
573
|
-
startIcon:
|
|
574
|
-
endText:
|
|
575
|
-
endIcon: Le()
|
|
576
|
-
hasSpinBox: e(
|
|
577
|
-
"This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."
|
|
578
|
-
),
|
|
579
|
-
step: e("This prop governs how big the step when clicking on the spinner of the field."),
|
|
580
|
-
integersOnly: e(
|
|
581
|
-
"This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."
|
|
582
|
-
),
|
|
583
|
-
zeroOrPositive: e(
|
|
584
|
-
"This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."
|
|
585
|
-
),
|
|
586
|
-
minValue: e(
|
|
587
|
-
"The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."
|
|
588
|
-
),
|
|
589
|
-
maxValue: e(
|
|
590
|
-
"The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."
|
|
591
|
-
)
|
|
590
|
+
startIcon: De(),
|
|
591
|
+
endText: Oe(),
|
|
592
|
+
endIcon: Le()
|
|
592
593
|
},
|
|
593
594
|
events: {
|
|
594
|
-
gotFocus: B(
|
|
595
|
-
lostFocus: C(
|
|
596
|
-
didChange: $(
|
|
595
|
+
gotFocus: B(se),
|
|
596
|
+
lostFocus: C(se),
|
|
597
|
+
didChange: $(se)
|
|
597
598
|
},
|
|
598
599
|
apis: {
|
|
599
|
-
focus: Q(
|
|
600
|
+
focus: Q(se),
|
|
600
601
|
value: e(
|
|
601
602
|
"You can query the component's value. If no value is set, it will retrieve `undefined`."
|
|
602
603
|
),
|
|
603
604
|
setValue: ne()
|
|
604
605
|
},
|
|
605
|
-
themeVars: n(
|
|
606
|
+
themeVars: n(Eo.themeVars),
|
|
606
607
|
defaultThemeVars: {
|
|
607
608
|
// TODO: When FormItem is themed, move these defaults there
|
|
608
609
|
"radius-Input": "$radius",
|
|
@@ -629,7 +630,7 @@ const r = "Button", mt = o({
|
|
|
629
630
|
// --- No dark-specific theme vars
|
|
630
631
|
}
|
|
631
632
|
}
|
|
632
|
-
}), Xe = "Theme",
|
|
633
|
+
}), Xe = "Theme", gr = t({
|
|
633
634
|
description: `The \`${Xe}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${Xe}\` to define the default theming context for all of its child components. Theme variables and theme settings only work in this context.`,
|
|
634
635
|
allowArbitraryProps: !0,
|
|
635
636
|
props: {
|
|
@@ -640,7 +641,7 @@ const r = "Button", mt = o({
|
|
|
640
641
|
root: e("This property indicates whether the component is at the root of the application.")
|
|
641
642
|
},
|
|
642
643
|
opaque: !0
|
|
643
|
-
}),
|
|
644
|
+
}), fr = [
|
|
644
645
|
{
|
|
645
646
|
value: "vertical",
|
|
646
647
|
description: "This layout puts the navigation bar on the left side and displays its items vertically. The main content is aligned to the right (including the header and the footer), and its content is a single scroll container; every part of it moves as you scroll the page. This layout does not display the logo in the app header."
|
|
@@ -670,63 +671,64 @@ const r = "Button", mt = o({
|
|
|
670
671
|
description: "Similar to `horizontal`, the header and the navigation bar dock to the top of the viewport, while the footer sticks to the bottom."
|
|
671
672
|
}
|
|
672
673
|
];
|
|
673
|
-
|
|
674
|
-
const
|
|
675
|
-
themeVars:
|
|
676
|
-
wrapper:
|
|
677
|
-
vertical:
|
|
678
|
-
contentWrapper:
|
|
679
|
-
navPanelWrapper:
|
|
680
|
-
PagesWrapper:
|
|
681
|
-
footerWrapper:
|
|
682
|
-
sticky:
|
|
683
|
-
horizontal:
|
|
684
|
-
verticalFullHeader:
|
|
685
|
-
PagesWrapperInner:
|
|
686
|
-
scrollWholePage:
|
|
687
|
-
headerWrapper:
|
|
688
|
-
content:
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
674
|
+
$t(null);
|
|
675
|
+
const Tr = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "shadow-header-App": "var(--xmlui-shadow-header-App)", "shadow-pages-App": "var(--xmlui-shadow-pages-App)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "border-bottom-AppHeader": "var(--xmlui-border-bottom-AppHeader)"}'`, yr = "_wrapper_kqoua_13", $r = "_vertical_kqoua_23", wr = "_contentWrapper_kqoua_27", _r = "_navPanelWrapper_kqoua_32", kr = "_PagesWrapper_kqoua_36", Ir = "_footerWrapper_kqoua_40", Br = "_sticky_kqoua_43", Cr = "_horizontal_kqoua_47", zr = "_verticalFullHeader_kqoua_67", Mr = "_PagesWrapperInner_kqoua_84", Sr = "_scrollWholePage_kqoua_96", Pr = "_headerWrapper_kqoua_99", Nr = "_content_kqoua_27", Hr = "_noScrollbarGutters_kqoua_137", Vr = {
|
|
676
|
+
themeVars: Tr,
|
|
677
|
+
wrapper: yr,
|
|
678
|
+
vertical: $r,
|
|
679
|
+
contentWrapper: wr,
|
|
680
|
+
navPanelWrapper: _r,
|
|
681
|
+
PagesWrapper: kr,
|
|
682
|
+
footerWrapper: Ir,
|
|
683
|
+
sticky: Br,
|
|
684
|
+
horizontal: Cr,
|
|
685
|
+
verticalFullHeader: zr,
|
|
686
|
+
PagesWrapperInner: Mr,
|
|
687
|
+
scrollWholePage: Sr,
|
|
688
|
+
headerWrapper: Pr,
|
|
689
|
+
content: Nr,
|
|
690
|
+
noScrollbarGutters: Hr
|
|
691
|
+
}, Dr = `'{"padding-horizontal-AppHeader": "var(--xmlui-padding-horizontal-AppHeader)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)", "padding-top-AppHeader": "var(--xmlui-padding-top-AppHeader)", "padding-bottom-AppHeader": "var(--xmlui-padding-bottom-AppHeader)", "padding-left-AppHeader": "var(--xmlui-padding-left-AppHeader)", "padding-right-AppHeader": "var(--xmlui-padding-right-AppHeader)", "padding-AppHeader": "var(--xmlui-padding-AppHeader)", "padding-horizontal-logo-AppHeader": "var(--xmlui-padding-horizontal-logo-AppHeader)", "padding-vertical-logo-AppHeader": "var(--xmlui-padding-vertical-logo-AppHeader)", "padding-top-logo-AppHeader": "var(--xmlui-padding-top-logo-AppHeader)", "padding-bottom-logo-AppHeader": "var(--xmlui-padding-bottom-logo-AppHeader)", "padding-left-logo-AppHeader": "var(--xmlui-padding-left-logo-AppHeader)", "padding-right-logo-AppHeader": "var(--xmlui-padding-right-logo-AppHeader)", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "color-border-horizontal-AppHeader": "var(--xmlui-color-border-horizontal-AppHeader)", "thickness-border-horizontal-AppHeader": "var(--xmlui-thickness-border-horizontal-AppHeader)", "style-border-horizontal-AppHeader": "var(--xmlui-style-border-horizontal-AppHeader)", "color-border-vertical-AppHeader": "var(--xmlui-color-border-vertical-AppHeader)", "thickness-border-vertical-AppHeader": "var(--xmlui-thickness-border-vertical-AppHeader)", "style-border-vertical-AppHeader": "var(--xmlui-style-border-vertical-AppHeader)", "color-border-left-AppHeader": "var(--xmlui-color-border-left-AppHeader)", "thickness-border-left-AppHeader": "var(--xmlui-thickness-border-left-AppHeader)", "style-border-left-AppHeader": "var(--xmlui-style-border-left-AppHeader)", "color-border-right-AppHeader": "var(--xmlui-color-border-right-AppHeader)", "thickness-border-right-AppHeader": "var(--xmlui-thickness-border-right-AppHeader)", "style-border-right-AppHeader": "var(--xmlui-style-border-right-AppHeader)", "color-border-top-AppHeader": "var(--xmlui-color-border-top-AppHeader)", "thickness-border-top-AppHeader": "var(--xmlui-thickness-border-top-AppHeader)", "style-border-top-AppHeader": "var(--xmlui-style-border-top-AppHeader)", "color-border-bottom-AppHeader": "var(--xmlui-color-border-bottom-AppHeader)", "thickness-border-bottom-AppHeader": "var(--xmlui-thickness-border-bottom-AppHeader)", "style-border-bottom-AppHeader": "var(--xmlui-style-border-bottom-AppHeader)", "color-border-AppHeader": "var(--xmlui-color-border-AppHeader)", "thickness-border-AppHeader": "var(--xmlui-thickness-border-AppHeader)", "style-border-AppHeader": "var(--xmlui-style-border-AppHeader)", "radius-AppHeader": "var(--xmlui-radius-AppHeader)", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "max-content-width-AppHeader": "var(--xmlui-max-content-width-AppHeader)"}'`, Or = "_header_zx9ej_13", Lr = "_headerInner_zx9ej_36", Ar = "_full_zx9ej_51", Fr = "_childrenWrapper_zx9ej_55", qr = "_logoAndTitle_zx9ej_66", Rr = "_logoContainer_zx9ej_79", Er = "_customLogoContainer_zx9ej_88", Wr = "_rightItems_zx9ej_97", Gr = "_appHub_zx9ej_109", jr = {
|
|
692
|
+
themeVars: Dr,
|
|
693
|
+
header: Or,
|
|
694
|
+
headerInner: Lr,
|
|
695
|
+
full: Ar,
|
|
696
|
+
childrenWrapper: Fr,
|
|
697
|
+
logoAndTitle: qr,
|
|
698
|
+
logoContainer: Rr,
|
|
699
|
+
customLogoContainer: Er,
|
|
700
|
+
rightItems: Wr,
|
|
701
|
+
appHub: Gr
|
|
702
|
+
}, Ur = '"[]"', Yr = "_img_dk2s3_13", Zr = "_clickable_dk2s3_19", Jr = {
|
|
703
|
+
themeVars: Ur,
|
|
704
|
+
img: Yr,
|
|
705
|
+
clickable: Zr
|
|
706
|
+
}, Xr = `'{"radius-NavLink": "var(--xmlui-radius-NavLink)", "color-bg-NavLink": "var(--xmlui-color-bg-NavLink)", "color-bg-NavLink--hover": "var(--xmlui-color-bg-NavLink--hover)", "color-bg-NavLink--hover--active": "var(--xmlui-color-bg-NavLink--hover--active)", "color-bg-NavLink--active": "var(--xmlui-color-bg-NavLink--active)", "color-bg-NavLink--pressed": "var(--xmlui-color-bg-NavLink--pressed)", "color-bg-NavLink--pressed--active": "var(--xmlui-color-bg-NavLink--pressed--active)", "padding-horizontal-NavLink": "var(--xmlui-padding-horizontal-NavLink)", "padding-vertical-NavLink": "var(--xmlui-padding-vertical-NavLink)", "font-size-NavLink": "var(--xmlui-font-size-NavLink)", "color-text-NavLink": "var(--xmlui-color-text-NavLink)", "color-text-NavLink--hover": "var(--xmlui-color-text-NavLink--hover)", "color-text-NavLink--active": "var(--xmlui-color-text-NavLink--active)", "color-text-NavLink--hover--active": "var(--xmlui-color-text-NavLink--hover--active)", "color-text-NavLink--pressed": "var(--xmlui-color-text-NavLink--pressed)", "color-text-NavLink--pressed--active": "var(--xmlui-color-text-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "font-family-NavLink": "var(--xmlui-font-family-NavLink)", "font-weight-NavLink": "var(--xmlui-font-weight-NavLink)", "font-weight-NavLink--pressed": "var(--xmlui-font-weight-NavLink--pressed)", "font-weight-NavLink--active": "var(--xmlui-font-weight-NavLink--active)", "radius-indicator-NavLink": "var(--xmlui-radius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "thickness-outline-NavLink--focus": "var(--xmlui-thickness-outline-NavLink--focus)", "color-outline-NavLink--focus": "var(--xmlui-color-outline-NavLink--focus)", "style-outline-NavLink--focus": "var(--xmlui-style-outline-NavLink--focus)", "offset-outline-NavLink--focus": "var(--xmlui-offset-outline-NavLink--focus)"}'`, Qr = "_content_qpkxv_13", Kr = "_base_qpkxv_13", ei = "_icon_qpkxv_33", ti = "_includeHoverIndicator_qpkxv_39", oi = "_displayActive_qpkxv_49", ri = "_navItemActive_qpkxv_86", ii = "_disabled_qpkxv_121", ai = "_vertical_qpkxv_125", ni = "_indented_qpkxv_134", li = {
|
|
707
|
+
themeVars: Xr,
|
|
708
|
+
content: Qr,
|
|
709
|
+
base: Kr,
|
|
710
|
+
icon: ei,
|
|
711
|
+
includeHoverIndicator: ti,
|
|
712
|
+
displayActive: oi,
|
|
713
|
+
navItemActive: ri,
|
|
714
|
+
disabled: ii,
|
|
715
|
+
vertical: ai,
|
|
716
|
+
indented: ni
|
|
717
|
+
}, si = `'{"color-border-horizontal-NavPanel": "var(--xmlui-color-border-horizontal-NavPanel)", "thickness-border-horizontal-NavPanel": "var(--xmlui-thickness-border-horizontal-NavPanel)", "style-border-horizontal-NavPanel": "var(--xmlui-style-border-horizontal-NavPanel)", "color-border-vertical-NavPanel": "var(--xmlui-color-border-vertical-NavPanel)", "thickness-border-vertical-NavPanel": "var(--xmlui-thickness-border-vertical-NavPanel)", "style-border-vertical-NavPanel": "var(--xmlui-style-border-vertical-NavPanel)", "color-border-left-NavPanel": "var(--xmlui-color-border-left-NavPanel)", "thickness-border-left-NavPanel": "var(--xmlui-thickness-border-left-NavPanel)", "style-border-left-NavPanel": "var(--xmlui-style-border-left-NavPanel)", "color-border-right-NavPanel": "var(--xmlui-color-border-right-NavPanel)", "thickness-border-right-NavPanel": "var(--xmlui-thickness-border-right-NavPanel)", "style-border-right-NavPanel": "var(--xmlui-style-border-right-NavPanel)", "color-border-top-NavPanel": "var(--xmlui-color-border-top-NavPanel)", "thickness-border-top-NavPanel": "var(--xmlui-thickness-border-top-NavPanel)", "style-border-top-NavPanel": "var(--xmlui-style-border-top-NavPanel)", "color-border-bottom-NavPanel": "var(--xmlui-color-border-bottom-NavPanel)", "thickness-border-bottom-NavPanel": "var(--xmlui-thickness-border-bottom-NavPanel)", "style-border-bottom-NavPanel": "var(--xmlui-style-border-bottom-NavPanel)", "color-border-NavPanel": "var(--xmlui-color-border-NavPanel)", "thickness-border-NavPanel": "var(--xmlui-thickness-border-NavPanel)", "style-border-NavPanel": "var(--xmlui-style-border-NavPanel)", "radius-NavPanel": "var(--xmlui-radius-NavPanel)", "color-bg-NavPanel": "var(--xmlui-color-bg-NavPanel)", "shadow-NavPanel": "var(--xmlui-shadow-NavPanel)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "padding-horizontal-NavPanel": "var(--xmlui-padding-horizontal-NavPanel)", "padding-horizontal-logo-NavPanel": "var(--xmlui-padding-horizontal-logo-NavPanel)", "padding-vertical-logo-NavPanel": "var(--xmlui-padding-vertical-logo-NavPanel)", "margin-bottom-logo-NavPanel": "var(--xmlui-margin-bottom-logo-NavPanel)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)"}'`, ci = "_wrapper_r70y6_13", di = "_condensed_r70y6_40", ui = "_horizontal_r70y6_43", hi = "_wrapperInner_r70y6_48", mi = "_logoWrapper_r70y6_64", pi = "_inDrawer_r70y6_74", xi = {
|
|
718
|
+
themeVars: si,
|
|
719
|
+
wrapper: ci,
|
|
720
|
+
condensed: di,
|
|
721
|
+
horizontal: ui,
|
|
722
|
+
wrapperInner: hi,
|
|
723
|
+
logoWrapper: mi,
|
|
724
|
+
inDrawer: pi
|
|
725
|
+
}, X = "App", bi = t({
|
|
724
726
|
status: "experimental",
|
|
725
727
|
description: `The \`${X}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${X}\` allows you to display your preferred layout.`,
|
|
726
728
|
props: {
|
|
727
729
|
layout: e(
|
|
728
730
|
"This property sets the layout template of the app. This setting determines the position and size of the app parts (such as header, navigation bar, footer, etc.) and the app's scroll behavior.",
|
|
729
|
-
|
|
731
|
+
fr
|
|
730
732
|
),
|
|
731
733
|
loggedInUser: e("Stores information about the currently logged in user."),
|
|
732
734
|
logoTemplate: m("Optional template of the app logo"),
|
|
@@ -739,12 +741,18 @@ const fr = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "shadow-h
|
|
|
739
741
|
null,
|
|
740
742
|
"boolean",
|
|
741
743
|
!0
|
|
744
|
+
),
|
|
745
|
+
noScrollbarGutters: e(
|
|
746
|
+
"This boolean property specifies whether the scrollbar gutters should be hidden.",
|
|
747
|
+
null,
|
|
748
|
+
"boolean",
|
|
749
|
+
!1
|
|
742
750
|
)
|
|
743
751
|
},
|
|
744
752
|
events: {
|
|
745
753
|
ready: e(`This event fires when the \`${X}\` component finishes rendering on the page.`)
|
|
746
754
|
},
|
|
747
|
-
themeVars: n(
|
|
755
|
+
themeVars: n(Vr.themeVars),
|
|
748
756
|
defaultThemeVars: {
|
|
749
757
|
[`width-navPanel-${X}`]: "$space-64",
|
|
750
758
|
[`max-content-width-${X}`]: "$max-content-width",
|
|
@@ -758,42 +766,42 @@ const fr = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "shadow-h
|
|
|
758
766
|
}
|
|
759
767
|
}
|
|
760
768
|
});
|
|
761
|
-
function Ne(i,
|
|
769
|
+
function Ne(i, o) {
|
|
762
770
|
return {
|
|
763
|
-
[`padding-left-${i}`]: (
|
|
764
|
-
[`padding-right-${i}`]: (
|
|
765
|
-
[`padding-top-${i}`]: (
|
|
766
|
-
[`padding-bottom-${i}`]: (
|
|
767
|
-
[`padding-horizontal-${i}`]: (
|
|
768
|
-
[`padding-vertical-${i}`]: (
|
|
769
|
-
[`padding-${i}`]: (
|
|
771
|
+
[`padding-left-${i}`]: (o == null ? void 0 : o.left) ?? `$padding-horizontal-${i}`,
|
|
772
|
+
[`padding-right-${i}`]: (o == null ? void 0 : o.right) ?? `$padding-horizontal-${i}`,
|
|
773
|
+
[`padding-top-${i}`]: (o == null ? void 0 : o.top) ?? `$padding-vertical-${i}`,
|
|
774
|
+
[`padding-bottom-${i}`]: (o == null ? void 0 : o.bottom) ?? `$padding-vertical-${i}`,
|
|
775
|
+
[`padding-horizontal-${i}`]: (o == null ? void 0 : o.horizontal) ?? "",
|
|
776
|
+
[`padding-vertical-${i}`]: (o == null ? void 0 : o.vertical) ?? "",
|
|
777
|
+
[`padding-${i}`]: (o == null ? void 0 : o.all) ?? `$padding-top-${i} $padding-right-${i} $padding-bottom-${i} $padding-left-${i}`
|
|
770
778
|
};
|
|
771
779
|
}
|
|
772
|
-
function Ye(i,
|
|
773
|
-
var J,
|
|
780
|
+
function Ye(i, o) {
|
|
781
|
+
var J, oe, be, ve, ge, fe;
|
|
774
782
|
return {
|
|
775
783
|
[`radius-${i}`]: "$radius",
|
|
776
|
-
...M("left", (
|
|
777
|
-
...M("right", (
|
|
778
|
-
...M("top", (
|
|
779
|
-
...M("bottom", (
|
|
780
|
-
...M("horizontal", (
|
|
781
|
-
...M("vertical", (
|
|
782
|
-
[`color-border-${i}`]: ((J =
|
|
783
|
-
[`thickness-border-${i}`]: ((
|
|
784
|
-
[`style-border-${i}`]: ((be =
|
|
785
|
-
[`border-${i}`]: `${((ve =
|
|
784
|
+
...M("left", (o == null ? void 0 : o.left) ?? (o == null ? void 0 : o.horizontal) ?? (o == null ? void 0 : o.all)),
|
|
785
|
+
...M("right", (o == null ? void 0 : o.right) ?? (o == null ? void 0 : o.horizontal) ?? (o == null ? void 0 : o.all)),
|
|
786
|
+
...M("top", (o == null ? void 0 : o.top) ?? (o == null ? void 0 : o.vertical) ?? (o == null ? void 0 : o.all)),
|
|
787
|
+
...M("bottom", (o == null ? void 0 : o.bottom) ?? (o == null ? void 0 : o.vertical) ?? (o == null ? void 0 : o.all)),
|
|
788
|
+
...M("horizontal", (o == null ? void 0 : o.horizontal) ?? (o == null ? void 0 : o.all)),
|
|
789
|
+
...M("vertical", (o == null ? void 0 : o.vertical) ?? (o == null ? void 0 : o.all)),
|
|
790
|
+
[`color-border-${i}`]: ((J = o == null ? void 0 : o.all) == null ? void 0 : J.color) ?? "",
|
|
791
|
+
[`thickness-border-${i}`]: ((oe = o == null ? void 0 : o.all) == null ? void 0 : oe.thickness) ?? "",
|
|
792
|
+
[`style-border-${i}`]: ((be = o == null ? void 0 : o.all) == null ? void 0 : be.style) ?? "",
|
|
793
|
+
[`border-${i}`]: `${((ve = o == null ? void 0 : o.all) == null ? void 0 : ve.thickness) ?? `$thickness-border-${i}`} ${((ge = o == null ? void 0 : o.all) == null ? void 0 : ge.style) ?? `$style-border-${i}`} ${((fe = o == null ? void 0 : o.all) == null ? void 0 : fe.color) ?? `$color-border-${i}`} `
|
|
786
794
|
};
|
|
787
|
-
function M(
|
|
795
|
+
function M(L, T) {
|
|
788
796
|
return {
|
|
789
|
-
[`color-border-${
|
|
790
|
-
[`thickness-border-${
|
|
791
|
-
[`style-border-${
|
|
792
|
-
[`border-${
|
|
797
|
+
[`color-border-${L}-${i}`]: (T == null ? void 0 : T.color) ?? "",
|
|
798
|
+
[`thickness-border-${L}-${i}`]: (T == null ? void 0 : T.thickness) ?? "",
|
|
799
|
+
[`style-border-${L}-${i}`]: (T == null ? void 0 : T.style) ?? "",
|
|
800
|
+
[`border-${L}-${i}`]: (T == null ? void 0 : T.all) ?? `$thickness-border-${L}-${i} $style-border-${L}-${i} $color-border-${L}-${i}`
|
|
793
801
|
};
|
|
794
802
|
}
|
|
795
803
|
}
|
|
796
|
-
const Qe = "AppHeader",
|
|
804
|
+
const Qe = "AppHeader", vi = t({
|
|
797
805
|
status: "experimental",
|
|
798
806
|
description: `\`${Qe}\` is a placeholder within \`App\` to define a custom application header.`,
|
|
799
807
|
props: {
|
|
@@ -806,9 +814,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
806
814
|
titleTemplate: m(
|
|
807
815
|
"This property defines the template to use for the title. With this property, you can construct your custom title instead of using a single image."
|
|
808
816
|
),
|
|
809
|
-
title: e("Title for the application logo")
|
|
817
|
+
title: e("Title for the application logo"),
|
|
818
|
+
showLogo: e("Show the logo in the header", null, "boolean", !0)
|
|
810
819
|
},
|
|
811
|
-
themeVars: n(
|
|
820
|
+
themeVars: n(jr.themeVars),
|
|
812
821
|
defaultThemeVars: {
|
|
813
822
|
"height-AppHeader": "$space-14",
|
|
814
823
|
"max-content-width-AppHeader": "$max-content-width-App",
|
|
@@ -834,26 +843,26 @@ const Qe = "AppHeader", xi = o({
|
|
|
834
843
|
"color-bg-AppHeader": "$color-surface-900"
|
|
835
844
|
}
|
|
836
845
|
}
|
|
837
|
-
}),
|
|
838
|
-
description: `${
|
|
846
|
+
}), ce = "AppState", gi = t({
|
|
847
|
+
description: `${ce} is a functional component (without a visible user interface) that helps store and manage the app's state.`,
|
|
839
848
|
props: {
|
|
840
849
|
bucket: e(
|
|
841
|
-
`This property is the identifier of the bucket to which the \`${
|
|
850
|
+
`This property is the identifier of the bucket to which the \`${ce}\` instance is bound. Multiple \`${ce}\` instances with the same bucket will share the same state object: any of them updating the state will cause the other instances to view the new, updated state.`
|
|
842
851
|
),
|
|
843
852
|
initialValue: e(
|
|
844
|
-
`This property contains the initial state value. Though you can use multiple \`${
|
|
853
|
+
`This property contains the initial state value. Though you can use multiple \`${ce}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${ce}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`
|
|
845
854
|
)
|
|
846
855
|
},
|
|
847
856
|
nonVisual: !0
|
|
848
|
-
}),
|
|
849
|
-
themeVars:
|
|
850
|
-
container:
|
|
851
|
-
xs:
|
|
852
|
-
sm:
|
|
853
|
-
md:
|
|
854
|
-
lg:
|
|
855
|
-
clickable:
|
|
856
|
-
}, g = "Avatar",
|
|
857
|
+
}), fi = `'{"color-bg-Avatar": "var(--xmlui-color-bg-Avatar)", "color-border-Avatar": "var(--xmlui-color-border-Avatar)", "thickness-border-Avatar": "var(--xmlui-thickness-border-Avatar)", "style-border-Avatar": "var(--xmlui-style-border-Avatar)", "border-Avatar": "var(--xmlui-border-Avatar)", "radius-Avatar": "var(--xmlui-radius-Avatar)", "shadow-Avatar": "var(--xmlui-shadow-Avatar)", "color-text-Avatar": "var(--xmlui-color-text-Avatar)", "font-weight-Avatar": "var(--xmlui-font-weight-Avatar)"}'`, Ti = "_container_1fbc9_13", yi = "_xs_1fbc9_34", $i = "_sm_1fbc9_41", wi = "_md_1fbc9_48", _i = "_lg_1fbc9_55", ki = "_clickable_1fbc9_62", Ii = {
|
|
858
|
+
themeVars: fi,
|
|
859
|
+
container: Ti,
|
|
860
|
+
xs: yi,
|
|
861
|
+
sm: $i,
|
|
862
|
+
md: wi,
|
|
863
|
+
lg: _i,
|
|
864
|
+
clickable: ki
|
|
865
|
+
}, g = "Avatar", Bi = t({
|
|
857
866
|
description: `The \`${g}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,
|
|
858
867
|
props: {
|
|
859
868
|
size: e(`This property defines the display size of the ${g}.`, We, "string", "sm"),
|
|
@@ -863,7 +872,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
863
872
|
events: {
|
|
864
873
|
click: e("This event is triggered when the avatar is clicked.")
|
|
865
874
|
},
|
|
866
|
-
themeVars: n(
|
|
875
|
+
themeVars: n(Ii.themeVars),
|
|
867
876
|
defaultThemeVars: {
|
|
868
877
|
[`radius-${g}`]: "4px",
|
|
869
878
|
[`thickness-border-${g}`]: "0px",
|
|
@@ -881,11 +890,11 @@ const Qe = "AppHeader", xi = o({
|
|
|
881
890
|
[`color-border-${g}`]: "$color-surface-700"
|
|
882
891
|
}
|
|
883
892
|
}
|
|
884
|
-
}),
|
|
885
|
-
themeVars:
|
|
886
|
-
badge:
|
|
887
|
-
pill:
|
|
888
|
-
}, v = "Badge",
|
|
893
|
+
}), Ci = `'{"color-bg-Badge": "var(--xmlui-color-bg-Badge)", "radius-Badge": "var(--xmlui-radius-Badge)", "color-text-Badge": "var(--xmlui-color-text-Badge)", "font-size-Badge": "var(--xmlui-font-size-Badge)", "font-size-Badge-pill": "var(--xmlui-font-size-Badge-pill)", "font-weight-Badge": "var(--xmlui-font-weight-Badge)", "font-weight-Badge-pill": "var(--xmlui-font-weight-Badge-pill)", "padding-horizontal-Badge": "var(--xmlui-padding-horizontal-Badge)", "padding-vertical-Badge": "var(--xmlui-padding-vertical-Badge)", "padding-Badge": "var(--xmlui-padding-Badge)", "padding-horizontal-Badge-pill": "var(--xmlui-padding-horizontal-Badge-pill)", "padding-vertical-Badge-pill": "var(--xmlui-padding-vertical-Badge-pill)", "padding-Badge-pill": "var(--xmlui-padding-Badge-pill)"}'`, zi = "_badge_xcyhw_13", Mi = "_pill_xcyhw_29", Si = {
|
|
894
|
+
themeVars: Ci,
|
|
895
|
+
badge: zi,
|
|
896
|
+
pill: Mi
|
|
897
|
+
}, v = "Badge", Pi = t({
|
|
889
898
|
status: "stable",
|
|
890
899
|
description: `The \`${v}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,
|
|
891
900
|
props: {
|
|
@@ -907,7 +916,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
907
916
|
indicatorPosition: e("(**NOT IMPLEMENTED YET**) The position of the indicator.")
|
|
908
917
|
},
|
|
909
918
|
events: {},
|
|
910
|
-
themeVars: n(
|
|
919
|
+
themeVars: n(Si.themeVars),
|
|
911
920
|
defaultThemeVars: {
|
|
912
921
|
[`padding-horizontal-${v}`]: "$space-2",
|
|
913
922
|
[`padding-vertical-${v}`]: "$space-0_5",
|
|
@@ -927,7 +936,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
927
936
|
[`color-text-${v}`]: "$color-surface-50"
|
|
928
937
|
}
|
|
929
938
|
}
|
|
930
|
-
}),
|
|
939
|
+
}), Ni = t({
|
|
931
940
|
description: "As its name suggests, this component places a bookmark into its parent component's view. The component has an `id` that you can use in links to navigate (scroll to) the bookmark's location.",
|
|
932
941
|
opaque: !0,
|
|
933
942
|
props: {
|
|
@@ -938,29 +947,29 @@ const Qe = "AppHeader", xi = o({
|
|
|
938
947
|
"The level of the bookmark. The level is used to determine the bookmark's position in the table of contents."
|
|
939
948
|
)
|
|
940
949
|
}
|
|
941
|
-
}),
|
|
942
|
-
themeVars:
|
|
943
|
-
wrapper:
|
|
944
|
-
isClickable:
|
|
945
|
-
},
|
|
946
|
-
themeVars:
|
|
947
|
-
container:
|
|
948
|
-
active:
|
|
949
|
-
disabled:
|
|
950
|
-
iconWrapper:
|
|
951
|
-
},
|
|
952
|
-
themeVars:
|
|
953
|
-
heading:
|
|
954
|
-
h1:
|
|
955
|
-
h2:
|
|
956
|
-
h3:
|
|
957
|
-
h4:
|
|
958
|
-
h5:
|
|
959
|
-
h6:
|
|
960
|
-
truncateOverflow:
|
|
961
|
-
preserveLinebreaks:
|
|
962
|
-
noEllipsis:
|
|
963
|
-
}, b = "Card",
|
|
950
|
+
}), Hi = `'{"padding-Card": "var(--xmlui-padding-Card)", "padding-horizontal-Card": "var(--xmlui-padding-horizontal-Card)", "padding-vertical-Card": "var(--xmlui-padding-vertical-Card)", "shadow-Card": "var(--xmlui-shadow-Card)", "color-bg-Card": "var(--xmlui-color-bg-Card)", "radius-Card": "var(--xmlui-radius-Card)", "color-border-Card": "var(--xmlui-color-border-Card)", "thickness-border-Card": "var(--xmlui-thickness-border-Card)", "style-border-Card": "var(--xmlui-style-border-Card)", "border-Card": "var(--xmlui-border-Card)"}'`, Vi = "_wrapper_6uga6_13", Di = "_isClickable_6uga6_23", Oi = {
|
|
951
|
+
themeVars: Hi,
|
|
952
|
+
wrapper: Vi,
|
|
953
|
+
isClickable: Di
|
|
954
|
+
}, Li = `'{"color-text-Link": "var(--xmlui-color-text-Link)", "color-text-Link--active": "var(--xmlui-color-text-Link--active)", "color-text-Link--hover": "var(--xmlui-color-text-Link--hover)", "color-text-Link--hover--active": "var(--xmlui-color-text-Link--hover--active)", "font-size-Link": "var(--xmlui-font-size-Link)", "font-weight-Link": "var(--xmlui-font-weight-Link)", "font-weight-Link--active": "var(--xmlui-font-weight-Link--active)", "color-decoration-Link": "var(--xmlui-color-decoration-Link)", "offset-decoration-Link": "var(--xmlui-offset-decoration-Link)", "line-decoration-Link": "var(--xmlui-line-decoration-Link)", "style-decoration-Link": "var(--xmlui-style-decoration-Link)", "thickness-decoration-Link": "var(--xmlui-thickness-decoration-Link)", "thickness-outline-Link--focus": "var(--xmlui-thickness-outline-Link--focus)", "color-outline-Link--focus": "var(--xmlui-color-outline-Link--focus)", "style-outline-Link--focus": "var(--xmlui-style-outline-Link--focus)", "offset-outline-Link--focus": "var(--xmlui-offset-outline-Link--focus)"}'`, Ai = "_container_bq1e8_13", Fi = "_active_bq1e8_27", qi = "_disabled_bq1e8_31", Ri = "_iconWrapper_bq1e8_47", Ei = {
|
|
955
|
+
themeVars: Li,
|
|
956
|
+
container: Ai,
|
|
957
|
+
active: Fi,
|
|
958
|
+
disabled: qi,
|
|
959
|
+
iconWrapper: Ri
|
|
960
|
+
}, Wi = `'{"Heading:color-text-H1": "var(--xmlui-color-text-H1)", "Heading:letter-spacing-H1": "var(--xmlui-letter-spacing-H1)", "Heading:font-family-H1": "var(--xmlui-font-family-H1)", "Heading:font-weight-H1": "var(--xmlui-font-weight-H1)", "font-size-H1": "var(--xmlui-font-size-H1)", "line-height-H1": "var(--xmlui-line-height-H1)", "margin-top-H1": "var(--xmlui-margin-top-H1)", "margin-bottom-H1": "var(--xmlui-margin-bottom-H1)", "Heading:line-decoration-H1": "var(--xmlui-line-decoration-H1)", "Heading:color-decoration-H1": "var(--xmlui-color-decoration-H1)", "Heading:style-decoration-H1": "var(--xmlui-style-decoration-H1)", "Heading:thickness-decoration-H1": "var(--xmlui-thickness-decoration-H1)", "Heading:offset-decoration-H1": "var(--xmlui-offset-decoration-H1)", "Heading:color-text-H2": "var(--xmlui-color-text-H2)", "Heading:letter-spacing-H2": "var(--xmlui-letter-spacing-H2)", "Heading:font-family-H2": "var(--xmlui-font-family-H2)", "Heading:font-weight-H2": "var(--xmlui-font-weight-H2)", "font-size-H2": "var(--xmlui-font-size-H2)", "line-height-H2": "var(--xmlui-line-height-H2)", "margin-top-H2": "var(--xmlui-margin-top-H2)", "margin-bottom-H2": "var(--xmlui-margin-bottom-H2)", "Heading:line-decoration-H2": "var(--xmlui-line-decoration-H2)", "Heading:color-decoration-H2": "var(--xmlui-color-decoration-H2)", "Heading:style-decoration-H2": "var(--xmlui-style-decoration-H2)", "Heading:thickness-decoration-H2": "var(--xmlui-thickness-decoration-H2)", "Heading:offset-decoration-H2": "var(--xmlui-offset-decoration-H2)", "Heading:color-text-H3": "var(--xmlui-color-text-H3)", "Heading:letter-spacing-H3": "var(--xmlui-letter-spacing-H3)", "Heading:font-family-H3": "var(--xmlui-font-family-H3)", "Heading:font-weight-H3": "var(--xmlui-font-weight-H3)", "font-size-H3": "var(--xmlui-font-size-H3)", "line-height-H3": "var(--xmlui-line-height-H3)", "margin-top-H3": "var(--xmlui-margin-top-H3)", "margin-bottom-H3": "var(--xmlui-margin-bottom-H3)", "Heading:line-decoration-H3": "var(--xmlui-line-decoration-H3)", "Heading:color-decoration-H3": "var(--xmlui-color-decoration-H3)", "Heading:style-decoration-H3": "var(--xmlui-style-decoration-H3)", "Heading:thickness-decoration-H3": "var(--xmlui-thickness-decoration-H3)", "Heading:offset-decoration-H3": "var(--xmlui-offset-decoration-H3)", "Heading:color-text-H4": "var(--xmlui-color-text-H4)", "Heading:letter-spacing-H4": "var(--xmlui-letter-spacing-H4)", "Heading:font-family-H4": "var(--xmlui-font-family-H4)", "Heading:font-weight-H4": "var(--xmlui-font-weight-H4)", "font-size-H4": "var(--xmlui-font-size-H4)", "line-height-H4": "var(--xmlui-line-height-H4)", "margin-top-H4": "var(--xmlui-margin-top-H4)", "margin-bottom-H4": "var(--xmlui-margin-bottom-H4)", "Heading:line-decoration-H4": "var(--xmlui-line-decoration-H4)", "Heading:color-decoration-H4": "var(--xmlui-color-decoration-H4)", "Heading:style-decoration-H4": "var(--xmlui-style-decoration-H4)", "Heading:thickness-decoration-H4": "var(--xmlui-thickness-decoration-H4)", "Heading:offset-decoration-H4": "var(--xmlui-offset-decoration-H4)", "Heading:color-text-H5": "var(--xmlui-color-text-H5)", "Heading:letter-spacing-H5": "var(--xmlui-letter-spacing-H5)", "Heading:font-family-H5": "var(--xmlui-font-family-H5)", "Heading:font-weight-H5": "var(--xmlui-font-weight-H5)", "font-size-H5": "var(--xmlui-font-size-H5)", "line-height-H5": "var(--xmlui-line-height-H5)", "margin-top-H5": "var(--xmlui-margin-top-H5)", "margin-bottom-H5": "var(--xmlui-margin-bottom-H5)", "Heading:line-decoration-H5": "var(--xmlui-line-decoration-H5)", "Heading:color-decoration-H5": "var(--xmlui-color-decoration-H5)", "Heading:style-decoration-H5": "var(--xmlui-style-decoration-H5)", "Heading:thickness-decoration-H5": "var(--xmlui-thickness-decoration-H5)", "Heading:offset-decoration-H5": "var(--xmlui-offset-decoration-H5)", "Heading:color-text-H6": "var(--xmlui-color-text-H6)", "Heading:letter-spacing-H6": "var(--xmlui-letter-spacing-H6)", "Heading:font-family-H6": "var(--xmlui-font-family-H6)", "Heading:font-weight-H6": "var(--xmlui-font-weight-H6)", "font-size-H6": "var(--xmlui-font-size-H6)", "line-height-H6": "var(--xmlui-line-height-H6)", "margin-top-H6": "var(--xmlui-margin-top-H6)", "margin-bottom-H6": "var(--xmlui-margin-bottom-H6)", "Heading:line-decoration-H6": "var(--xmlui-line-decoration-H6)", "Heading:color-decoration-H6": "var(--xmlui-color-decoration-H6)", "Heading:style-decoration-H6": "var(--xmlui-style-decoration-H6)", "Heading:thickness-decoration-H6": "var(--xmlui-thickness-decoration-H6)", "Heading:offset-decoration-H6": "var(--xmlui-offset-decoration-H6)"}'`, Gi = "_heading_1tifa_13", ji = "_h1_1tifa_13", Ui = "_h2_1tifa_28", Yi = "_h3_1tifa_43", Zi = "_h4_1tifa_58", Ji = "_h5_1tifa_73", Xi = "_h6_1tifa_88", Qi = "_truncateOverflow_1tifa_108", Ki = "_preserveLinebreaks_1tifa_114", ea = "_noEllipsis_1tifa_118", K = {
|
|
961
|
+
themeVars: Wi,
|
|
962
|
+
heading: Gi,
|
|
963
|
+
h1: ji,
|
|
964
|
+
h2: Ui,
|
|
965
|
+
h3: Yi,
|
|
966
|
+
h4: Zi,
|
|
967
|
+
h5: Ji,
|
|
968
|
+
h6: Xi,
|
|
969
|
+
truncateOverflow: Qi,
|
|
970
|
+
preserveLinebreaks: Ki,
|
|
971
|
+
noEllipsis: ea
|
|
972
|
+
}, b = "Card", ta = t({
|
|
964
973
|
description: `The \`${b}\` component is a container for cohesive elements, often rendered visually as a card.`,
|
|
965
974
|
props: {
|
|
966
975
|
avatarUrl: e(
|
|
@@ -968,7 +977,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
968
977
|
),
|
|
969
978
|
showAvatar: e(`Indicates whether the ${b} should be displayed`, null, "boolean"),
|
|
970
979
|
title: e("This prop sets the prestyled title."),
|
|
971
|
-
|
|
980
|
+
subtitle: e("This prop sets the prestyled subtitle."),
|
|
972
981
|
linkTo: e(
|
|
973
982
|
"This property wraps the title in a `Link` component that is clickable to navigate."
|
|
974
983
|
)
|
|
@@ -976,7 +985,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
976
985
|
events: {
|
|
977
986
|
click: Y(b)
|
|
978
987
|
},
|
|
979
|
-
themeVars: n(
|
|
988
|
+
themeVars: n(Oi.themeVars),
|
|
980
989
|
defaultThemeVars: {
|
|
981
990
|
[`padding-horizontal-${b}`]: "$space-4",
|
|
982
991
|
[`padding-vertical-${b}`]: "$space-4",
|
|
@@ -994,7 +1003,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
994
1003
|
[`color-bg-${b}`]: "$color-surface-900"
|
|
995
1004
|
}
|
|
996
1005
|
}
|
|
997
|
-
}), Ke = "ChangeListener",
|
|
1006
|
+
}), Ke = "ChangeListener", oa = t({
|
|
998
1007
|
description: `\`${Ke}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,
|
|
999
1008
|
props: {
|
|
1000
1009
|
listenTo: e("Value to the changes of which this component listens"),
|
|
@@ -1005,36 +1014,36 @@ const Qe = "AppHeader", xi = o({
|
|
|
1005
1014
|
events: {
|
|
1006
1015
|
didChange: $(Ke)
|
|
1007
1016
|
}
|
|
1008
|
-
}),
|
|
1009
|
-
themeVars:
|
|
1010
|
-
resetAppearance:
|
|
1011
|
-
checkbox:
|
|
1012
|
-
error:
|
|
1013
|
-
warning:
|
|
1014
|
-
valid:
|
|
1017
|
+
}), ra = `'{"Input:radius-Checkbox-default": "var(--xmlui-radius-Checkbox-default)", "Input:color-border-Checkbox-default": "var(--xmlui-color-border-Checkbox-default)", "Input:color-bg-Checkbox-default": "var(--xmlui-color-bg-Checkbox-default)", "Input:thickness-outline-Checkbox-default--focus": "var(--xmlui-thickness-outline-Checkbox-default--focus)", "Input:color-outline-Checkbox-default--focus": "var(--xmlui-color-outline-Checkbox-default--focus)", "Input:style-outline-Checkbox-default--focus": "var(--xmlui-style-outline-Checkbox-default--focus)", "Input:offset-outline-Checkbox-default--focus": "var(--xmlui-offset-outline-Checkbox-default--focus)", "Input:color-border-Checkbox-default--hover": "var(--xmlui-color-border-Checkbox-default--hover)", "Input:color-bg-Checkbox--disabled": "var(--xmlui-color-bg-Checkbox--disabled)", "Input:color-border-Checkbox--disabled": "var(--xmlui-color-border-Checkbox--disabled)", "Input:radius-Checkbox-error": "var(--xmlui-radius-Checkbox-error)", "Input:color-border-Checkbox-error": "var(--xmlui-color-border-Checkbox-error)", "Input:color-bg-Checkbox-error": "var(--xmlui-color-bg-Checkbox-error)", "Input:thickness-outline-Checkbox-error--focus": "var(--xmlui-thickness-outline-Checkbox-error--focus)", "Input:color-outline-Checkbox-error--focus": "var(--xmlui-color-outline-Checkbox-error--focus)", "Input:style-outline-Checkbox-error--focus": "var(--xmlui-style-outline-Checkbox-error--focus)", "Input:offset-outline-Checkbox-error--focus": "var(--xmlui-offset-outline-Checkbox-error--focus)", "Input:radius-Checkbox-warning": "var(--xmlui-radius-Checkbox-warning)", "Input:color-border-Checkbox-warning": "var(--xmlui-color-border-Checkbox-warning)", "Input:color-bg-Checkbox-warning": "var(--xmlui-color-bg-Checkbox-warning)", "Input:thickness-outline-Checkbox-warning--focus": "var(--xmlui-thickness-outline-Checkbox-warning--focus)", "Input:color-outline-Checkbox-warning--focus": "var(--xmlui-color-outline-Checkbox-warning--focus)", "Input:style-outline-Checkbox-warning--focus": "var(--xmlui-style-outline-Checkbox-warning--focus)", "Input:offset-outline-Checkbox-warning--focus": "var(--xmlui-offset-outline-Checkbox-warning--focus)", "Input:radius-Checkbox-success": "var(--xmlui-radius-Checkbox-success)", "Input:color-border-Checkbox-success": "var(--xmlui-color-border-Checkbox-success)", "Input:color-bg-Checkbox-success": "var(--xmlui-color-bg-Checkbox-success)", "Input:thickness-outline-Checkbox-success--focus": "var(--xmlui-thickness-outline-Checkbox-success--focus)", "Input:color-outline-Checkbox-success--focus": "var(--xmlui-color-outline-Checkbox-success--focus)", "Input:style-outline-Checkbox-success--focus": "var(--xmlui-style-outline-Checkbox-success--focus)", "Input:offset-outline-Checkbox-success--focus": "var(--xmlui-offset-outline-Checkbox-success--focus)", "color-bg-indicator-Checkbox": "var(--xmlui-color-bg-indicator-Checkbox)", "Input:color-border-checked-Checkbox": "var(--xmlui-color-border-checked-Checkbox)", "Input:color-bg-checked-Checkbox": "var(--xmlui-color-bg-checked-Checkbox)", "Input:color-border-checked-Checkbox-error": "var(--xmlui-color-border-checked-Checkbox-error)", "Input:color-bg-checked-Checkbox-error": "var(--xmlui-color-bg-checked-Checkbox-error)", "Input:color-border-checked-Checkbox-warning": "var(--xmlui-color-border-checked-Checkbox-warning)", "Input:color-bg-checked-Checkbox-warning": "var(--xmlui-color-bg-checked-Checkbox-warning)", "Input:color-border-checked-Checkbox-success": "var(--xmlui-color-border-checked-Checkbox-success)", "Input:color-bg-checked-Checkbox-success": "var(--xmlui-color-bg-checked-Checkbox-success)", "Input:color-border-Switch": "var(--xmlui-color-border-Switch)", "Input:color-bg-Switch": "var(--xmlui-color-bg-Switch)", "Input:color-border-Switch-default--hover": "var(--xmlui-color-border-Switch-default--hover)", "Input:color-bg-Switch--disabled": "var(--xmlui-color-bg-Switch--disabled)", "Input:color-border-Switch--disabled": "var(--xmlui-color-border-Switch--disabled)", "Input:color-border-Switch-error": "var(--xmlui-color-border-Switch-error)", "Input:color-border-Switch-warning": "var(--xmlui-color-border-Switch-warning)", "Input:color-border-Switch-success": "var(--xmlui-color-border-Switch-success)", "color-bg-indicator-Switch": "var(--xmlui-color-bg-indicator-Switch)", "Input:color-border-checked-Switch": "var(--xmlui-color-border-checked-Switch)", "Input:color-bg-checked-Switch": "var(--xmlui-color-bg-checked-Switch)", "Input:color-border-checked-Switch-error": "var(--xmlui-color-border-checked-Switch-error)", "Input:color-bg-checked-Switch-error": "var(--xmlui-color-bg-checked-Switch-error)", "Input:color-border-checked-Switch-warning": "var(--xmlui-color-border-checked-Switch-warning)", "Input:color-bg-checked-Switch-warning": "var(--xmlui-color-bg-checked-Switch-warning)", "Input:color-border-checked-Switch-success": "var(--xmlui-color-border-checked-Switch-success)", "Input:color-bg-checked-Switch-success": "var(--xmlui-color-bg-checked-Switch-success)", "Input:thickness-outline-Switch--focus": "var(--xmlui-thickness-outline-Switch--focus)", "Input:color-outline-Switch--focus": "var(--xmlui-color-outline-Switch--focus)", "Input:style-outline-Switch--focus": "var(--xmlui-style-outline-Switch--focus)", "Input:offset-outline-Switch--focus": "var(--xmlui-offset-outline-Switch--focus)"}'`, ia = "_resetAppearance_fdujw_13", aa = "_checkbox_fdujw_21", na = "_error_fdujw_50", la = "_warning_fdujw_61", sa = "_valid_fdujw_72", bt = {
|
|
1018
|
+
themeVars: ra,
|
|
1019
|
+
resetAppearance: ia,
|
|
1020
|
+
checkbox: aa,
|
|
1021
|
+
error: na,
|
|
1022
|
+
warning: la,
|
|
1023
|
+
valid: sa,
|
|
1015
1024
|
switch: "_switch_fdujw_132"
|
|
1016
|
-
},
|
|
1017
|
-
themeVars:
|
|
1018
|
-
container:
|
|
1019
|
-
top:
|
|
1020
|
-
right:
|
|
1021
|
-
bottom:
|
|
1022
|
-
left:
|
|
1023
|
-
shrinkToLabel:
|
|
1024
|
-
inputLabel:
|
|
1025
|
-
disabled:
|
|
1026
|
-
labelBreak:
|
|
1027
|
-
required:
|
|
1028
|
-
requiredMark:
|
|
1029
|
-
},
|
|
1030
|
-
themeVars:
|
|
1025
|
+
}, ca = `'{"color-text-FormItemLabel": "var(--xmlui-color-text-FormItemLabel)", "font-size-FormItemLabel": "var(--xmlui-font-size-FormItemLabel)", "font-weight-FormItemLabel": "var(--xmlui-font-weight-FormItemLabel)", "font-style-FormItemLabel": "var(--xmlui-font-style-FormItemLabel)", "text-transform-FormItemLabel": "var(--xmlui-text-transform-FormItemLabel)", "color-text-FormItemLabel-required": "var(--xmlui-color-text-FormItemLabel-required)", "font-size-FormItemLabel-required": "var(--xmlui-font-size-FormItemLabel-required)", "font-weight-FormItemLabel-required": "var(--xmlui-font-weight-FormItemLabel-required)", "font-style-FormItemLabel-required": "var(--xmlui-font-style-FormItemLabel-required)", "text-transform-FormItemLabel-required": "var(--xmlui-text-transform-FormItemLabel-required)", "color-text-FormItemLabel-requiredMark": "var(--xmlui-color-text-FormItemLabel-requiredMark)"}'`, da = "_container_xyvyi_13", ua = "_top_xyvyi_20", ha = "_right_xyvyi_25", ma = "_bottom_xyvyi_31", pa = "_left_xyvyi_36", xa = "_shrinkToLabel_xyvyi_42", ba = "_inputLabel_xyvyi_45", va = "_disabled_xyvyi_56", ga = "_labelBreak_xyvyi_60", fa = "_required_xyvyi_63", Ta = "_requiredMark_xyvyi_70", ya = {
|
|
1026
|
+
themeVars: ca,
|
|
1027
|
+
container: da,
|
|
1028
|
+
top: ua,
|
|
1029
|
+
right: ha,
|
|
1030
|
+
bottom: ma,
|
|
1031
|
+
left: pa,
|
|
1032
|
+
shrinkToLabel: xa,
|
|
1033
|
+
inputLabel: ba,
|
|
1034
|
+
disabled: va,
|
|
1035
|
+
labelBreak: ga,
|
|
1036
|
+
required: fa,
|
|
1037
|
+
requiredMark: Ta
|
|
1038
|
+
}, $a = `'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "color-border-Spinner": "var(--xmlui-color-border-Spinner)"}'`, wa = "_fullScreenSpinnerWrapper_xu4p3_54", _a = {
|
|
1039
|
+
themeVars: $a,
|
|
1031
1040
|
"lds-ring": "_lds-ring_xu4p3_13",
|
|
1032
|
-
fullScreenSpinnerWrapper:
|
|
1033
|
-
}, u = "Checkbox",
|
|
1041
|
+
fullScreenSpinnerWrapper: wa
|
|
1042
|
+
}, u = "Checkbox", ka = t({
|
|
1034
1043
|
status: "stable",
|
|
1035
1044
|
description: `The \`${u}\` component allows users to make binary choices, typically between checked or unchecked. It consists of a small box that can be toggled on or off by clicking on it.`,
|
|
1036
1045
|
props: {
|
|
1037
|
-
indeterminate:
|
|
1046
|
+
indeterminate: mt(),
|
|
1038
1047
|
label: H(),
|
|
1039
1048
|
labelPosition: Ge("right"),
|
|
1040
1049
|
initialValue: z(!1),
|
|
@@ -1042,7 +1051,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1042
1051
|
autoFocus: w(),
|
|
1043
1052
|
readOnly: V(),
|
|
1044
1053
|
enabled: f(),
|
|
1045
|
-
validationStatus:
|
|
1054
|
+
validationStatus: D(),
|
|
1046
1055
|
description: e(
|
|
1047
1056
|
`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${u} besides its label.`
|
|
1048
1057
|
)
|
|
@@ -1054,10 +1063,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
1054
1063
|
didChange: $(u)
|
|
1055
1064
|
},
|
|
1056
1065
|
apis: {
|
|
1057
|
-
value:
|
|
1066
|
+
value: pt(),
|
|
1058
1067
|
setValue: ne()
|
|
1059
1068
|
},
|
|
1060
|
-
themeVars: n(
|
|
1069
|
+
themeVars: n(bt.themeVars),
|
|
1061
1070
|
defaultThemeVars: {
|
|
1062
1071
|
[`color-border-checked-${u}-error`]: `$color-border-${u}-error`,
|
|
1063
1072
|
[`color-bg-checked-${u}-error`]: `$color-border-${u}-error`,
|
|
@@ -1078,52 +1087,52 @@ const Qe = "AppHeader", xi = o({
|
|
|
1078
1087
|
[`color-bg-${u}--disabled`]: "$color-surface-800"
|
|
1079
1088
|
}
|
|
1080
1089
|
}
|
|
1081
|
-
}),
|
|
1082
|
-
themeVars:
|
|
1083
|
-
comboboxToggleButton:
|
|
1084
|
-
comboboxInput:
|
|
1085
|
-
placeholder:
|
|
1086
|
-
error:
|
|
1087
|
-
warning:
|
|
1088
|
-
valid:
|
|
1089
|
-
disabled:
|
|
1090
|
-
indicator:
|
|
1091
|
-
comboboxMenu:
|
|
1092
|
-
item:
|
|
1093
|
-
empty:
|
|
1094
|
-
itemActive:
|
|
1095
|
-
itemDisabled:
|
|
1096
|
-
itemSelected:
|
|
1097
|
-
}, k = "Combobox",
|
|
1090
|
+
}), Ia = `'{"Input:min-height-Combobox": "var(--xmlui-min-height-Combobox)", "Input:radius-Combobox-default": "var(--xmlui-radius-Combobox-default)", "Input:color-border-Combobox-default": "var(--xmlui-color-border-Combobox-default)", "Input:thickness-border-Combobox-default": "var(--xmlui-thickness-border-Combobox-default)", "Input:style-border-Combobox-default": "var(--xmlui-style-border-Combobox-default)", "Input:font-size-Combobox-default": "var(--xmlui-font-size-Combobox-default)", "Input:color-bg-Combobox-default": "var(--xmlui-color-bg-Combobox-default)", "Input:shadow-Combobox-default": "var(--xmlui-shadow-Combobox-default)", "Input:color-text-Combobox-default": "var(--xmlui-color-text-Combobox-default)", "Input:thickness-outline-Combobox-default--focus": "var(--xmlui-thickness-outline-Combobox-default--focus)", "Input:color-outline-Combobox-default--focus": "var(--xmlui-color-outline-Combobox-default--focus)", "Input:style-outline-Combobox-default--focus": "var(--xmlui-style-outline-Combobox-default--focus)", "Input:offset-outline-Combobox-default--focus": "var(--xmlui-offset-outline-Combobox-default--focus)", "Input:color-border-Combobox-default--hover": "var(--xmlui-color-border-Combobox-default--hover)", "Input:color-bg-Combobox-default--hover": "var(--xmlui-color-bg-Combobox-default--hover)", "Input:shadow-Combobox-default--hover": "var(--xmlui-shadow-Combobox-default--hover)", "Input:color-text-Combobox-default--hover": "var(--xmlui-color-text-Combobox-default--hover)", "Input:color-placeholder-Combobox-default": "var(--xmlui-color-placeholder-Combobox-default)", "Input:radius-Combobox-error": "var(--xmlui-radius-Combobox-error)", "Input:color-border-Combobox-error": "var(--xmlui-color-border-Combobox-error)", "Input:thickness-border-Combobox-error": "var(--xmlui-thickness-border-Combobox-error)", "Input:style-border-Combobox-error": "var(--xmlui-style-border-Combobox-error)", "Input:font-size-Combobox-error": "var(--xmlui-font-size-Combobox-error)", "Input:color-bg-Combobox-error": "var(--xmlui-color-bg-Combobox-error)", "Input:shadow-Combobox-error": "var(--xmlui-shadow-Combobox-error)", "Input:color-text-Combobox-error": "var(--xmlui-color-text-Combobox-error)", "Input:thickness-outline-Combobox-error--focus": "var(--xmlui-thickness-outline-Combobox-error--focus)", "Input:color-outline-Combobox-error--focus": "var(--xmlui-color-outline-Combobox-error--focus)", "Input:style-outline-Combobox-error--focus": "var(--xmlui-style-outline-Combobox-error--focus)", "Input:offset-outline-Combobox-error--focus": "var(--xmlui-offset-outline-Combobox-error--focus)", "Input:color-border-Combobox-error--hover": "var(--xmlui-color-border-Combobox-error--hover)", "Input:color-bg-Combobox-error--hover": "var(--xmlui-color-bg-Combobox-error--hover)", "Input:shadow-Combobox-error--hover": "var(--xmlui-shadow-Combobox-error--hover)", "Input:color-text-Combobox-error--hover": "var(--xmlui-color-text-Combobox-error--hover)", "Input:color-placeholder-Combobox-error": "var(--xmlui-color-placeholder-Combobox-error)", "Input:radius-Combobox-warning": "var(--xmlui-radius-Combobox-warning)", "Input:color-border-Combobox-warning": "var(--xmlui-color-border-Combobox-warning)", "Input:thickness-border-Combobox-warning": "var(--xmlui-thickness-border-Combobox-warning)", "Input:style-border-Combobox-warning": "var(--xmlui-style-border-Combobox-warning)", "Input:font-size-Combobox-warning": "var(--xmlui-font-size-Combobox-warning)", "Input:color-bg-Combobox-warning": "var(--xmlui-color-bg-Combobox-warning)", "Input:shadow-Combobox-warning": "var(--xmlui-shadow-Combobox-warning)", "Input:color-text-Combobox-warning": "var(--xmlui-color-text-Combobox-warning)", "Input:thickness-outline-Combobox-warning--focus": "var(--xmlui-thickness-outline-Combobox-warning--focus)", "Input:color-outline-Combobox-warning--focus": "var(--xmlui-color-outline-Combobox-warning--focus)", "Input:style-outline-Combobox-warning--focus": "var(--xmlui-style-outline-Combobox-warning--focus)", "Input:offset-outline-Combobox-warning--focus": "var(--xmlui-offset-outline-Combobox-warning--focus)", "Input:color-border-Combobox-warning--hover": "var(--xmlui-color-border-Combobox-warning--hover)", "Input:color-bg-Combobox-warning--hover": "var(--xmlui-color-bg-Combobox-warning--hover)", "Input:shadow-Combobox-warning--hover": "var(--xmlui-shadow-Combobox-warning--hover)", "Input:color-text-Combobox-warning--hover": "var(--xmlui-color-text-Combobox-warning--hover)", "Input:color-placeholder-Combobox-warning": "var(--xmlui-color-placeholder-Combobox-warning)", "Input:radius-Combobox-success": "var(--xmlui-radius-Combobox-success)", "Input:color-border-Combobox-success": "var(--xmlui-color-border-Combobox-success)", "Input:thickness-border-Combobox-success": "var(--xmlui-thickness-border-Combobox-success)", "Input:style-border-Combobox-success": "var(--xmlui-style-border-Combobox-success)", "Input:font-size-Combobox-success": "var(--xmlui-font-size-Combobox-success)", "Input:color-bg-Combobox-success": "var(--xmlui-color-bg-Combobox-success)", "Input:shadow-Combobox-success": "var(--xmlui-shadow-Combobox-success)", "Input:color-text-Combobox-success": "var(--xmlui-color-text-Combobox-success)", "Input:thickness-outline-Combobox-success--focus": "var(--xmlui-thickness-outline-Combobox-success--focus)", "Input:color-outline-Combobox-success--focus": "var(--xmlui-color-outline-Combobox-success--focus)", "Input:style-outline-Combobox-success--focus": "var(--xmlui-style-outline-Combobox-success--focus)", "Input:offset-outline-Combobox-success--focus": "var(--xmlui-offset-outline-Combobox-success--focus)", "Input:color-border-Combobox-success--hover": "var(--xmlui-color-border-Combobox-success--hover)", "Input:color-bg-Combobox-success--hover": "var(--xmlui-color-bg-Combobox-success--hover)", "Input:shadow-Combobox-success--hover": "var(--xmlui-shadow-Combobox-success--hover)", "Input:color-text-Combobox-success--hover": "var(--xmlui-color-text-Combobox-success--hover)", "Input:color-placeholder-Combobox-success": "var(--xmlui-color-placeholder-Combobox-success)", "Input:color-bg-Combobox--disabled": "var(--xmlui-color-bg-Combobox--disabled)", "Input:color-text-Combobox--disabled": "var(--xmlui-color-text-Combobox--disabled)", "Input:color-border-Combobox--disabled": "var(--xmlui-color-border-Combobox--disabled)", "Input:color-placeholder-Combobox": "var(--xmlui-color-placeholder-Combobox)", "Input:color-text-indicator-Combobox": "var(--xmlui-color-text-indicator-Combobox)", "Input:shadow-menu-Combobox": "var(--xmlui-shadow-menu-Combobox)", "Input:color-bg-menu-Combobox": "var(--xmlui-color-bg-menu-Combobox)", "Input:radius-menu-Combobox": "var(--xmlui-radius-menu-Combobox)", "Input:color-bg-item-Combobox--hover": "var(--xmlui-color-bg-item-Combobox--hover)", "Input:color-bg-item-Combobox--active": "var(--xmlui-color-bg-item-Combobox--active)", "Input:color-text-item-Combobox--disabled": "var(--xmlui-color-text-item-Combobox--disabled)"}'`, Ba = "_comboboxToggleButton_m8skw_13", Ca = "_comboboxInput_m8skw_35", za = "_placeholder_m8skw_47", Ma = "_error_m8skw_50", Sa = "_warning_m8skw_75", Pa = "_valid_m8skw_100", Na = "_disabled_m8skw_125", Ha = "_indicator_m8skw_131", Va = "_comboboxMenu_m8skw_160", Da = "_item_m8skw_174", Oa = "_empty_m8skw_182", La = "_itemActive_m8skw_189", Aa = "_itemDisabled_m8skw_189", Fa = "_itemSelected_m8skw_192", qa = {
|
|
1091
|
+
themeVars: Ia,
|
|
1092
|
+
comboboxToggleButton: Ba,
|
|
1093
|
+
comboboxInput: Ca,
|
|
1094
|
+
placeholder: za,
|
|
1095
|
+
error: Ma,
|
|
1096
|
+
warning: Sa,
|
|
1097
|
+
valid: Pa,
|
|
1098
|
+
disabled: Na,
|
|
1099
|
+
indicator: Ha,
|
|
1100
|
+
comboboxMenu: Va,
|
|
1101
|
+
item: Da,
|
|
1102
|
+
empty: Oa,
|
|
1103
|
+
itemActive: La,
|
|
1104
|
+
itemDisabled: Aa,
|
|
1105
|
+
itemSelected: Fa
|
|
1106
|
+
}, k = "Combobox", et = t({
|
|
1098
1107
|
status: "experimental",
|
|
1099
1108
|
description: `A \`${k}\` is a component that combines the features of a dropdown list and an input field.`,
|
|
1100
1109
|
props: {
|
|
1101
1110
|
placeholder: Z(),
|
|
1102
1111
|
initialValue: z(),
|
|
1103
1112
|
labelId: E(),
|
|
1104
|
-
maxLength:
|
|
1113
|
+
maxLength: me(),
|
|
1105
1114
|
autoFocus: w(),
|
|
1106
1115
|
required: W(),
|
|
1107
1116
|
readOnly: V(),
|
|
1108
1117
|
enabled: f(),
|
|
1109
|
-
validationStatus:
|
|
1118
|
+
validationStatus: D(),
|
|
1110
1119
|
optionTemplate: m(
|
|
1111
1120
|
`You can define a template for the option items of the \`${k}\`.`
|
|
1112
1121
|
),
|
|
1113
1122
|
emptyListTemplate: m(
|
|
1114
1123
|
"With this property, you can define the template to display when the search list (after filtering) contains no element."
|
|
1115
1124
|
),
|
|
1116
|
-
startIcon:
|
|
1125
|
+
startIcon: De(),
|
|
1117
1126
|
startText: Ve(),
|
|
1118
1127
|
endIcon: Le(),
|
|
1119
|
-
endText:
|
|
1128
|
+
endText: Oe()
|
|
1120
1129
|
},
|
|
1121
1130
|
events: {
|
|
1122
1131
|
didChange: $(k),
|
|
1123
1132
|
gotFocus: B(k),
|
|
1124
1133
|
lostFocus: C(k)
|
|
1125
1134
|
},
|
|
1126
|
-
themeVars: n(
|
|
1135
|
+
themeVars: n(qa.themeVars),
|
|
1127
1136
|
defaultThemeVars: {
|
|
1128
1137
|
[`color-bg-menu-${k}`]: "$color-bg-primary",
|
|
1129
1138
|
[`shadow-menu-${k}`]: "$shadow-md",
|
|
@@ -1137,20 +1146,20 @@ const Qe = "AppHeader", xi = o({
|
|
|
1137
1146
|
[`color-text-item-${k}--disabled`]: "$color-surface-800"
|
|
1138
1147
|
}
|
|
1139
1148
|
}
|
|
1140
|
-
}),
|
|
1141
|
-
themeVars:
|
|
1142
|
-
separator:
|
|
1143
|
-
horizontal:
|
|
1144
|
-
vertical:
|
|
1145
|
-
}, Ae = "ContentSeparator",
|
|
1149
|
+
}), Ra = `'{"color-bg-ContentSeparator": "var(--xmlui-color-bg-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)"}'`, Ea = "_separator_qlxwk_13", Wa = "_horizontal_qlxwk_16", Ga = "_vertical_qlxwk_20", ja = {
|
|
1150
|
+
themeVars: Ra,
|
|
1151
|
+
separator: Ea,
|
|
1152
|
+
horizontal: Wa,
|
|
1153
|
+
vertical: Ga
|
|
1154
|
+
}, Ae = "ContentSeparator", Ua = t({
|
|
1146
1155
|
description: `A \`${Ae}\` is a component that divides or separates content visually within a layout. It serves as a visual cue to distinguish between different sections or groups of content, helping to improve readability and organization.`,
|
|
1147
1156
|
props: {
|
|
1148
1157
|
size: e(
|
|
1149
1158
|
"This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical)."
|
|
1150
1159
|
),
|
|
1151
|
-
orientation: e("Sets the main axis of the component",
|
|
1160
|
+
orientation: e("Sets the main axis of the component", ct)
|
|
1152
1161
|
},
|
|
1153
|
-
themeVars: n(
|
|
1162
|
+
themeVars: n(ja.themeVars),
|
|
1154
1163
|
defaultThemeVars: {
|
|
1155
1164
|
[`color-bg-${Ae}`]: "$color-border",
|
|
1156
1165
|
[`size-${Ae}`]: "1px",
|
|
@@ -1161,62 +1170,62 @@ const Qe = "AppHeader", xi = o({
|
|
|
1161
1170
|
// --- No dark-specific theme vars
|
|
1162
1171
|
}
|
|
1163
1172
|
}
|
|
1164
|
-
}),
|
|
1165
|
-
themeVars:
|
|
1166
|
-
datePicker:
|
|
1167
|
-
placeholder:
|
|
1168
|
-
error:
|
|
1169
|
-
warning:
|
|
1170
|
-
valid:
|
|
1171
|
-
disabled:
|
|
1172
|
-
indicator:
|
|
1173
|
-
datePickerInput:
|
|
1174
|
-
datePickerMenu:
|
|
1175
|
-
root:
|
|
1176
|
-
vhidden:
|
|
1177
|
-
button_reset:
|
|
1178
|
-
button:
|
|
1179
|
-
day_selected:
|
|
1180
|
-
months:
|
|
1181
|
-
month:
|
|
1182
|
-
table:
|
|
1183
|
-
with_weeknumber:
|
|
1184
|
-
caption:
|
|
1185
|
-
multiple_months:
|
|
1186
|
-
caption_dropdowns:
|
|
1187
|
-
caption_label:
|
|
1188
|
-
nav:
|
|
1189
|
-
caption_start:
|
|
1190
|
-
caption_end:
|
|
1191
|
-
nav_button:
|
|
1192
|
-
dropdown_year:
|
|
1193
|
-
dropdown_month:
|
|
1194
|
-
dropdown:
|
|
1195
|
-
dropdown_icon:
|
|
1196
|
-
head:
|
|
1197
|
-
head_row:
|
|
1198
|
-
row:
|
|
1199
|
-
head_cell:
|
|
1200
|
-
tbody:
|
|
1201
|
-
tfoot:
|
|
1202
|
-
cell:
|
|
1203
|
-
weeknumber:
|
|
1204
|
-
day:
|
|
1205
|
-
day_today:
|
|
1206
|
-
day_outside:
|
|
1207
|
-
day_range_start:
|
|
1208
|
-
day_range_end:
|
|
1209
|
-
day_range_middle:
|
|
1210
|
-
}, S = "DatePicker",
|
|
1173
|
+
}), Ya = `'{"Input:min-height-DatePicker": "var(--xmlui-min-height-DatePicker)", "Input:font-size-DatePicker": "var(--xmlui-font-size-DatePicker)", "Input:radius-DatePicker-default": "var(--xmlui-radius-DatePicker-default)", "Input:color-border-DatePicker-default": "var(--xmlui-color-border-DatePicker-default)", "Input:thickness-border-DatePicker-default": "var(--xmlui-thickness-border-DatePicker-default)", "Input:style-border-DatePicker-default": "var(--xmlui-style-border-DatePicker-default)", "Input:color-bg-DatePicker-default": "var(--xmlui-color-bg-DatePicker-default)", "Input:shadow-DatePicker-default": "var(--xmlui-shadow-DatePicker-default)", "Input:color-text-DatePicker-default": "var(--xmlui-color-text-DatePicker-default)", "Input:color-border-DatePicker-default--hover": "var(--xmlui-color-border-DatePicker-default--hover)", "Input:color-bg-DatePicker-default--hover": "var(--xmlui-color-bg-DatePicker-default--hover)", "Input:shadow-DatePicker-default--hover": "var(--xmlui-shadow-DatePicker-default--hover)", "Input:color-text-DatePicker-default--hover": "var(--xmlui-color-text-DatePicker-default--hover)", "Input:color-placeholder-DatePicker-default": "var(--xmlui-color-placeholder-DatePicker-default)", "Input:radius-DatePicker-error": "var(--xmlui-radius-DatePicker-error)", "Input:color-border-DatePicker-error": "var(--xmlui-color-border-DatePicker-error)", "Input:thickness-border-DatePicker-error": "var(--xmlui-thickness-border-DatePicker-error)", "Input:style-border-DatePicker-error": "var(--xmlui-style-border-DatePicker-error)", "Input:color-bg-DatePicker-error": "var(--xmlui-color-bg-DatePicker-error)", "Input:shadow-DatePicker-error": "var(--xmlui-shadow-DatePicker-error)", "Input:color-text-DatePicker-error": "var(--xmlui-color-text-DatePicker-error)", "Input:color-border-DatePicker-error--hover": "var(--xmlui-color-border-DatePicker-error--hover)", "Input:color-bg-DatePicker-error--hover": "var(--xmlui-color-bg-DatePicker-error--hover)", "Input:shadow-DatePicker-error--hover": "var(--xmlui-shadow-DatePicker-error--hover)", "Input:color-text-DatePicker-error--hover": "var(--xmlui-color-text-DatePicker-error--hover)", "Input:color-placeholder-DatePicker-error": "var(--xmlui-color-placeholder-DatePicker-error)", "Input:radius-DatePicker-warning": "var(--xmlui-radius-DatePicker-warning)", "Input:color-border-DatePicker-warning": "var(--xmlui-color-border-DatePicker-warning)", "Input:thickness-border-DatePicker-warning": "var(--xmlui-thickness-border-DatePicker-warning)", "Input:style-border-DatePicker-warning": "var(--xmlui-style-border-DatePicker-warning)", "Input:color-bg-DatePicker-warning": "var(--xmlui-color-bg-DatePicker-warning)", "Input:shadow-DatePicker-warning": "var(--xmlui-shadow-DatePicker-warning)", "Input:color-text-DatePicker-warning": "var(--xmlui-color-text-DatePicker-warning)", "Input:color-border-DatePicker-warning--hover": "var(--xmlui-color-border-DatePicker-warning--hover)", "Input:color-bg-DatePicker-warning--hover": "var(--xmlui-color-bg-DatePicker-warning--hover)", "Input:shadow-DatePicker-warning--hover": "var(--xmlui-shadow-DatePicker-warning--hover)", "Input:color-text-DatePicker-warning--hover": "var(--xmlui-color-text-DatePicker-warning--hover)", "Input:color-placeholder-DatePicker-warning": "var(--xmlui-color-placeholder-DatePicker-warning)", "Input:radius-DatePicker-success": "var(--xmlui-radius-DatePicker-success)", "Input:color-border-DatePicker-success": "var(--xmlui-color-border-DatePicker-success)", "Input:thickness-border-DatePicker-success": "var(--xmlui-thickness-border-DatePicker-success)", "Input:style-border-DatePicker-success": "var(--xmlui-style-border-DatePicker-success)", "Input:color-bg-DatePicker-success": "var(--xmlui-color-bg-DatePicker-success)", "Input:shadow-DatePicker-success": "var(--xmlui-shadow-DatePicker-success)", "Input:color-text-DatePicker-success": "var(--xmlui-color-text-DatePicker-success)", "Input:color-border-DatePicker-success--hover": "var(--xmlui-color-border-DatePicker-success--hover)", "Input:color-bg-DatePicker-success--hover": "var(--xmlui-color-bg-DatePicker-success--hover)", "Input:shadow-DatePicker-success--hover": "var(--xmlui-shadow-DatePicker-success--hover)", "Input:color-text-DatePicker-success--hover": "var(--xmlui-color-text-DatePicker-success--hover)", "Input:color-placeholder-DatePicker-success": "var(--xmlui-color-placeholder-DatePicker-success)", "Input:color-bg-DatePicker--disabled": "var(--xmlui-color-bg-DatePicker--disabled)", "Input:color-text-DatePicker--disabled": "var(--xmlui-color-text-DatePicker--disabled)", "Input:color-border-DatePicker--disabled": "var(--xmlui-color-border-DatePicker--disabled)", "Input:shadow-menu-DatePicker": "var(--xmlui-shadow-menu-DatePicker)", "Input:color-bg-menu-DatePicker": "var(--xmlui-color-bg-menu-DatePicker)", "Input:radius-menu-DatePicker": "var(--xmlui-radius-menu-DatePicker)", "Input:color-bg-item-DatePicker--active": "var(--xmlui-color-bg-item-DatePicker--active)", "Input:color-bg-item-DatePicker--hover": "var(--xmlui-color-bg-item-DatePicker--hover)", "Input:color-text-value-DatePicker": "var(--xmlui-color-text-value-DatePicker)"}'`, Za = "_datePicker_otv9b_13", Ja = "_placeholder_otv9b_40", Xa = "_error_otv9b_43", Qa = "_warning_otv9b_61", Ka = "_valid_otv9b_79", en = "_disabled_otv9b_97", tn = "_indicator_otv9b_103", on = "_datePickerInput_otv9b_103", rn = "_datePickerMenu_otv9b_107", an = "_root_otv9b_116", nn = "_vhidden_otv9b_121", ln = "_button_reset_otv9b_141", sn = "_button_otv9b_141", cn = "_day_selected_otv9b_163", dn = "_months_otv9b_181", un = "_month_otv9b_181", hn = "_table_otv9b_197", mn = "_with_weeknumber_otv9b_203", pn = "_caption_otv9b_208", xn = "_multiple_months_otv9b_216", bn = "_caption_dropdowns_otv9b_222", vn = "_caption_label_otv9b_227", gn = "_nav_otv9b_243", fn = "_caption_start_otv9b_247", Tn = "_caption_end_otv9b_254", yn = "_nav_button_otv9b_261", $n = "_dropdown_year_otv9b_274", wn = "_dropdown_month_otv9b_275", _n = "_dropdown_otv9b_274", kn = "_dropdown_icon_otv9b_311", In = "_head_otv9b_315", Bn = "_head_row_otv9b_319", Cn = "_row_otv9b_320", zn = "_head_cell_otv9b_324", Mn = "_tbody_otv9b_335", Sn = "_tfoot_otv9b_339", Pn = "_cell_otv9b_343", Nn = "_weeknumber_otv9b_351", Hn = "_day_otv9b_163", Vn = "_day_today_otv9b_370", Dn = "_day_outside_otv9b_370", On = "_day_range_start_otv9b_393", Ln = "_day_range_end_otv9b_393", An = "_day_range_middle_otv9b_417", Fn = {
|
|
1174
|
+
themeVars: Ya,
|
|
1175
|
+
datePicker: Za,
|
|
1176
|
+
placeholder: Ja,
|
|
1177
|
+
error: Xa,
|
|
1178
|
+
warning: Qa,
|
|
1179
|
+
valid: Ka,
|
|
1180
|
+
disabled: en,
|
|
1181
|
+
indicator: tn,
|
|
1182
|
+
datePickerInput: on,
|
|
1183
|
+
datePickerMenu: rn,
|
|
1184
|
+
root: an,
|
|
1185
|
+
vhidden: nn,
|
|
1186
|
+
button_reset: ln,
|
|
1187
|
+
button: sn,
|
|
1188
|
+
day_selected: cn,
|
|
1189
|
+
months: dn,
|
|
1190
|
+
month: un,
|
|
1191
|
+
table: hn,
|
|
1192
|
+
with_weeknumber: mn,
|
|
1193
|
+
caption: pn,
|
|
1194
|
+
multiple_months: xn,
|
|
1195
|
+
caption_dropdowns: bn,
|
|
1196
|
+
caption_label: vn,
|
|
1197
|
+
nav: gn,
|
|
1198
|
+
caption_start: fn,
|
|
1199
|
+
caption_end: Tn,
|
|
1200
|
+
nav_button: yn,
|
|
1201
|
+
dropdown_year: $n,
|
|
1202
|
+
dropdown_month: wn,
|
|
1203
|
+
dropdown: _n,
|
|
1204
|
+
dropdown_icon: kn,
|
|
1205
|
+
head: In,
|
|
1206
|
+
head_row: Bn,
|
|
1207
|
+
row: Cn,
|
|
1208
|
+
head_cell: zn,
|
|
1209
|
+
tbody: Mn,
|
|
1210
|
+
tfoot: Sn,
|
|
1211
|
+
cell: Pn,
|
|
1212
|
+
weeknumber: Nn,
|
|
1213
|
+
day: Hn,
|
|
1214
|
+
day_today: Vn,
|
|
1215
|
+
day_outside: Dn,
|
|
1216
|
+
day_range_start: On,
|
|
1217
|
+
day_range_end: Ln,
|
|
1218
|
+
day_range_middle: An
|
|
1219
|
+
}, S = "DatePicker", qn = t({
|
|
1211
1220
|
status: "experimental",
|
|
1212
|
-
description: "A datepicker component",
|
|
1221
|
+
description: "A datepicker component enables the selection of a date or a range of dates in a specified format from an interactive display.",
|
|
1213
1222
|
props: {
|
|
1214
1223
|
placeholder: Z(),
|
|
1215
1224
|
initialValue: z(),
|
|
1216
1225
|
autoFocus: w(),
|
|
1217
1226
|
readOnly: V(),
|
|
1218
1227
|
enabled: f(),
|
|
1219
|
-
validationStatus:
|
|
1228
|
+
validationStatus: D(),
|
|
1220
1229
|
mode: e("The mode of the datepicker (single or range)"),
|
|
1221
1230
|
dateFormat: e("The format of the date displayed in the input field"),
|
|
1222
1231
|
showWeekNumber: e("Whether to show the week number in the calendar"),
|
|
@@ -1230,7 +1239,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1230
1239
|
gotFocus: B(S),
|
|
1231
1240
|
lostFocus: C(S)
|
|
1232
1241
|
},
|
|
1233
|
-
themeVars: n(
|
|
1242
|
+
themeVars: n(Fn.themeVars),
|
|
1234
1243
|
defaultThemeVars: {
|
|
1235
1244
|
[`shadow-menu-${S}`]: "$shadow-md",
|
|
1236
1245
|
[`radius-menu-${S}`]: "$radius",
|
|
@@ -1245,20 +1254,20 @@ const Qe = "AppHeader", xi = o({
|
|
|
1245
1254
|
[`color-bg-menu-${S}`]: "$color-bg-primary"
|
|
1246
1255
|
}
|
|
1247
1256
|
}
|
|
1248
|
-
}),
|
|
1249
|
-
themeVars:
|
|
1250
|
-
DropdownMenuContent:
|
|
1251
|
-
DropdownMenuSubContent:
|
|
1252
|
-
DropdownMenuItem:
|
|
1253
|
-
DropdownMenuSubTrigger:
|
|
1254
|
-
active:
|
|
1255
|
-
wrapper:
|
|
1256
|
-
DropdownMenuSeparator:
|
|
1257
|
-
},
|
|
1257
|
+
}), Rn = `'{"color-bg-DropdownMenu": "var(--xmlui-color-bg-DropdownMenu)", "radius-DropdownMenu": "var(--xmlui-radius-DropdownMenu)", "shadow-DropdownMenu": "var(--xmlui-shadow-DropdownMenu)", "color-border-DropdownMenu-content": "var(--xmlui-color-border-DropdownMenu-content)", "thickness-border-DropdownMenu-content": "var(--xmlui-thickness-border-DropdownMenu-content)", "style-border-DropdownMenu-content": "var(--xmlui-style-border-DropdownMenu-content)", "min-width-DropdownMenu": "var(--xmlui-min-width-DropdownMenu)", "color-bg-MenuItem": "var(--xmlui-color-bg-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "font-family-MenuItem": "var(--xmlui-font-family-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "font-size-MenuItem": "var(--xmlui-font-size-MenuItem)", "padding-vertical-MenuItem": "var(--xmlui-padding-vertical-MenuItem)", "padding-horizontal-MenuItem": "var(--xmlui-padding-horizontal-MenuItem)", "color-bg-MenuItem--hover": "var(--xmlui-color-bg-MenuItem--hover)", "color-bg-MenuItem--active": "var(--xmlui-color-bg-MenuItem--active)", "color-bg-MenuItem--active--hover": "var(--xmlui-color-bg-MenuItem--active--hover)", "color-MenuItem--hover": "var(--xmlui-color-MenuItem--hover)", "color-MenuItem--active": "var(--xmlui-color-MenuItem--active)", "color-MenuItem--active--hover": "var(--xmlui-color-MenuItem--active--hover)", "margin-top-MenuSeparator": "var(--xmlui-margin-top-MenuSeparator)", "margin-bottom-MenuSeparator": "var(--xmlui-margin-bottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`, En = "_DropdownMenuContent_uvcr0_13", Wn = "_DropdownMenuSubContent_uvcr0_14", Gn = "_DropdownMenuItem_uvcr0_26", jn = "_DropdownMenuSubTrigger_uvcr0_27", Un = "_active_uvcr0_50", Yn = "_wrapper_uvcr0_60", Zn = "_DropdownMenuSeparator_uvcr0_65", Ze = {
|
|
1258
|
+
themeVars: Rn,
|
|
1259
|
+
DropdownMenuContent: En,
|
|
1260
|
+
DropdownMenuSubContent: Wn,
|
|
1261
|
+
DropdownMenuItem: Gn,
|
|
1262
|
+
DropdownMenuSubTrigger: jn,
|
|
1263
|
+
active: Un,
|
|
1264
|
+
wrapper: Yn,
|
|
1265
|
+
DropdownMenuSeparator: Zn
|
|
1266
|
+
}, O = "DropdownMenu", Jn = t({
|
|
1258
1267
|
description: "This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",
|
|
1259
1268
|
props: {
|
|
1260
1269
|
label: H(),
|
|
1261
|
-
triggerTemplate:
|
|
1270
|
+
triggerTemplate: xt(O),
|
|
1262
1271
|
alignment: e(
|
|
1263
1272
|
"This property allows you to determine the alignment of the displayed menu items."
|
|
1264
1273
|
),
|
|
@@ -1272,29 +1281,30 @@ const Qe = "AppHeader", xi = o({
|
|
|
1272
1281
|
triggerButtonIcon: e("This property defines the icon to display on the trigger button."),
|
|
1273
1282
|
triggerButtonIconPosition: e(
|
|
1274
1283
|
"This property defines the position of the icon on the trigger button.",
|
|
1275
|
-
|
|
1284
|
+
dt
|
|
1276
1285
|
)
|
|
1277
1286
|
},
|
|
1278
1287
|
events: {
|
|
1279
|
-
willOpen: e(`This event fires when the \`${
|
|
1288
|
+
willOpen: e(`This event fires when the \`${O}\` component is opened.`)
|
|
1280
1289
|
},
|
|
1281
1290
|
apis: {
|
|
1282
1291
|
close: e("This method command closes the dropdown.")
|
|
1283
1292
|
},
|
|
1284
1293
|
themeVars: n(Ze.themeVars),
|
|
1285
1294
|
defaultThemeVars: {
|
|
1286
|
-
[`color-bg-${
|
|
1287
|
-
[`min-width-${
|
|
1288
|
-
[`shadow-${
|
|
1289
|
-
[`style-border-${
|
|
1295
|
+
[`color-bg-${O}`]: "$color-bg-primary",
|
|
1296
|
+
[`min-width-${O}`]: "160px",
|
|
1297
|
+
[`shadow-${O}`]: "$shadow-xl",
|
|
1298
|
+
[`style-border-${O}-content`]: "solid",
|
|
1299
|
+
[`radius-${O}`]: "$radius"
|
|
1290
1300
|
}
|
|
1291
|
-
}), I = "MenuItem",
|
|
1301
|
+
}), I = "MenuItem", Xn = t({
|
|
1292
1302
|
description: "This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",
|
|
1293
|
-
docFolder:
|
|
1303
|
+
docFolder: O,
|
|
1294
1304
|
props: {
|
|
1295
1305
|
iconPosition: e(
|
|
1296
1306
|
"This property allows you to determine the position of the icon displayed in the menu item.",
|
|
1297
|
-
|
|
1307
|
+
ut.filter((i) => i.value === "start" || i.value === "end")
|
|
1298
1308
|
),
|
|
1299
1309
|
icon: e("This property names an optional icon to display with the menu item."),
|
|
1300
1310
|
label: H(),
|
|
@@ -1322,16 +1332,16 @@ const Qe = "AppHeader", xi = o({
|
|
|
1322
1332
|
light: {},
|
|
1323
1333
|
dark: {}
|
|
1324
1334
|
}
|
|
1325
|
-
}),
|
|
1335
|
+
}), Qn = "SubMenuItem", Kn = t({
|
|
1326
1336
|
description: "This component represents a nested menu item within another menu or menu item.",
|
|
1327
|
-
docFolder:
|
|
1337
|
+
docFolder: O,
|
|
1328
1338
|
props: {
|
|
1329
1339
|
label: H(),
|
|
1330
|
-
triggerTemplate:
|
|
1340
|
+
triggerTemplate: xt(Qn)
|
|
1331
1341
|
}
|
|
1332
|
-
}), re = "MenuSeparator",
|
|
1342
|
+
}), re = "MenuSeparator", el = t({
|
|
1333
1343
|
description: "This component displays a separator line between menu items.",
|
|
1334
|
-
docFolder:
|
|
1344
|
+
docFolder: O,
|
|
1335
1345
|
themeVars: n(Ze.themeVars),
|
|
1336
1346
|
defaultThemeVars: {
|
|
1337
1347
|
[`margin-top-${re}`]: "$space-1",
|
|
@@ -1341,22 +1351,22 @@ const Qe = "AppHeader", xi = o({
|
|
|
1341
1351
|
[`color-${re}`]: "$color-border-dropdown-item",
|
|
1342
1352
|
[`margin-horizontal-${re}`]: "12px"
|
|
1343
1353
|
}
|
|
1344
|
-
}),
|
|
1354
|
+
}), tl = "EmojiSelector", ol = t({
|
|
1345
1355
|
status: "experimental",
|
|
1346
|
-
description: `The \`${
|
|
1356
|
+
description: `The \`${tl}\` component provides users with a graphical interface to browse, search and select emojis to insert into text fields, messages, or other forms of communication.`,
|
|
1347
1357
|
props: {
|
|
1348
1358
|
autoFocus: w()
|
|
1349
1359
|
},
|
|
1350
1360
|
events: {
|
|
1351
1361
|
select: e("This event is fired when the user selects an emoticon from this component.")
|
|
1352
1362
|
}
|
|
1353
|
-
}),
|
|
1354
|
-
themeVars:
|
|
1355
|
-
container:
|
|
1356
|
-
textBoxWrapper:
|
|
1357
|
-
button:
|
|
1358
|
-
},
|
|
1359
|
-
description: `The \`${
|
|
1363
|
+
}), rl = '"[]"', il = "_container_4jmk2_13", al = "_textBoxWrapper_4jmk2_21", nl = "_button_4jmk2_27", ll = {
|
|
1364
|
+
themeVars: rl,
|
|
1365
|
+
container: il,
|
|
1366
|
+
textBoxWrapper: al,
|
|
1367
|
+
button: nl
|
|
1368
|
+
}, de = "FileInput", sl = t({
|
|
1369
|
+
description: `The \`${de}\` is a user interface component that allows users to select files from their device's file system for upload (or processing its content otherwise).`,
|
|
1360
1370
|
status: "experimental",
|
|
1361
1371
|
props: {
|
|
1362
1372
|
placeholder: Z(),
|
|
@@ -1365,13 +1375,13 @@ const Qe = "AppHeader", xi = o({
|
|
|
1365
1375
|
required: W(),
|
|
1366
1376
|
readOnly: V(),
|
|
1367
1377
|
enabled: f(),
|
|
1368
|
-
validationStatus:
|
|
1369
|
-
buttonVariant: e("The button variant to use",
|
|
1378
|
+
validationStatus: D(),
|
|
1379
|
+
buttonVariant: e("The button variant to use", Yt),
|
|
1370
1380
|
buttonLabel: e("This property is an optional string to set a label for the button part."),
|
|
1371
1381
|
buttonIcon: e("The ID of the icon to display in the button"),
|
|
1372
1382
|
buttonIconPosition: e(
|
|
1373
1383
|
"This optional string determines the location of the button icon.",
|
|
1374
|
-
|
|
1384
|
+
dt
|
|
1375
1385
|
),
|
|
1376
1386
|
acceptsFileType: e(
|
|
1377
1387
|
"A list of file types the input controls accepts provided as a string array."
|
|
@@ -1391,13 +1401,13 @@ const Qe = "AppHeader", xi = o({
|
|
|
1391
1401
|
buttonSize: e("The size of the button (small, medium, large)", We),
|
|
1392
1402
|
buttonThemeColor: e(
|
|
1393
1403
|
"The button color scheme (primary, secondary, attention)",
|
|
1394
|
-
|
|
1404
|
+
Gt
|
|
1395
1405
|
)
|
|
1396
1406
|
},
|
|
1397
1407
|
events: {
|
|
1398
|
-
didChange: $(
|
|
1399
|
-
gotFocus: B(
|
|
1400
|
-
lostFocus: C(
|
|
1408
|
+
didChange: $(de),
|
|
1409
|
+
gotFocus: B(de),
|
|
1410
|
+
lostFocus: C(de)
|
|
1401
1411
|
},
|
|
1402
1412
|
apis: {
|
|
1403
1413
|
value: e(
|
|
@@ -1406,16 +1416,16 @@ const Qe = "AppHeader", xi = o({
|
|
|
1406
1416
|
setValue: e(
|
|
1407
1417
|
"(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."
|
|
1408
1418
|
),
|
|
1409
|
-
focus: Q(
|
|
1419
|
+
focus: Q(de),
|
|
1410
1420
|
open: e("This API command triggers the file browsing dialog to open.")
|
|
1411
1421
|
},
|
|
1412
|
-
themeVars: n(
|
|
1413
|
-
}),
|
|
1414
|
-
themeVars:
|
|
1415
|
-
wrapper:
|
|
1416
|
-
dropPlaceholder:
|
|
1417
|
-
},
|
|
1418
|
-
description: `The \`${
|
|
1422
|
+
themeVars: n(ll.themeVars)
|
|
1423
|
+
}), cl = `'{"color-bg-FileUploadDropZone": "var(--xmlui-color-bg-FileUploadDropZone)", "color-text-FileUploadDropZone": "var(--xmlui-color-text-FileUploadDropZone)", "color-bg-dropping-FileUploadDropZone": "var(--xmlui-color-bg-dropping-FileUploadDropZone)", "opacity-dropping-FileUploadDropZone": "var(--xmlui-opacity-dropping-FileUploadDropZone)"}'`, dl = "_wrapper_u50h5_13", ul = "_dropPlaceholder_u50h5_21", hl = {
|
|
1424
|
+
themeVars: cl,
|
|
1425
|
+
wrapper: dl,
|
|
1426
|
+
dropPlaceholder: ul
|
|
1427
|
+
}, ml = "FileUploadDropZone", pl = t({
|
|
1428
|
+
description: `The \`${ml}\` component allows users to upload files to a web application by dragging and dropping files from their local file system onto a designated area within the UI.`,
|
|
1419
1429
|
props: {
|
|
1420
1430
|
text: e(
|
|
1421
1431
|
'With this property, you can change the default text ("Drop files here") to display when files are dragged over the drop zone.'
|
|
@@ -1435,7 +1445,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1435
1445
|
"This component accepts files for upload but does not perform the actual operation. It fires the `upload` event and passes the list files to upload in the method's argument. You can use the passed file information to implement the upload (according to the protocol your backend supports)."
|
|
1436
1446
|
)
|
|
1437
1447
|
},
|
|
1438
|
-
themeVars: n(
|
|
1448
|
+
themeVars: n(hl.themeVars),
|
|
1439
1449
|
defaultThemeVars: {
|
|
1440
1450
|
"color-bg-FileUploadDropZone": "$color-bg",
|
|
1441
1451
|
"color-bg-dropping-FileUploadDropZone": "$color-bg--selected",
|
|
@@ -1448,14 +1458,14 @@ const Qe = "AppHeader", xi = o({
|
|
|
1448
1458
|
// --- No dark-specific theme vars
|
|
1449
1459
|
}
|
|
1450
1460
|
}
|
|
1451
|
-
}),
|
|
1452
|
-
themeVars:
|
|
1453
|
-
flowContainer:
|
|
1454
|
-
horizontal:
|
|
1455
|
-
flowItem:
|
|
1456
|
-
vertical:
|
|
1461
|
+
}), xl = '"[]"', bl = "_flowContainer_xh72p_13", vl = "_horizontal_xh72p_17", gl = "_flowItem_xh72p_21", fl = "_vertical_xh72p_30", Tl = {
|
|
1462
|
+
themeVars: xl,
|
|
1463
|
+
flowContainer: bl,
|
|
1464
|
+
horizontal: vl,
|
|
1465
|
+
flowItem: gl,
|
|
1466
|
+
vertical: fl,
|
|
1457
1467
|
break: "_break_xh72p_45"
|
|
1458
|
-
}, Fe = "FlowLayout",
|
|
1468
|
+
}, Fe = "FlowLayout", yl = t({
|
|
1459
1469
|
description: "This layout component is used to position content in rows with an auto wrapping feature: if the length of the items exceed the available space the layout will wrap into a new line.",
|
|
1460
1470
|
props: {
|
|
1461
1471
|
gap: e(
|
|
@@ -1469,15 +1479,15 @@ const Qe = "AppHeader", xi = o({
|
|
|
1469
1479
|
),
|
|
1470
1480
|
shadow: e(`${Fe} does not support shadow, we're waiting for a decent solution.`)
|
|
1471
1481
|
},
|
|
1472
|
-
themeVars: n(
|
|
1473
|
-
}),
|
|
1474
|
-
themeVars:
|
|
1475
|
-
outerWrapper:
|
|
1476
|
-
wrapper:
|
|
1477
|
-
full:
|
|
1478
|
-
}, G = "Footer",
|
|
1482
|
+
themeVars: n(Tl.themeVars)
|
|
1483
|
+
}), $l = `'{"padding-horizontal-Footer": "var(--xmlui-padding-horizontal-Footer)", "padding-vertical-Footer": "var(--xmlui-padding-vertical-Footer)", "padding-top-Footer": "var(--xmlui-padding-top-Footer)", "padding-bottom-Footer": "var(--xmlui-padding-bottom-Footer)", "padding-left-Footer": "var(--xmlui-padding-left-Footer)", "padding-right-Footer": "var(--xmlui-padding-right-Footer)", "padding-Footer": "var(--xmlui-padding-Footer)", "color-border-horizontal-Footer": "var(--xmlui-color-border-horizontal-Footer)", "thickness-border-horizontal-Footer": "var(--xmlui-thickness-border-horizontal-Footer)", "style-border-horizontal-Footer": "var(--xmlui-style-border-horizontal-Footer)", "color-border-vertical-Footer": "var(--xmlui-color-border-vertical-Footer)", "thickness-border-vertical-Footer": "var(--xmlui-thickness-border-vertical-Footer)", "style-border-vertical-Footer": "var(--xmlui-style-border-vertical-Footer)", "color-border-left-Footer": "var(--xmlui-color-border-left-Footer)", "thickness-border-left-Footer": "var(--xmlui-thickness-border-left-Footer)", "style-border-left-Footer": "var(--xmlui-style-border-left-Footer)", "color-border-right-Footer": "var(--xmlui-color-border-right-Footer)", "thickness-border-right-Footer": "var(--xmlui-thickness-border-right-Footer)", "style-border-right-Footer": "var(--xmlui-style-border-right-Footer)", "color-border-top-Footer": "var(--xmlui-color-border-top-Footer)", "thickness-border-top-Footer": "var(--xmlui-thickness-border-top-Footer)", "style-border-top-Footer": "var(--xmlui-style-border-top-Footer)", "color-border-bottom-Footer": "var(--xmlui-color-border-bottom-Footer)", "thickness-border-bottom-Footer": "var(--xmlui-thickness-border-bottom-Footer)", "style-border-bottom-Footer": "var(--xmlui-style-border-bottom-Footer)", "color-border-Footer": "var(--xmlui-color-border-Footer)", "thickness-border-Footer": "var(--xmlui-thickness-border-Footer)", "style-border-Footer": "var(--xmlui-style-border-Footer)", "radius-Footer": "var(--xmlui-radius-Footer)", "color-bg-Footer": "var(--xmlui-color-bg-Footer)", "color-text-Footer": "var(--xmlui-color-text-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "font-size-Footer": "var(--xmlui-font-size-Footer)", "vertical-alignment-Footer": "var(--xmlui-vertical-alignment-Footer)", "max-content-width-Footer": "var(--xmlui-max-content-width-Footer)"}'`, wl = "_outerWrapper_27gba_13", _l = "_wrapper_27gba_34", kl = "_full_27gba_50", Il = {
|
|
1484
|
+
themeVars: $l,
|
|
1485
|
+
outerWrapper: wl,
|
|
1486
|
+
wrapper: _l,
|
|
1487
|
+
full: kl
|
|
1488
|
+
}, G = "Footer", Bl = t({
|
|
1479
1489
|
description: `The \`${G}\` is a component that acts as the footer within \`App\`.`,
|
|
1480
|
-
themeVars: n(
|
|
1490
|
+
themeVars: n(Il.themeVars),
|
|
1481
1491
|
defaultThemeVars: {
|
|
1482
1492
|
[`color-bg-${G}`]: "$color-bg-AppHeader",
|
|
1483
1493
|
[`vertical-alignment-${G}`]: "center",
|
|
@@ -1499,28 +1509,28 @@ const Qe = "AppHeader", xi = o({
|
|
|
1499
1509
|
// --- No dark-specific theme vars
|
|
1500
1510
|
}
|
|
1501
1511
|
}
|
|
1502
|
-
}),
|
|
1503
|
-
themeVars:
|
|
1504
|
-
wrapper:
|
|
1505
|
-
buttonRow:
|
|
1506
|
-
},
|
|
1507
|
-
themeVars:
|
|
1508
|
-
spacer:
|
|
1509
|
-
},
|
|
1510
|
-
themeVars:
|
|
1511
|
-
overlay:
|
|
1512
|
-
fullScreen:
|
|
1513
|
-
content:
|
|
1514
|
-
overlayBg:
|
|
1515
|
-
overlayShow:
|
|
1516
|
-
contentShow:
|
|
1517
|
-
dialogTitle:
|
|
1518
|
-
innerContent:
|
|
1519
|
-
closeButton:
|
|
1520
|
-
dialog:
|
|
1521
|
-
},
|
|
1512
|
+
}), Cl = `'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`, zl = "_wrapper_wscb6_13", Ml = "_buttonRow_wscb6_19", Sl = {
|
|
1513
|
+
themeVars: Cl,
|
|
1514
|
+
wrapper: zl,
|
|
1515
|
+
buttonRow: Ml
|
|
1516
|
+
}, Pl = '"[]"', Nl = "_spacer_1414d_13", Hl = {
|
|
1517
|
+
themeVars: Pl,
|
|
1518
|
+
spacer: Nl
|
|
1519
|
+
}, Vl = `'{"padding-horizontal-ModalDialog": "var(--xmlui-padding-horizontal-ModalDialog)", "padding-vertical-ModalDialog": "var(--xmlui-padding-vertical-ModalDialog)", "padding-top-ModalDialog": "var(--xmlui-padding-top-ModalDialog)", "padding-bottom-ModalDialog": "var(--xmlui-padding-bottom-ModalDialog)", "padding-left-ModalDialog": "var(--xmlui-padding-left-ModalDialog)", "padding-right-ModalDialog": "var(--xmlui-padding-right-ModalDialog)", "padding-ModalDialog": "var(--xmlui-padding-ModalDialog)", "padding-horizontal-overlay-ModalDialog": "var(--xmlui-padding-horizontal-overlay-ModalDialog)", "padding-vertical-overlay-ModalDialog": "var(--xmlui-padding-vertical-overlay-ModalDialog)", "padding-top-overlay-ModalDialog": "var(--xmlui-padding-top-overlay-ModalDialog)", "padding-bottom-overlay-ModalDialog": "var(--xmlui-padding-bottom-overlay-ModalDialog)", "padding-left-overlay-ModalDialog": "var(--xmlui-padding-left-overlay-ModalDialog)", "padding-right-overlay-ModalDialog": "var(--xmlui-padding-right-overlay-ModalDialog)", "padding-overlay-ModalDialog": "var(--xmlui-padding-overlay-ModalDialog)", "Dialog:color-bg-ModalDialog": "var(--xmlui-color-bg-ModalDialog)", "Dialog:color-bg-overlay-ModalDialog": "var(--xmlui-color-bg-overlay-ModalDialog)", "Dialog:radius-ModalDialog": "var(--xmlui-radius-ModalDialog)", "Dialog:font-family-ModalDialog": "var(--xmlui-font-family-ModalDialog)", "Dialog:color-text-ModalDialog": "var(--xmlui-color-text-ModalDialog)", "Dialog:min-width-ModalDialog": "var(--xmlui-min-width-ModalDialog)", "Dialog:max-width-ModalDialog": "var(--xmlui-max-width-ModalDialog)", "Dialog:margin-bottom-title-ModalDialog": "var(--xmlui-margin-bottom-title-ModalDialog)"}'`, Dl = "_overlay_1lmtb_13", Ol = "_fullScreen_1lmtb_21", Ll = "_content_1lmtb_27", Al = "_overlayBg_1lmtb_36", Fl = "_overlayShow_1lmtb_1", ql = "_contentShow_1lmtb_1", Rl = "_dialogTitle_1lmtb_66", El = "_innerContent_1lmtb_72", Wl = "_closeButton_1lmtb_98", Gl = "_dialog_1lmtb_66", jl = {
|
|
1520
|
+
themeVars: Vl,
|
|
1521
|
+
overlay: Dl,
|
|
1522
|
+
fullScreen: Ol,
|
|
1523
|
+
content: Ll,
|
|
1524
|
+
overlayBg: Al,
|
|
1525
|
+
overlayShow: Fl,
|
|
1526
|
+
contentShow: ql,
|
|
1527
|
+
dialogTitle: Rl,
|
|
1528
|
+
innerContent: El,
|
|
1529
|
+
closeButton: Wl,
|
|
1530
|
+
dialog: Gl
|
|
1531
|
+
}, Ul = "Form", Yl = t({
|
|
1522
1532
|
status: "experimental",
|
|
1523
|
-
description: `A \`${
|
|
1533
|
+
description: `A \`${Ul}\` is a fundamental component that displays user interfaces that allow users to input (or change) data and submit it to the app (a server) for further processing.`,
|
|
1524
1534
|
props: {
|
|
1525
1535
|
buttonRowTemplate: m(
|
|
1526
1536
|
"This property allows defining a custom component to display the buttons at the bottom of the form."
|
|
@@ -1539,6 +1549,9 @@ const Qe = "AppHeader", xi = o({
|
|
|
1539
1549
|
),
|
|
1540
1550
|
cancelLabel: e('This property defines the label of the Cancel button, by default, "Cancel".'),
|
|
1541
1551
|
saveLabel: e('This property defines the label of the Save button, by default, "Save".'),
|
|
1552
|
+
saveInProgressLabel: e(
|
|
1553
|
+
"This property defines the label of the Save button to display during the form data submit (save) operation. By default, the value of `saveLabel`."
|
|
1554
|
+
),
|
|
1542
1555
|
swapCancelAndSave: e(
|
|
1543
1556
|
"By default, the Cancel button is to the left of the Save button. Set this property to `true` to swap them or `false` to keep their original location."
|
|
1544
1557
|
)
|
|
@@ -1555,7 +1568,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1555
1568
|
"This property represents the value of the form data. You can access the fields of the form using the IDs in the `bindTo` property of nested `FormItem` instances."
|
|
1556
1569
|
)
|
|
1557
1570
|
},
|
|
1558
|
-
themeVars: n(
|
|
1571
|
+
themeVars: n(Sl.themeVars),
|
|
1559
1572
|
defaultThemeVars: {
|
|
1560
1573
|
"gap-Form": "$space-4",
|
|
1561
1574
|
"gap-buttonRow-Form": "$space-4",
|
|
@@ -1588,76 +1601,76 @@ const Qe = "AppHeader", xi = o({
|
|
|
1588
1601
|
"color-text-ValidationDisplay-valid": "$color-success-600"
|
|
1589
1602
|
}
|
|
1590
1603
|
}
|
|
1591
|
-
}),
|
|
1592
|
-
themeVars:
|
|
1593
|
-
inputRoot:
|
|
1594
|
-
input:
|
|
1595
|
-
adornment:
|
|
1596
|
-
error:
|
|
1597
|
-
warning:
|
|
1598
|
-
valid:
|
|
1599
|
-
spinnerBox:
|
|
1600
|
-
spinnerButton:
|
|
1601
|
-
readOnly:
|
|
1602
|
-
},
|
|
1603
|
-
themeVars:
|
|
1604
|
-
selectContainer:
|
|
1605
|
-
placeholder:
|
|
1606
|
-
error:
|
|
1607
|
-
warning:
|
|
1608
|
-
valid:
|
|
1609
|
-
disabled:
|
|
1610
|
-
inputRoot:
|
|
1611
|
-
indicator:
|
|
1612
|
-
input:
|
|
1613
|
-
selectMenu:
|
|
1614
|
-
item:
|
|
1615
|
-
empty:
|
|
1616
|
-
selectable:
|
|
1617
|
-
itemActive:
|
|
1618
|
-
itemDisabled:
|
|
1619
|
-
itemSelected:
|
|
1620
|
-
},
|
|
1621
|
-
themeVars:
|
|
1622
|
-
radioGroupContainer:
|
|
1623
|
-
radioOptionContainer:
|
|
1624
|
-
radioOption:
|
|
1625
|
-
error:
|
|
1626
|
-
warning:
|
|
1627
|
-
valid:
|
|
1628
|
-
indicator:
|
|
1629
|
-
disabled:
|
|
1630
|
-
label:
|
|
1631
|
-
},
|
|
1632
|
-
themeVars:
|
|
1633
|
-
textarea:
|
|
1634
|
-
error:
|
|
1635
|
-
warning:
|
|
1636
|
-
valid:
|
|
1637
|
-
resizeHorizontal:
|
|
1638
|
-
resizeVertical:
|
|
1639
|
-
resizeBoth:
|
|
1640
|
-
},
|
|
1641
|
-
themeVars:
|
|
1642
|
-
multiSelectContainer:
|
|
1643
|
-
selectToggleButton:
|
|
1644
|
-
placeholder:
|
|
1645
|
-
error:
|
|
1646
|
-
warning:
|
|
1647
|
-
valid:
|
|
1648
|
-
disabled:
|
|
1649
|
-
indicator:
|
|
1650
|
-
selectedOptions:
|
|
1651
|
-
multiValue:
|
|
1652
|
-
multiValueLabel:
|
|
1653
|
-
multiValueRemove:
|
|
1654
|
-
selectMenu:
|
|
1655
|
-
item:
|
|
1656
|
-
empty:
|
|
1657
|
-
itemActive:
|
|
1658
|
-
itemDisabled:
|
|
1659
|
-
itemSelected:
|
|
1660
|
-
}, ie = "FormItem",
|
|
1604
|
+
}), Zl = `'{"Input:radius-NumberBox-default": "var(--xmlui-radius-NumberBox-default)", "Input:color-border-NumberBox-default": "var(--xmlui-color-border-NumberBox-default)", "Input:thickness-border-NumberBox-default": "var(--xmlui-thickness-border-NumberBox-default)", "Input:style-border-NumberBox-default": "var(--xmlui-style-border-NumberBox-default)", "Input:font-size-NumberBox-default": "var(--xmlui-font-size-NumberBox-default)", "Input:color-bg-NumberBox-default": "var(--xmlui-color-bg-NumberBox-default)", "Input:shadow-NumberBox-default": "var(--xmlui-shadow-NumberBox-default)", "Input:color-text-NumberBox-default": "var(--xmlui-color-text-NumberBox-default)", "Input:color-border-NumberBox-default--hover": "var(--xmlui-color-border-NumberBox-default--hover)", "Input:color-bg-NumberBox-default--hover": "var(--xmlui-color-bg-NumberBox-default--hover)", "Input:shadow-NumberBox-default--hover": "var(--xmlui-shadow-NumberBox-default--hover)", "Input:color-text-NumberBox-default--hover": "var(--xmlui-color-text-NumberBox-default--hover)", "Input:color-border-NumberBox-default--focus": "var(--xmlui-color-border-NumberBox-default--focus)", "Input:color-bg-NumberBox-default--focus": "var(--xmlui-color-bg-NumberBox-default--focus)", "Input:shadow-NumberBox-default--focus": "var(--xmlui-shadow-NumberBox-default--focus)", "Input:color-text-NumberBox-default--focus": "var(--xmlui-color-text-NumberBox-default--focus)", "Input:thickness-outline-NumberBox-default--focus": "var(--xmlui-thickness-outline-NumberBox-default--focus)", "Input:color-outline-NumberBox-default--focus": "var(--xmlui-color-outline-NumberBox-default--focus)", "Input:style-outline-NumberBox-default--focus": "var(--xmlui-style-outline-NumberBox-default--focus)", "Input:offset-outline-NumberBox-default--focus": "var(--xmlui-offset-outline-NumberBox-default--focus)", "Input:color-placeholder-NumberBox-default": "var(--xmlui-color-placeholder-NumberBox-default)", "Input:color-adornment-NumberBox-default": "var(--xmlui-color-adornment-NumberBox-default)", "Input:radius-NumberBox-error": "var(--xmlui-radius-NumberBox-error)", "Input:color-border-NumberBox-error": "var(--xmlui-color-border-NumberBox-error)", "Input:thickness-border-NumberBox-error": "var(--xmlui-thickness-border-NumberBox-error)", "Input:style-border-NumberBox-error": "var(--xmlui-style-border-NumberBox-error)", "Input:font-size-NumberBox-error": "var(--xmlui-font-size-NumberBox-error)", "Input:color-bg-NumberBox-error": "var(--xmlui-color-bg-NumberBox-error)", "Input:shadow-NumberBox-error": "var(--xmlui-shadow-NumberBox-error)", "Input:color-text-NumberBox-error": "var(--xmlui-color-text-NumberBox-error)", "Input:color-border-NumberBox-error--hover": "var(--xmlui-color-border-NumberBox-error--hover)", "Input:color-bg-NumberBox-error--hover": "var(--xmlui-color-bg-NumberBox-error--hover)", "Input:shadow-NumberBox-error--hover": "var(--xmlui-shadow-NumberBox-error--hover)", "Input:color-text-NumberBox-error--hover": "var(--xmlui-color-text-NumberBox-error--hover)", "Input:color-border-NumberBox-error--focus": "var(--xmlui-color-border-NumberBox-error--focus)", "Input:color-bg-NumberBox-error--focus": "var(--xmlui-color-bg-NumberBox-error--focus)", "Input:shadow-NumberBox-error--focus": "var(--xmlui-shadow-NumberBox-error--focus)", "Input:color-text-NumberBox-error--focus": "var(--xmlui-color-text-NumberBox-error--focus)", "Input:thickness-outline-NumberBox-error--focus": "var(--xmlui-thickness-outline-NumberBox-error--focus)", "Input:color-outline-NumberBox-error--focus": "var(--xmlui-color-outline-NumberBox-error--focus)", "Input:style-outline-NumberBox-error--focus": "var(--xmlui-style-outline-NumberBox-error--focus)", "Input:offset-outline-NumberBox-error--focus": "var(--xmlui-offset-outline-NumberBox-error--focus)", "Input:color-placeholder-NumberBox-error": "var(--xmlui-color-placeholder-NumberBox-error)", "Input:color-adornment-NumberBox-error": "var(--xmlui-color-adornment-NumberBox-error)", "Input:radius-NumberBox-warning": "var(--xmlui-radius-NumberBox-warning)", "Input:color-border-NumberBox-warning": "var(--xmlui-color-border-NumberBox-warning)", "Input:thickness-border-NumberBox-warning": "var(--xmlui-thickness-border-NumberBox-warning)", "Input:style-border-NumberBox-warning": "var(--xmlui-style-border-NumberBox-warning)", "Input:font-size-NumberBox-warning": "var(--xmlui-font-size-NumberBox-warning)", "Input:color-bg-NumberBox-warning": "var(--xmlui-color-bg-NumberBox-warning)", "Input:shadow-NumberBox-warning": "var(--xmlui-shadow-NumberBox-warning)", "Input:color-text-NumberBox-warning": "var(--xmlui-color-text-NumberBox-warning)", "Input:color-border-NumberBox-warning--hover": "var(--xmlui-color-border-NumberBox-warning--hover)", "Input:color-bg-NumberBox-warning--hover": "var(--xmlui-color-bg-NumberBox-warning--hover)", "Input:shadow-NumberBox-warning--hover": "var(--xmlui-shadow-NumberBox-warning--hover)", "Input:color-text-NumberBox-warning--hover": "var(--xmlui-color-text-NumberBox-warning--hover)", "Input:color-border-NumberBox-warning--focus": "var(--xmlui-color-border-NumberBox-warning--focus)", "Input:color-bg-NumberBox-warning--focus": "var(--xmlui-color-bg-NumberBox-warning--focus)", "Input:shadow-NumberBox-warning--focus": "var(--xmlui-shadow-NumberBox-warning--focus)", "Input:color-text-NumberBox-warning--focus": "var(--xmlui-color-text-NumberBox-warning--focus)", "Input:thickness-outline-NumberBox-warning--focus": "var(--xmlui-thickness-outline-NumberBox-warning--focus)", "Input:color-outline-NumberBox-warning--focus": "var(--xmlui-color-outline-NumberBox-warning--focus)", "Input:style-outline-NumberBox-warning--focus": "var(--xmlui-style-outline-NumberBox-warning--focus)", "Input:offset-outline-NumberBox-warning--focus": "var(--xmlui-offset-outline-NumberBox-warning--focus)", "Input:color-placeholder-NumberBox-warning": "var(--xmlui-color-placeholder-NumberBox-warning)", "Input:color-adornment-NumberBox-warning": "var(--xmlui-color-adornment-NumberBox-warning)", "Input:radius-NumberBox-success": "var(--xmlui-radius-NumberBox-success)", "Input:color-border-NumberBox-success": "var(--xmlui-color-border-NumberBox-success)", "Input:thickness-border-NumberBox-success": "var(--xmlui-thickness-border-NumberBox-success)", "Input:style-border-NumberBox-success": "var(--xmlui-style-border-NumberBox-success)", "Input:font-size-NumberBox-success": "var(--xmlui-font-size-NumberBox-success)", "Input:color-bg-NumberBox-success": "var(--xmlui-color-bg-NumberBox-success)", "Input:shadow-NumberBox-success": "var(--xmlui-shadow-NumberBox-success)", "Input:color-text-NumberBox-success": "var(--xmlui-color-text-NumberBox-success)", "Input:color-border-NumberBox-success--hover": "var(--xmlui-color-border-NumberBox-success--hover)", "Input:color-bg-NumberBox-success--hover": "var(--xmlui-color-bg-NumberBox-success--hover)", "Input:shadow-NumberBox-success--hover": "var(--xmlui-shadow-NumberBox-success--hover)", "Input:color-text-NumberBox-success--hover": "var(--xmlui-color-text-NumberBox-success--hover)", "Input:color-border-NumberBox-success--focus": "var(--xmlui-color-border-NumberBox-success--focus)", "Input:color-bg-NumberBox-success--focus": "var(--xmlui-color-bg-NumberBox-success--focus)", "Input:shadow-NumberBox-success--focus": "var(--xmlui-shadow-NumberBox-success--focus)", "Input:color-text-NumberBox-success--focus": "var(--xmlui-color-text-NumberBox-success--focus)", "Input:thickness-outline-NumberBox-success--focus": "var(--xmlui-thickness-outline-NumberBox-success--focus)", "Input:color-outline-NumberBox-success--focus": "var(--xmlui-color-outline-NumberBox-success--focus)", "Input:style-outline-NumberBox-success--focus": "var(--xmlui-style-outline-NumberBox-success--focus)", "Input:offset-outline-NumberBox-success--focus": "var(--xmlui-offset-outline-NumberBox-success--focus)", "Input:color-placeholder-NumberBox-success": "var(--xmlui-color-placeholder-NumberBox-success)", "Input:color-adornment-NumberBox-success": "var(--xmlui-color-adornment-NumberBox-success)", "Input:color-bg-NumberBox--disabled": "var(--xmlui-color-bg-NumberBox--disabled)", "Input:color-text-NumberBox--disabled": "var(--xmlui-color-text-NumberBox--disabled)", "Input:color-border-NumberBox--disabled": "var(--xmlui-color-border-NumberBox--disabled)"}'`, Jl = "_inputRoot_zavgy_13", Xl = "_input_zavgy_13", Ql = "_adornment_zavgy_53", Kl = "_error_zavgy_56", es = "_warning_zavgy_90", ts = "_valid_zavgy_124", os = "_spinnerBox_zavgy_184", rs = "_spinnerButton_zavgy_191", is = "_readOnly_zavgy_197", as = {
|
|
1605
|
+
themeVars: Zl,
|
|
1606
|
+
inputRoot: Jl,
|
|
1607
|
+
input: Xl,
|
|
1608
|
+
adornment: Ql,
|
|
1609
|
+
error: Kl,
|
|
1610
|
+
warning: es,
|
|
1611
|
+
valid: ts,
|
|
1612
|
+
spinnerBox: os,
|
|
1613
|
+
spinnerButton: rs,
|
|
1614
|
+
readOnly: is
|
|
1615
|
+
}, ns = `'{"Input:radius-Select-default": "var(--xmlui-radius-Select-default)", "Input:color-border-Select-default": "var(--xmlui-color-border-Select-default)", "Input:thickness-border-Select-default": "var(--xmlui-thickness-border-Select-default)", "Input:style-border-Select-default": "var(--xmlui-style-border-Select-default)", "Input:font-size-Select-default": "var(--xmlui-font-size-Select-default)", "Input:color-bg-Select-default": "var(--xmlui-color-bg-Select-default)", "Input:shadow-Select-default": "var(--xmlui-shadow-Select-default)", "Input:color-text-Select-default": "var(--xmlui-color-text-Select-default)", "Input:color-border-Select-default--hover": "var(--xmlui-color-border-Select-default--hover)", "Input:color-bg-Select-default--hover": "var(--xmlui-color-bg-Select-default--hover)", "Input:shadow-Select-default--hover": "var(--xmlui-shadow-Select-default--hover)", "Input:color-text-Select-default--hover": "var(--xmlui-color-text-Select-default--hover)", "Input:thickness-outline-Select-default--focus": "var(--xmlui-thickness-outline-Select-default--focus)", "Input:color-outline-Select-default--focus": "var(--xmlui-color-outline-Select-default--focus)", "Input:style-outline-Select-default--focus": "var(--xmlui-style-outline-Select-default--focus)", "Input:offset-outline-Select-default--focus": "var(--xmlui-offset-outline-Select-default--focus)", "Input:color-placeholder-Select-default": "var(--xmlui-color-placeholder-Select-default)", "Input:radius-Select-error": "var(--xmlui-radius-Select-error)", "Input:color-border-Select-error": "var(--xmlui-color-border-Select-error)", "Input:thickness-border-Select-error": "var(--xmlui-thickness-border-Select-error)", "Input:style-border-Select-error": "var(--xmlui-style-border-Select-error)", "Input:font-size-Select-error": "var(--xmlui-font-size-Select-error)", "Input:color-bg-Select-error": "var(--xmlui-color-bg-Select-error)", "Input:shadow-Select-error": "var(--xmlui-shadow-Select-error)", "Input:color-text-Select-error": "var(--xmlui-color-text-Select-error)", "Input:color-border-Select-error--hover": "var(--xmlui-color-border-Select-error--hover)", "Input:color-bg-Select-error--hover": "var(--xmlui-color-bg-Select-error--hover)", "Input:shadow-Select-error--hover": "var(--xmlui-shadow-Select-error--hover)", "Input:color-text-Select-error--hover": "var(--xmlui-color-text-Select-error--hover)", "Input:thickness-outline-Select-error--focus": "var(--xmlui-thickness-outline-Select-error--focus)", "Input:color-outline-Select-error--focus": "var(--xmlui-color-outline-Select-error--focus)", "Input:style-outline-Select-error--focus": "var(--xmlui-style-outline-Select-error--focus)", "Input:offset-outline-Select-error--focus": "var(--xmlui-offset-outline-Select-error--focus)", "Input:color-placeholder-Select-error": "var(--xmlui-color-placeholder-Select-error)", "Input:radius-Select-warning": "var(--xmlui-radius-Select-warning)", "Input:color-border-Select-warning": "var(--xmlui-color-border-Select-warning)", "Input:thickness-border-Select-warning": "var(--xmlui-thickness-border-Select-warning)", "Input:style-border-Select-warning": "var(--xmlui-style-border-Select-warning)", "Input:font-size-Select-warning": "var(--xmlui-font-size-Select-warning)", "Input:color-bg-Select-warning": "var(--xmlui-color-bg-Select-warning)", "Input:shadow-Select-warning": "var(--xmlui-shadow-Select-warning)", "Input:color-text-Select-warning": "var(--xmlui-color-text-Select-warning)", "Input:color-border-Select-warning--hover": "var(--xmlui-color-border-Select-warning--hover)", "Input:color-bg-Select-warning--hover": "var(--xmlui-color-bg-Select-warning--hover)", "Input:shadow-Select-warning--hover": "var(--xmlui-shadow-Select-warning--hover)", "Input:color-text-Select-warning--hover": "var(--xmlui-color-text-Select-warning--hover)", "Input:thickness-outline-Select-warning--focus": "var(--xmlui-thickness-outline-Select-warning--focus)", "Input:color-outline-Select-warning--focus": "var(--xmlui-color-outline-Select-warning--focus)", "Input:style-outline-Select-warning--focus": "var(--xmlui-style-outline-Select-warning--focus)", "Input:offset-outline-Select-warning--focus": "var(--xmlui-offset-outline-Select-warning--focus)", "Input:color-placeholder-Select-warning": "var(--xmlui-color-placeholder-Select-warning)", "Input:radius-Select-success": "var(--xmlui-radius-Select-success)", "Input:color-border-Select-success": "var(--xmlui-color-border-Select-success)", "Input:thickness-border-Select-success": "var(--xmlui-thickness-border-Select-success)", "Input:style-border-Select-success": "var(--xmlui-style-border-Select-success)", "Input:font-size-Select-success": "var(--xmlui-font-size-Select-success)", "Input:color-bg-Select-success": "var(--xmlui-color-bg-Select-success)", "Input:shadow-Select-success": "var(--xmlui-shadow-Select-success)", "Input:color-text-Select-success": "var(--xmlui-color-text-Select-success)", "Input:color-border-Select-success--hover": "var(--xmlui-color-border-Select-success--hover)", "Input:color-bg-Select-success--hover": "var(--xmlui-color-bg-Select-success--hover)", "Input:shadow-Select-success--hover": "var(--xmlui-shadow-Select-success--hover)", "Input:color-text-Select-success--hover": "var(--xmlui-color-text-Select-success--hover)", "Input:thickness-outline-Select-success--focus": "var(--xmlui-thickness-outline-Select-success--focus)", "Input:color-outline-Select-success--focus": "var(--xmlui-color-outline-Select-success--focus)", "Input:style-outline-Select-success--focus": "var(--xmlui-style-outline-Select-success--focus)", "Input:offset-outline-Select-success--focus": "var(--xmlui-offset-outline-Select-success--focus)", "Input:color-placeholder-Select-success": "var(--xmlui-color-placeholder-Select-success)", "Input:color-bg-Select--disabled": "var(--xmlui-color-bg-Select--disabled)", "Input:color-text-Select--disabled": "var(--xmlui-color-text-Select--disabled)", "Input:color-border-Select--disabled": "var(--xmlui-color-border-Select--disabled)", "Input:color-text-indicator-Select": "var(--xmlui-color-text-indicator-Select)", "Input:shadow-menu-Select": "var(--xmlui-shadow-menu-Select)", "Input:color-bg-menu-Select": "var(--xmlui-color-bg-menu-Select)", "Input:radius-menu-Select": "var(--xmlui-radius-menu-Select)", "Input:font-size-Select": "var(--xmlui-font-size-Select)", "Input:color-bg-item-Select--hover": "var(--xmlui-color-bg-item-Select--hover)", "Input:color-bg-item-Select--active": "var(--xmlui-color-bg-item-Select--active)", "Input:color-text-item-Select--disabled": "var(--xmlui-color-text-item-Select--disabled)"}'`, ls = "_selectContainer_e26ia_13", ss = "_placeholder_e26ia_44", cs = "_error_e26ia_47", ds = "_warning_e26ia_72", us = "_valid_e26ia_97", hs = "_disabled_e26ia_122", ms = "_inputRoot_e26ia_128", ps = "_indicator_e26ia_128", xs = "_input_e26ia_128", bs = "_selectMenu_e26ia_164", vs = "_item_e26ia_178", gs = "_empty_e26ia_187", fs = "_selectable_e26ia_194", Ts = "_itemActive_e26ia_198", ys = "_itemDisabled_e26ia_198", $s = "_itemSelected_e26ia_201", ws = {
|
|
1616
|
+
themeVars: ns,
|
|
1617
|
+
selectContainer: ls,
|
|
1618
|
+
placeholder: ss,
|
|
1619
|
+
error: cs,
|
|
1620
|
+
warning: ds,
|
|
1621
|
+
valid: us,
|
|
1622
|
+
disabled: hs,
|
|
1623
|
+
inputRoot: ms,
|
|
1624
|
+
indicator: ps,
|
|
1625
|
+
input: xs,
|
|
1626
|
+
selectMenu: bs,
|
|
1627
|
+
item: vs,
|
|
1628
|
+
empty: gs,
|
|
1629
|
+
selectable: fs,
|
|
1630
|
+
itemActive: Ts,
|
|
1631
|
+
itemDisabled: ys,
|
|
1632
|
+
itemSelected: $s
|
|
1633
|
+
}, _s = `'{"gap-RadioGroupOption": "var(--xmlui-gap-RadioGroupOption)", "Input:color-bg-RadioGroupOption-default": "var(--xmlui-color-bg-RadioGroupOption-default)", "thickness-border-RadioGroupOption": "var(--xmlui-thickness-border-RadioGroupOption)", "Input:color-border-RadioGroupOption-default": "var(--xmlui-color-border-RadioGroupOption-default)", "Input:color-border-RadioGroupOption-default--hover": "var(--xmlui-color-border-RadioGroupOption-default--hover)", "Input:color-border-RadioGroupOption-default--active": "var(--xmlui-color-border-RadioGroupOption-default--active)", "Input:color-border-RadioGroupOption--disabled": "var(--xmlui-color-border-RadioGroupOption--disabled)", "Input:color-text-RadioGroupOption--disabled": "var(--xmlui-color-text-RadioGroupOption--disabled)", "Input:color-border-RadioGroupOption-error": "var(--xmlui-color-border-RadioGroupOption-error)", "Input:color-border-RadioGroupOption-warning": "var(--xmlui-color-border-RadioGroupOption-warning)", "Input:color-border-RadioGroupOption-success": "var(--xmlui-color-border-RadioGroupOption-success)", "color-bg-checked-RadioGroupOption-default": "var(--xmlui-color-bg-checked-RadioGroupOption-default)", "color-bg-checked-RadioGroupOption--disabled": "var(--xmlui-color-bg-checked-RadioGroupOption--disabled)", "color-bg-checked-RadioGroupOption-error": "var(--xmlui-color-bg-checked-RadioGroupOption-error)", "color-bg-checked-RadioGroupOption-warning": "var(--xmlui-color-bg-checked-RadioGroupOption-warning)", "color-bg-checked-RadioGroupOption-success": "var(--xmlui-color-bg-checked-RadioGroupOption-success)", "Input:font-size-RadioGroupOption": "var(--xmlui-font-size-RadioGroupOption)", "Input:font-weight-RadioGroupOption": "var(--xmlui-font-weight-RadioGroupOption)", "Input:color-text-RadioGroupOption-default": "var(--xmlui-color-text-RadioGroupOption-default)", "Input:color-text-RadioGroupOption-error": "var(--xmlui-color-text-RadioGroupOption-error)", "Input:color-text-RadioGroupOption-warning": "var(--xmlui-color-text-RadioGroupOption-warning)", "Input:color-text-RadioGroupOption-success": "var(--xmlui-color-text-RadioGroupOption-success)", "Input:thickness-outline-RadioGroupOption--focus": "var(--xmlui-thickness-outline-RadioGroupOption--focus)", "Input:color-outline-RadioGroupOption--focus": "var(--xmlui-color-outline-RadioGroupOption--focus)", "Input:style-outline-RadioGroupOption--focus": "var(--xmlui-style-outline-RadioGroupOption--focus)", "Input:offset-outline-RadioGroupOption--focus": "var(--xmlui-offset-outline-RadioGroupOption--focus)"}'`, ks = "_radioGroupContainer_1wu5b_13", Is = "_radioOptionContainer_1wu5b_20", Bs = "_radioOption_1wu5b_20", Cs = "_error_1wu5b_55", zs = "_warning_1wu5b_58", Ms = "_valid_1wu5b_61", Ss = "_indicator_1wu5b_65", Ps = "_disabled_1wu5b_78", Ns = "_label_1wu5b_91", Hs = {
|
|
1634
|
+
themeVars: _s,
|
|
1635
|
+
radioGroupContainer: ks,
|
|
1636
|
+
radioOptionContainer: Is,
|
|
1637
|
+
radioOption: Bs,
|
|
1638
|
+
error: Cs,
|
|
1639
|
+
warning: zs,
|
|
1640
|
+
valid: Ms,
|
|
1641
|
+
indicator: Ss,
|
|
1642
|
+
disabled: Ps,
|
|
1643
|
+
label: Ns
|
|
1644
|
+
}, Vs = `'{"Input:radius-Textarea-default": "var(--xmlui-radius-Textarea-default)", "Input:color-border-Textarea-default": "var(--xmlui-color-border-Textarea-default)", "Input:thickness-border-Textarea-default": "var(--xmlui-thickness-border-Textarea-default)", "Input:style-border-Textarea-default": "var(--xmlui-style-border-Textarea-default)", "Input:font-size-Textarea-default": "var(--xmlui-font-size-Textarea-default)", "Input:color-bg-Textarea-default": "var(--xmlui-color-bg-Textarea-default)", "Input:shadow-Textarea-default": "var(--xmlui-shadow-Textarea-default)", "Input:color-text-Textarea-default": "var(--xmlui-color-text-Textarea-default)", "Input:color-border-Textarea-default--hover": "var(--xmlui-color-border-Textarea-default--hover)", "Input:color-bg-Textarea-default--hover": "var(--xmlui-color-bg-Textarea-default--hover)", "Input:shadow-Textarea-default--hover": "var(--xmlui-shadow-Textarea-default--hover)", "Input:color-text-Textarea-default--hover": "var(--xmlui-color-text-Textarea-default--hover)", "Input:color-border-Textarea-default--focus": "var(--xmlui-color-border-Textarea-default--focus)", "Input:color-bg-Textarea-default--focus": "var(--xmlui-color-bg-Textarea-default--focus)", "Input:shadow-Textarea-default--focus": "var(--xmlui-shadow-Textarea-default--focus)", "Input:color-text-Textarea-default--focus": "var(--xmlui-color-text-Textarea-default--focus)", "Input:thickness-outline-Textarea-default--focus": "var(--xmlui-thickness-outline-Textarea-default--focus)", "Input:color-outline-Textarea-default--focus": "var(--xmlui-color-outline-Textarea-default--focus)", "Input:style-outline-Textarea-default--focus": "var(--xmlui-style-outline-Textarea-default--focus)", "Input:offset-outline-Textarea-default--focus": "var(--xmlui-offset-outline-Textarea-default--focus)", "Input:color-placeholder-Textarea-default": "var(--xmlui-color-placeholder-Textarea-default)", "Input:radius-Textarea-error": "var(--xmlui-radius-Textarea-error)", "Input:color-border-Textarea-error": "var(--xmlui-color-border-Textarea-error)", "Input:thickness-border-Textarea-error": "var(--xmlui-thickness-border-Textarea-error)", "Input:style-border-Textarea-error": "var(--xmlui-style-border-Textarea-error)", "Input:font-size-Textarea-error": "var(--xmlui-font-size-Textarea-error)", "Input:color-bg-Textarea-error": "var(--xmlui-color-bg-Textarea-error)", "Input:shadow-Textarea-error": "var(--xmlui-shadow-Textarea-error)", "Input:color-text-Textarea-error": "var(--xmlui-color-text-Textarea-error)", "Input:color-border-Textarea-error--hover": "var(--xmlui-color-border-Textarea-error--hover)", "Input:color-bg-Textarea-error--hover": "var(--xmlui-color-bg-Textarea-error--hover)", "Input:shadow-Textarea-error--hover": "var(--xmlui-shadow-Textarea-error--hover)", "Input:color-text-Textarea-error--hover": "var(--xmlui-color-text-Textarea-error--hover)", "Input:color-border-Textarea-error--focus": "var(--xmlui-color-border-Textarea-error--focus)", "Input:color-bg-Textarea-error--focus": "var(--xmlui-color-bg-Textarea-error--focus)", "Input:shadow-Textarea-error--focus": "var(--xmlui-shadow-Textarea-error--focus)", "Input:color-text-Textarea-error--focus": "var(--xmlui-color-text-Textarea-error--focus)", "Input:thickness-outline-Textarea-error--focus": "var(--xmlui-thickness-outline-Textarea-error--focus)", "Input:color-outline-Textarea-error--focus": "var(--xmlui-color-outline-Textarea-error--focus)", "Input:style-outline-Textarea-error--focus": "var(--xmlui-style-outline-Textarea-error--focus)", "Input:offset-outline-Textarea-error--focus": "var(--xmlui-offset-outline-Textarea-error--focus)", "Input:color-placeholder-Textarea-error": "var(--xmlui-color-placeholder-Textarea-error)", "Input:radius-Textarea-warning": "var(--xmlui-radius-Textarea-warning)", "Input:color-border-Textarea-warning": "var(--xmlui-color-border-Textarea-warning)", "Input:thickness-border-Textarea-warning": "var(--xmlui-thickness-border-Textarea-warning)", "Input:style-border-Textarea-warning": "var(--xmlui-style-border-Textarea-warning)", "Input:font-size-Textarea-warning": "var(--xmlui-font-size-Textarea-warning)", "Input:color-bg-Textarea-warning": "var(--xmlui-color-bg-Textarea-warning)", "Input:shadow-Textarea-warning": "var(--xmlui-shadow-Textarea-warning)", "Input:color-text-Textarea-warning": "var(--xmlui-color-text-Textarea-warning)", "Input:color-border-Textarea-warning--hover": "var(--xmlui-color-border-Textarea-warning--hover)", "Input:color-bg-Textarea-warning--hover": "var(--xmlui-color-bg-Textarea-warning--hover)", "Input:shadow-Textarea-warning--hover": "var(--xmlui-shadow-Textarea-warning--hover)", "Input:color-text-Textarea-warning--hover": "var(--xmlui-color-text-Textarea-warning--hover)", "Input:color-border-Textarea-warning--focus": "var(--xmlui-color-border-Textarea-warning--focus)", "Input:color-bg-Textarea-warning--focus": "var(--xmlui-color-bg-Textarea-warning--focus)", "Input:shadow-Textarea-warning--focus": "var(--xmlui-shadow-Textarea-warning--focus)", "Input:color-text-Textarea-warning--focus": "var(--xmlui-color-text-Textarea-warning--focus)", "Input:thickness-outline-Textarea-warning--focus": "var(--xmlui-thickness-outline-Textarea-warning--focus)", "Input:color-outline-Textarea-warning--focus": "var(--xmlui-color-outline-Textarea-warning--focus)", "Input:style-outline-Textarea-warning--focus": "var(--xmlui-style-outline-Textarea-warning--focus)", "Input:offset-outline-Textarea-warning--focus": "var(--xmlui-offset-outline-Textarea-warning--focus)", "Input:color-placeholder-Textarea-warning": "var(--xmlui-color-placeholder-Textarea-warning)", "Input:radius-Textarea-success": "var(--xmlui-radius-Textarea-success)", "Input:color-border-Textarea-success": "var(--xmlui-color-border-Textarea-success)", "Input:thickness-border-Textarea-success": "var(--xmlui-thickness-border-Textarea-success)", "Input:style-border-Textarea-success": "var(--xmlui-style-border-Textarea-success)", "Input:font-size-Textarea-success": "var(--xmlui-font-size-Textarea-success)", "Input:color-bg-Textarea-success": "var(--xmlui-color-bg-Textarea-success)", "Input:shadow-Textarea-success": "var(--xmlui-shadow-Textarea-success)", "Input:color-text-Textarea-success": "var(--xmlui-color-text-Textarea-success)", "Input:color-border-Textarea-success--hover": "var(--xmlui-color-border-Textarea-success--hover)", "Input:color-bg-Textarea-success--hover": "var(--xmlui-color-bg-Textarea-success--hover)", "Input:shadow-Textarea-success--hover": "var(--xmlui-shadow-Textarea-success--hover)", "Input:color-text-Textarea-success--hover": "var(--xmlui-color-text-Textarea-success--hover)", "Input:color-border-Textarea-success--focus": "var(--xmlui-color-border-Textarea-success--focus)", "Input:color-bg-Textarea-success--focus": "var(--xmlui-color-bg-Textarea-success--focus)", "Input:shadow-Textarea-success--focus": "var(--xmlui-shadow-Textarea-success--focus)", "Input:color-text-Textarea-success--focus": "var(--xmlui-color-text-Textarea-success--focus)", "Input:thickness-outline-Textarea-success--focus": "var(--xmlui-thickness-outline-Textarea-success--focus)", "Input:color-outline-Textarea-success--focus": "var(--xmlui-color-outline-Textarea-success--focus)", "Input:style-outline-Textarea-success--focus": "var(--xmlui-style-outline-Textarea-success--focus)", "Input:offset-outline-Textarea-success--focus": "var(--xmlui-offset-outline-Textarea-success--focus)", "Input:color-placeholder-Textarea-success": "var(--xmlui-color-placeholder-Textarea-success)", "Input:color-bg-Textarea--disabled": "var(--xmlui-color-bg-Textarea--disabled)", "Input:color-text-Textarea--disabled": "var(--xmlui-color-text-Textarea--disabled)", "Input:color-border-Textarea--disabled": "var(--xmlui-color-border-Textarea--disabled)"}'`, Ds = "_textarea_qt7ql_13", Os = "_error_qt7ql_53", Ls = "_warning_qt7ql_84", As = "_valid_qt7ql_115", Fs = "_resizeHorizontal_qt7ql_153", qs = "_resizeVertical_qt7ql_157", Rs = "_resizeBoth_qt7ql_161", Es = {
|
|
1645
|
+
themeVars: Vs,
|
|
1646
|
+
textarea: Ds,
|
|
1647
|
+
error: Os,
|
|
1648
|
+
warning: Ls,
|
|
1649
|
+
valid: As,
|
|
1650
|
+
resizeHorizontal: Fs,
|
|
1651
|
+
resizeVertical: qs,
|
|
1652
|
+
resizeBoth: Rs
|
|
1653
|
+
}, Ws = `'{"Input:font-size-MultiSelect": "var(--xmlui-font-size-MultiSelect)", "Input:radius-MultiSelect-default": "var(--xmlui-radius-MultiSelect-default)", "Input:color-border-MultiSelect-default": "var(--xmlui-color-border-MultiSelect-default)", "Input:thickness-border-MultiSelect-default": "var(--xmlui-thickness-border-MultiSelect-default)", "Input:style-border-MultiSelect-default": "var(--xmlui-style-border-MultiSelect-default)", "Input:color-bg-MultiSelect-default": "var(--xmlui-color-bg-MultiSelect-default)", "Input:shadow-MultiSelect-default": "var(--xmlui-shadow-MultiSelect-default)", "Input:color-text-MultiSelect-default": "var(--xmlui-color-text-MultiSelect-default)", "Input:color-border-MultiSelect-default--hover": "var(--xmlui-color-border-MultiSelect-default--hover)", "Input:color-bg-MultiSelect-default--hover": "var(--xmlui-color-bg-MultiSelect-default--hover)", "Input:shadow-MultiSelect-default--hover": "var(--xmlui-shadow-MultiSelect-default--hover)", "Input:color-text-MultiSelect-default--hover": "var(--xmlui-color-text-MultiSelect-default--hover)", "Input:thickness-outline-MultiSelect-default--focus": "var(--xmlui-thickness-outline-MultiSelect-default--focus)", "Input:color-outline-MultiSelect-default--focus": "var(--xmlui-color-outline-MultiSelect-default--focus)", "Input:style-outline-MultiSelect-default--focus": "var(--xmlui-style-outline-MultiSelect-default--focus)", "Input:offset-outline-MultiSelect-default--focus": "var(--xmlui-offset-outline-MultiSelect-default--focus)", "Input:color-placeholder-MultiSelect-default": "var(--xmlui-color-placeholder-MultiSelect-default)", "Input:radius-MultiSelect-error": "var(--xmlui-radius-MultiSelect-error)", "Input:color-border-MultiSelect-error": "var(--xmlui-color-border-MultiSelect-error)", "Input:thickness-border-MultiSelect-error": "var(--xmlui-thickness-border-MultiSelect-error)", "Input:style-border-MultiSelect-error": "var(--xmlui-style-border-MultiSelect-error)", "Input:color-bg-MultiSelect-error": "var(--xmlui-color-bg-MultiSelect-error)", "Input:shadow-MultiSelect-error": "var(--xmlui-shadow-MultiSelect-error)", "Input:color-text-MultiSelect-error": "var(--xmlui-color-text-MultiSelect-error)", "Input:color-border-MultiSelect-error--hover": "var(--xmlui-color-border-MultiSelect-error--hover)", "Input:color-bg-MultiSelect-error--hover": "var(--xmlui-color-bg-MultiSelect-error--hover)", "Input:shadow-MultiSelect-error--hover": "var(--xmlui-shadow-MultiSelect-error--hover)", "Input:color-text-MultiSelect-error--hover": "var(--xmlui-color-text-MultiSelect-error--hover)", "Input:thickness-outline-MultiSelect-error--focus": "var(--xmlui-thickness-outline-MultiSelect-error--focus)", "Input:color-outline-MultiSelect-error--focus": "var(--xmlui-color-outline-MultiSelect-error--focus)", "Input:style-outline-MultiSelect-error--focus": "var(--xmlui-style-outline-MultiSelect-error--focus)", "Input:offset-outline-MultiSelect-error--focus": "var(--xmlui-offset-outline-MultiSelect-error--focus)", "Input:color-placeholder-MultiSelect-error": "var(--xmlui-color-placeholder-MultiSelect-error)", "Input:radius-MultiSelect-warning": "var(--xmlui-radius-MultiSelect-warning)", "Input:color-border-MultiSelect-warning": "var(--xmlui-color-border-MultiSelect-warning)", "Input:thickness-border-MultiSelect-warning": "var(--xmlui-thickness-border-MultiSelect-warning)", "Input:style-border-MultiSelect-warning": "var(--xmlui-style-border-MultiSelect-warning)", "Input:color-bg-MultiSelect-warning": "var(--xmlui-color-bg-MultiSelect-warning)", "Input:shadow-MultiSelect-warning": "var(--xmlui-shadow-MultiSelect-warning)", "Input:color-text-MultiSelect-warning": "var(--xmlui-color-text-MultiSelect-warning)", "Input:color-border-MultiSelect-warning--hover": "var(--xmlui-color-border-MultiSelect-warning--hover)", "Input:color-bg-MultiSelect-warning--hover": "var(--xmlui-color-bg-MultiSelect-warning--hover)", "Input:shadow-MultiSelect-warning--hover": "var(--xmlui-shadow-MultiSelect-warning--hover)", "Input:color-text-MultiSelect-warning--hover": "var(--xmlui-color-text-MultiSelect-warning--hover)", "Input:thickness-outline-MultiSelect-warning--focus": "var(--xmlui-thickness-outline-MultiSelect-warning--focus)", "Input:color-outline-MultiSelect-warning--focus": "var(--xmlui-color-outline-MultiSelect-warning--focus)", "Input:style-outline-MultiSelect-warning--focus": "var(--xmlui-style-outline-MultiSelect-warning--focus)", "Input:offset-outline-MultiSelect-warning--focus": "var(--xmlui-offset-outline-MultiSelect-warning--focus)", "Input:color-placeholder-MultiSelect-warning": "var(--xmlui-color-placeholder-MultiSelect-warning)", "Input:radius-MultiSelect-success": "var(--xmlui-radius-MultiSelect-success)", "Input:color-border-MultiSelect-success": "var(--xmlui-color-border-MultiSelect-success)", "Input:thickness-border-MultiSelect-success": "var(--xmlui-thickness-border-MultiSelect-success)", "Input:style-border-MultiSelect-success": "var(--xmlui-style-border-MultiSelect-success)", "Input:color-bg-MultiSelect-success": "var(--xmlui-color-bg-MultiSelect-success)", "Input:shadow-MultiSelect-success": "var(--xmlui-shadow-MultiSelect-success)", "Input:color-text-MultiSelect-success": "var(--xmlui-color-text-MultiSelect-success)", "Input:color-border-MultiSelect-success--hover": "var(--xmlui-color-border-MultiSelect-success--hover)", "Input:color-bg-MultiSelect-success--hover": "var(--xmlui-color-bg-MultiSelect-success--hover)", "Input:shadow-MultiSelect-success--hover": "var(--xmlui-shadow-MultiSelect-success--hover)", "Input:color-text-MultiSelect-success--hover": "var(--xmlui-color-text-MultiSelect-success--hover)", "Input:thickness-outline-MultiSelect-success--focus": "var(--xmlui-thickness-outline-MultiSelect-success--focus)", "Input:color-outline-MultiSelect-success--focus": "var(--xmlui-color-outline-MultiSelect-success--focus)", "Input:style-outline-MultiSelect-success--focus": "var(--xmlui-style-outline-MultiSelect-success--focus)", "Input:offset-outline-MultiSelect-success--focus": "var(--xmlui-offset-outline-MultiSelect-success--focus)", "Input:color-placeholder-MultiSelect-success": "var(--xmlui-color-placeholder-MultiSelect-success)", "Input:color-bg-MultiSelect--disabled": "var(--xmlui-color-bg-MultiSelect--disabled)", "Input:color-text-MultiSelect--disabled": "var(--xmlui-color-text-MultiSelect--disabled)", "Input:color-border-MultiSelect--disabled": "var(--xmlui-color-border-MultiSelect--disabled)", "Input:color-text-value-MultiSelect": "var(--xmlui-color-text-value-MultiSelect)", "Input:color-bg-value-MultiSelect": "var(--xmlui-color-bg-value-MultiSelect)", "Input:color-bg-menu-MultiSelect": "var(--xmlui-color-bg-menu-MultiSelect)", "Input:shadow-menu-MultiSelect": "var(--xmlui-shadow-menu-MultiSelect)", "Input:radius-menu-MultiSelect": "var(--xmlui-radius-menu-MultiSelect)", "Input:color-text-indicator-MultiSelect": "var(--xmlui-color-text-indicator-MultiSelect)", "Input:color-bg-item-MultiSelect--hover": "var(--xmlui-color-bg-item-MultiSelect--hover)", "Input:color-bg-item-MultiSelect--active": "var(--xmlui-color-bg-item-MultiSelect--active)", "Input:color-text-item-MultiSelect--disabled": "var(--xmlui-color-text-item-MultiSelect--disabled)"}'`, Gs = "_multiSelectContainer_18pmb_13", js = "_selectToggleButton_18pmb_19", Us = "_placeholder_18pmb_53", Ys = "_error_18pmb_56", Zs = "_warning_18pmb_80", Js = "_valid_18pmb_104", Xs = "_disabled_18pmb_128", Qs = "_indicator_18pmb_134", Ks = "_selectedOptions_18pmb_138", ec = "_multiValue_18pmb_145", tc = "_multiValueLabel_18pmb_153", oc = "_multiValueRemove_18pmb_161", rc = "_selectMenu_18pmb_172", ic = "_item_18pmb_199", ac = "_empty_18pmb_207", nc = "_itemActive_18pmb_214", lc = "_itemDisabled_18pmb_214", sc = "_itemSelected_18pmb_217", cc = {
|
|
1654
|
+
themeVars: Ws,
|
|
1655
|
+
multiSelectContainer: Gs,
|
|
1656
|
+
selectToggleButton: js,
|
|
1657
|
+
placeholder: Us,
|
|
1658
|
+
error: Ys,
|
|
1659
|
+
warning: Zs,
|
|
1660
|
+
valid: Js,
|
|
1661
|
+
disabled: Xs,
|
|
1662
|
+
indicator: Qs,
|
|
1663
|
+
selectedOptions: Ks,
|
|
1664
|
+
multiValue: ec,
|
|
1665
|
+
multiValueLabel: tc,
|
|
1666
|
+
multiValueRemove: oc,
|
|
1667
|
+
selectMenu: rc,
|
|
1668
|
+
item: ic,
|
|
1669
|
+
empty: ac,
|
|
1670
|
+
itemActive: nc,
|
|
1671
|
+
itemDisabled: lc,
|
|
1672
|
+
itemSelected: sc
|
|
1673
|
+
}, ie = "FormItem", dc = t({
|
|
1661
1674
|
status: "experimental",
|
|
1662
1675
|
description: `A \`${ie}\` component represents a single input element within a \`Form\`. The value within the \`${ie}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,
|
|
1663
1676
|
props: {
|
|
@@ -1729,7 +1742,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1729
1742
|
`This variable represents the result of the latest validation of the \`${ie}\` instance.`
|
|
1730
1743
|
)
|
|
1731
1744
|
},
|
|
1732
|
-
themeVars: n(
|
|
1745
|
+
themeVars: n(ya.themeVars),
|
|
1733
1746
|
defaultThemeVars: {
|
|
1734
1747
|
"color-text-FormItemLabel": "$color-text-primary",
|
|
1735
1748
|
"font-size-FormItemLabel": "$font-size-small",
|
|
@@ -1740,25 +1753,25 @@ const Qe = "AppHeader", xi = o({
|
|
|
1740
1753
|
}
|
|
1741
1754
|
}), N = "Heading", ee = e(
|
|
1742
1755
|
`This property determines the text displayed in the heading. \`${N}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`
|
|
1743
|
-
),
|
|
1756
|
+
), te = e(
|
|
1744
1757
|
"This property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified."
|
|
1745
|
-
),
|
|
1758
|
+
), uc = e(
|
|
1746
1759
|
"This property indicates whether ellipses should be displayed (`true`) when the heading text is cropped or not (`false`)."
|
|
1747
|
-
),
|
|
1760
|
+
), hc = e(
|
|
1748
1761
|
"This property indicates whether linebreaks should be preserved when displaying text."
|
|
1749
|
-
),
|
|
1762
|
+
), le = (i) => `Represents a heading level ${i} text`, mc = t({
|
|
1750
1763
|
description: "Represents a heading text",
|
|
1751
1764
|
props: {
|
|
1752
1765
|
value: ee,
|
|
1753
1766
|
level: e("This property sets the visual significance (level) of the heading."),
|
|
1754
|
-
maxLines:
|
|
1755
|
-
ellipses:
|
|
1756
|
-
preserveLinebreaks:
|
|
1767
|
+
maxLines: te,
|
|
1768
|
+
ellipses: uc,
|
|
1769
|
+
preserveLinebreaks: hc
|
|
1757
1770
|
},
|
|
1758
1771
|
themeVars: n(K.themeVars),
|
|
1759
1772
|
defaultThemeVars: {
|
|
1760
1773
|
[`font-family-${N}`]: "$font-family",
|
|
1761
|
-
[`color-text-${N}`]: "
|
|
1774
|
+
[`color-text-${N}`]: "$color-text-primary",
|
|
1762
1775
|
[`font-weight-${N}`]: "$font-weight-bold",
|
|
1763
1776
|
[`letter-spacing-${N} `]: "0",
|
|
1764
1777
|
light: {
|
|
@@ -1768,12 +1781,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1768
1781
|
// --- No dark-specific theme vars
|
|
1769
1782
|
}
|
|
1770
1783
|
}
|
|
1771
|
-
}), Te = "H1",
|
|
1772
|
-
description:
|
|
1784
|
+
}), Te = "H1", pc = t({
|
|
1785
|
+
description: le(1),
|
|
1773
1786
|
specializedFrom: N,
|
|
1774
1787
|
props: {
|
|
1775
1788
|
value: ee,
|
|
1776
|
-
maxLines:
|
|
1789
|
+
maxLines: te
|
|
1777
1790
|
},
|
|
1778
1791
|
themeVars: n(K.themeVars),
|
|
1779
1792
|
defaultThemeVars: {
|
|
@@ -1789,12 +1802,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1789
1802
|
// --- No dark-specific theme vars
|
|
1790
1803
|
}
|
|
1791
1804
|
}
|
|
1792
|
-
}), ye = "H2",
|
|
1793
|
-
description:
|
|
1805
|
+
}), ye = "H2", xc = t({
|
|
1806
|
+
description: le(2),
|
|
1794
1807
|
specializedFrom: N,
|
|
1795
1808
|
props: {
|
|
1796
1809
|
value: ee,
|
|
1797
|
-
maxLines:
|
|
1810
|
+
maxLines: te
|
|
1798
1811
|
},
|
|
1799
1812
|
themeVars: n(K.themeVars),
|
|
1800
1813
|
defaultThemeVars: {
|
|
@@ -1810,12 +1823,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1810
1823
|
// --- No dark-specific theme vars
|
|
1811
1824
|
}
|
|
1812
1825
|
}
|
|
1813
|
-
}), $e = "H3",
|
|
1814
|
-
description:
|
|
1826
|
+
}), $e = "H3", bc = t({
|
|
1827
|
+
description: le(3),
|
|
1815
1828
|
specializedFrom: N,
|
|
1816
1829
|
props: {
|
|
1817
1830
|
value: ee,
|
|
1818
|
-
maxLines:
|
|
1831
|
+
maxLines: te
|
|
1819
1832
|
},
|
|
1820
1833
|
themeVars: n(K.themeVars),
|
|
1821
1834
|
defaultThemeVars: {
|
|
@@ -1831,12 +1844,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1831
1844
|
// --- No dark-specific theme vars
|
|
1832
1845
|
}
|
|
1833
1846
|
}
|
|
1834
|
-
}), we = "H4",
|
|
1835
|
-
description:
|
|
1847
|
+
}), we = "H4", vc = t({
|
|
1848
|
+
description: le(4),
|
|
1836
1849
|
specializedFrom: N,
|
|
1837
1850
|
props: {
|
|
1838
1851
|
value: ee,
|
|
1839
|
-
maxLines:
|
|
1852
|
+
maxLines: te
|
|
1840
1853
|
},
|
|
1841
1854
|
themeVars: n(K.themeVars),
|
|
1842
1855
|
defaultThemeVars: {
|
|
@@ -1852,12 +1865,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1852
1865
|
// --- No dark-specific theme vars
|
|
1853
1866
|
}
|
|
1854
1867
|
}
|
|
1855
|
-
}), _e = "H5",
|
|
1856
|
-
description:
|
|
1868
|
+
}), _e = "H5", gc = t({
|
|
1869
|
+
description: le(5),
|
|
1857
1870
|
specializedFrom: N,
|
|
1858
1871
|
props: {
|
|
1859
1872
|
value: ee,
|
|
1860
|
-
maxLines:
|
|
1873
|
+
maxLines: te
|
|
1861
1874
|
},
|
|
1862
1875
|
themeVars: n(K.themeVars),
|
|
1863
1876
|
defaultThemeVars: {
|
|
@@ -1873,12 +1886,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1873
1886
|
// --- No dark-specific theme vars
|
|
1874
1887
|
}
|
|
1875
1888
|
}
|
|
1876
|
-
}), ke = "H6",
|
|
1877
|
-
description:
|
|
1889
|
+
}), ke = "H6", fc = t({
|
|
1890
|
+
description: le(6),
|
|
1878
1891
|
specializedFrom: N,
|
|
1879
1892
|
props: {
|
|
1880
1893
|
value: ee,
|
|
1881
|
-
maxLines:
|
|
1894
|
+
maxLines: te
|
|
1882
1895
|
},
|
|
1883
1896
|
themeVars: n(K.themeVars),
|
|
1884
1897
|
defaultThemeVars: {
|
|
@@ -1894,13 +1907,13 @@ const Qe = "AppHeader", xi = o({
|
|
|
1894
1907
|
// --- No dark-specific theme vars
|
|
1895
1908
|
}
|
|
1896
1909
|
}
|
|
1897
|
-
}),
|
|
1910
|
+
}), Tc = t({
|
|
1898
1911
|
status: "deprecated",
|
|
1899
1912
|
description: "(**OBSOLETE**) This component displays some content when its parent component is hovered.",
|
|
1900
1913
|
props: {
|
|
1901
1914
|
triggerTemplate: m("The component that opens the hover card when hovered.")
|
|
1902
1915
|
}
|
|
1903
|
-
}),
|
|
1916
|
+
}), tt = "Icon", yc = t({
|
|
1904
1917
|
status: "experimental",
|
|
1905
1918
|
description: "This component is the representation of an icon.",
|
|
1906
1919
|
props: {
|
|
@@ -1908,18 +1921,18 @@ const Qe = "AppHeader", xi = o({
|
|
|
1908
1921
|
"This string property specifies the name of the icon to display. All icons have unique names and identifying the name is case-sensitive."
|
|
1909
1922
|
),
|
|
1910
1923
|
size: e(
|
|
1911
|
-
`This property defines the size of the \`${
|
|
1924
|
+
`This property defines the size of the \`${tt}\`. Note that setting the \`height\` and/or the \`width\` of the component will override this property.`
|
|
1912
1925
|
),
|
|
1913
1926
|
fallback: e(
|
|
1914
1927
|
"This optional property provides a way to handle situations when the provided [icon name](#name) is not found in the registry."
|
|
1915
1928
|
)
|
|
1916
1929
|
},
|
|
1917
|
-
themeVars: n(
|
|
1930
|
+
themeVars: n(io.themeVars),
|
|
1918
1931
|
defaultThemeVars: {
|
|
1919
|
-
[`size-${
|
|
1932
|
+
[`size-${tt}`]: "1.25em"
|
|
1920
1933
|
}
|
|
1921
|
-
}),
|
|
1922
|
-
description: `The \`${
|
|
1934
|
+
}), ot = "Image", $c = t({
|
|
1935
|
+
description: `The \`${ot}\` component represents or depicts an object, scene, idea, or other concept with a picture.`,
|
|
1923
1936
|
props: {
|
|
1924
1937
|
src: e("This property is used to indicate the source (path) of the image to display."),
|
|
1925
1938
|
alt: e("This property specifies an alternate text for the image."),
|
|
@@ -1932,11 +1945,11 @@ const Qe = "AppHeader", xi = o({
|
|
|
1932
1945
|
)
|
|
1933
1946
|
},
|
|
1934
1947
|
events: {
|
|
1935
|
-
click: Y(
|
|
1948
|
+
click: Y(ot)
|
|
1936
1949
|
},
|
|
1937
|
-
themeVars: n(
|
|
1938
|
-
}),
|
|
1939
|
-
description: `The \`${
|
|
1950
|
+
themeVars: n(Jr.themeVars)
|
|
1951
|
+
}), wc = "Items", _c = t({
|
|
1952
|
+
description: `The \`${wc}\` component maps sequential data items into component instances, representing each data item as a particular component.`,
|
|
1940
1953
|
props: {
|
|
1941
1954
|
items: m("This property contains the list of data items this component renders."),
|
|
1942
1955
|
data: e(
|
|
@@ -1946,21 +1959,27 @@ const Qe = "AppHeader", xi = o({
|
|
|
1946
1959
|
itemTemplate: m("The component template to display a single item")
|
|
1947
1960
|
},
|
|
1948
1961
|
opaque: !0
|
|
1949
|
-
}), x = "Link",
|
|
1962
|
+
}), x = "Link", kc = t({
|
|
1950
1963
|
description: `A \`${x}\` component represents a navigation target within the app or a reference to an external web URL.`,
|
|
1951
1964
|
props: {
|
|
1952
1965
|
to: e("This property defines the URL of the link."),
|
|
1953
1966
|
enabled: f(),
|
|
1954
1967
|
active: e(
|
|
1955
|
-
"
|
|
1968
|
+
"Indicates whether this link is active or not. If so, it will have a distinct visual appearance.",
|
|
1969
|
+
null,
|
|
1970
|
+
"boolean",
|
|
1971
|
+
!1
|
|
1956
1972
|
),
|
|
1957
1973
|
target: e(
|
|
1958
|
-
`This property specifies where to open the link represented by the \`${x}\`. This property accepts the following values (in accordance with the HTML standard)
|
|
1974
|
+
`This property specifies where to open the link represented by the \`${x}\`. This property accepts the following values (in accordance with the HTML standard):`,
|
|
1975
|
+
Et,
|
|
1976
|
+
"string",
|
|
1977
|
+
"_self"
|
|
1959
1978
|
),
|
|
1960
1979
|
label: H(),
|
|
1961
1980
|
icon: e("This property allows you to add an icon (specify the icon's name) to the link.")
|
|
1962
1981
|
},
|
|
1963
|
-
themeVars: n(
|
|
1982
|
+
themeVars: n(Ei.themeVars),
|
|
1964
1983
|
defaultThemeVars: {
|
|
1965
1984
|
[`color-text-${x}--hover--active`]: `$color-text-${x}--active`,
|
|
1966
1985
|
[`color-text-decoration-${x}--hover`]: "$color-surface-400A80",
|
|
@@ -1985,12 +2004,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
1985
2004
|
[`color-text-${x}--active`]: "$color-primary-500"
|
|
1986
2005
|
}
|
|
1987
2006
|
}
|
|
1988
|
-
}),
|
|
1989
|
-
themeVars:
|
|
1990
|
-
infoWrapper:
|
|
1991
|
-
loadingWrapper:
|
|
1992
|
-
noRows:
|
|
1993
|
-
}, ae = "List",
|
|
2007
|
+
}), Ic = '"[]"', Bc = "_infoWrapper_82pvu_13", Cc = "_loadingWrapper_82pvu_18", zc = "_noRows_82pvu_26", Mc = {
|
|
2008
|
+
themeVars: Ic,
|
|
2009
|
+
infoWrapper: Bc,
|
|
2010
|
+
loadingWrapper: Cc,
|
|
2011
|
+
noRows: zc
|
|
2012
|
+
}, ae = "List", Sc = t({
|
|
1994
2013
|
status: "experimental",
|
|
1995
2014
|
description: `The \`${ae}\` component is a robust layout container that renders associated data items as a list of components. \`${ae}\` is virtualized; it renders only items that are visible in the viewport.`,
|
|
1996
2015
|
props: {
|
|
@@ -1998,7 +2017,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
1998
2017
|
"The component receives data via this property. The `data` property is a list of items that the `List` can display."
|
|
1999
2018
|
),
|
|
2000
2019
|
items: e(
|
|
2001
|
-
"You can use `items` as an alias for the `data` property. When you bind the
|
|
2020
|
+
"You can use `items` as an alias for the `data` property. When you bind the list to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API.When both `items` and `data` are used, `items` has priority."
|
|
2002
2021
|
),
|
|
2003
2022
|
loading: e(
|
|
2004
2023
|
"This property delays the rendering of children until it is set to `false`, or the component receives usable list items via the [`data`](#data) property."
|
|
@@ -2050,20 +2069,20 @@ const Qe = "AppHeader", xi = o({
|
|
|
2050
2069
|
contextVars: {
|
|
2051
2070
|
$item: e("This property represents the value of an item in the data list.")
|
|
2052
2071
|
},
|
|
2053
|
-
themeVars: n(
|
|
2054
|
-
}),
|
|
2072
|
+
themeVars: n(Mc.themeVars)
|
|
2073
|
+
}), Pc = "Logo", Nc = t({
|
|
2055
2074
|
status: "experimental",
|
|
2056
|
-
description: `The \`${
|
|
2057
|
-
}),
|
|
2058
|
-
themeVars:
|
|
2059
|
-
horizontalRule:
|
|
2060
|
-
blockquote:
|
|
2061
|
-
unorderedList:
|
|
2062
|
-
orderedList:
|
|
2063
|
-
listItem:
|
|
2064
|
-
},
|
|
2065
|
-
description: `\`${
|
|
2066
|
-
themeVars: n(
|
|
2075
|
+
description: `The \`${Pc}\` component represents a logo or a brand symbol. Usually, you use this component in the [\`AppHeader\`](./AppHeader.mdx#logotemplate).`
|
|
2076
|
+
}), Hc = `'{"color-border-HorizontalRule": "var(--xmlui-color-border-HorizontalRule)", "thickness-border-HorizontalRule": "var(--xmlui-thickness-border-HorizontalRule)", "style-border-HorizontalRule": "var(--xmlui-style-border-HorizontalRule)", "color-bg-Blockquote": "var(--xmlui-color-bg-Blockquote)", "accent-Blockquote": "var(--xmlui-accent-Blockquote)", "radius-Blockquote": "var(--xmlui-radius-Blockquote)", "shadow-Blockquote": "var(--xmlui-shadow-Blockquote)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "margin-Blockquote": "var(--xmlui-margin-Blockquote)", "padding-left-UnorderedList": "var(--xmlui-padding-left-UnorderedList)", "padding-left-OrderedList": "var(--xmlui-padding-left-OrderedList)", "padding-left-ListItem": "var(--xmlui-padding-left-ListItem)", "color-marker-ListItem": "var(--xmlui-color-marker-ListItem)"}'`, Vc = "_horizontalRule_y1wfd_13", Dc = "_blockquote_y1wfd_17", Oc = "_unorderedList_y1wfd_37", Lc = "_orderedList_y1wfd_43", Ac = "_listItem_y1wfd_49", Fc = {
|
|
2077
|
+
themeVars: Hc,
|
|
2078
|
+
horizontalRule: Vc,
|
|
2079
|
+
blockquote: Dc,
|
|
2080
|
+
unorderedList: Oc,
|
|
2081
|
+
orderedList: Lc,
|
|
2082
|
+
listItem: Ac
|
|
2083
|
+
}, qc = "Markdown", Rc = t({
|
|
2084
|
+
description: `\`${qc}\` displays plain text styled using markdown syntax.`,
|
|
2085
|
+
themeVars: n(Fc.themeVars),
|
|
2067
2086
|
defaultThemeVars: {
|
|
2068
2087
|
"color-border-HorizontalRule": "$color-border",
|
|
2069
2088
|
"thickness-border-HorizontalRule": "1px",
|
|
@@ -2081,7 +2100,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2081
2100
|
// --- No dark-specific theme vars
|
|
2082
2101
|
}
|
|
2083
2102
|
}
|
|
2084
|
-
}), _ = "ModalDialog",
|
|
2103
|
+
}), _ = "ModalDialog", Ec = t({
|
|
2085
2104
|
description: `The \`${_}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,
|
|
2086
2105
|
props: {
|
|
2087
2106
|
fullScreen: e(
|
|
@@ -2109,7 +2128,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2109
2128
|
),
|
|
2110
2129
|
open: e("")
|
|
2111
2130
|
},
|
|
2112
|
-
themeVars: n(
|
|
2131
|
+
themeVars: n(jl.themeVars),
|
|
2113
2132
|
defaultThemeVars: {
|
|
2114
2133
|
...Ne(_, { all: "$space-7" }),
|
|
2115
2134
|
[`color-bg-${_}`]: "$color-bg-primary",
|
|
@@ -2123,7 +2142,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2123
2142
|
[`color-bg-${_}`]: "$color-bg-primary"
|
|
2124
2143
|
}
|
|
2125
2144
|
}
|
|
2126
|
-
}), y = "MultiSelect",
|
|
2145
|
+
}), y = "MultiSelect", Wc = t({
|
|
2127
2146
|
status: "experimental",
|
|
2128
2147
|
description: `The \`${y}\` component works the same way as the [\`Select\`](./Select.mdx) component with the addition of the ability to select multiple elements from a list by clicking list elements in the dropdown. These elements are then displayed in the field and can be removed as necessary.`,
|
|
2129
2148
|
props: {
|
|
@@ -2134,10 +2153,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
2134
2153
|
required: W(),
|
|
2135
2154
|
readOnly: V(),
|
|
2136
2155
|
enabled: f(),
|
|
2137
|
-
validationStatus:
|
|
2156
|
+
validationStatus: D(),
|
|
2138
2157
|
startText: Ve(),
|
|
2139
|
-
startIcon:
|
|
2140
|
-
endText:
|
|
2158
|
+
startIcon: De(),
|
|
2159
|
+
endText: Oe(),
|
|
2141
2160
|
endIcon: Le(),
|
|
2142
2161
|
options: m(
|
|
2143
2162
|
"This property specifies the list of options to be displayed in the dropdown."
|
|
@@ -2160,7 +2179,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2160
2179
|
contextVars: {
|
|
2161
2180
|
$item: e("This context variable acts as a template for an item in the list.")
|
|
2162
2181
|
},
|
|
2163
|
-
themeVars: n(
|
|
2182
|
+
themeVars: n(cc.themeVars),
|
|
2164
2183
|
defaultThemeVars: {
|
|
2165
2184
|
[`color-bg-menu-${y}`]: "$color-bg-primary",
|
|
2166
2185
|
[`shadow-menu-${y}`]: "$shadow-md",
|
|
@@ -2176,25 +2195,25 @@ const Qe = "AppHeader", xi = o({
|
|
|
2176
2195
|
[`color-text-item-${y}--disabled`]: "$color-surface-800"
|
|
2177
2196
|
}
|
|
2178
2197
|
}
|
|
2179
|
-
}),
|
|
2180
|
-
themeVars:
|
|
2181
|
-
dropdownList:
|
|
2182
|
-
withNavGroupChevron:
|
|
2183
|
-
pointRight:
|
|
2184
|
-
}, Ie = "NavGroup",
|
|
2198
|
+
}), Gc = `'{"color-bg-dropdown-NavGroup": "var(--xmlui-color-bg-dropdown-NavGroup)", "shadow-dropdown-NavGroup": "var(--xmlui-shadow-dropdown-NavGroup)", "radius-dropdown-NavGroup": "var(--xmlui-radius-dropdown-NavGroup)"}'`, jc = "_dropdownList_1i6dc_13", Uc = "_withNavGroupChevron_1i6dc_32", Yc = "_pointRight_1i6dc_48", Zc = {
|
|
2199
|
+
themeVars: Gc,
|
|
2200
|
+
dropdownList: jc,
|
|
2201
|
+
withNavGroupChevron: Uc,
|
|
2202
|
+
pointRight: Yc
|
|
2203
|
+
}, Ie = "NavGroup", Jc = t({
|
|
2185
2204
|
description: "The `NavGroup` component is a container for grouping related navigation targets (`NavLink` components). It can be displayed as a submenu in the App's UI.",
|
|
2186
2205
|
props: {
|
|
2187
2206
|
label: H(),
|
|
2188
2207
|
icon: e(`This property defines an optional icon to display along with the \`${Ie}\` label.`)
|
|
2189
2208
|
},
|
|
2190
|
-
themeVars: n(
|
|
2209
|
+
themeVars: n(Zc.themeVars),
|
|
2191
2210
|
defaultThemeVars: {
|
|
2192
2211
|
[`color-bg-dropdown-${Ie}`]: "$color-bg-primary",
|
|
2193
2212
|
[`radius-dropdown-${Ie}`]: "$radius",
|
|
2194
2213
|
[`shadow-dropdown-${Ie}`]: "$shadow-spread"
|
|
2195
2214
|
}
|
|
2196
|
-
}),
|
|
2197
|
-
description: `The \`${
|
|
2215
|
+
}), qe = "NavLink", Xc = t({
|
|
2216
|
+
description: `The \`${qe}\` component defines a navigation target (app navigation menu item) within the app; it is associated with a particular in-app navigation target (or an external link).`,
|
|
2198
2217
|
props: {
|
|
2199
2218
|
to: e("This property defines the URL of the link."),
|
|
2200
2219
|
enabled: f(),
|
|
@@ -2204,7 +2223,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2204
2223
|
target: e("This property specifies how to open the clicked link."),
|
|
2205
2224
|
label: H(),
|
|
2206
2225
|
vertical: e(
|
|
2207
|
-
`This property sets how the active status is displayed on the \`${
|
|
2226
|
+
`This property sets how the active status is displayed on the \`${qe}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu.`
|
|
2208
2227
|
),
|
|
2209
2228
|
displayActive: e(
|
|
2210
2229
|
"This Boolean property indicates if the active state of a link should have a visual indication. Setting it to `false` removes the visual indication of an active link."
|
|
@@ -2214,9 +2233,9 @@ const Qe = "AppHeader", xi = o({
|
|
|
2214
2233
|
)
|
|
2215
2234
|
},
|
|
2216
2235
|
events: {
|
|
2217
|
-
click: Y(
|
|
2236
|
+
click: Y(qe)
|
|
2218
2237
|
},
|
|
2219
|
-
themeVars: n(
|
|
2238
|
+
themeVars: n(li.themeVars),
|
|
2220
2239
|
defaultThemeVars: {
|
|
2221
2240
|
"radius-NavLink": "$radius",
|
|
2222
2241
|
"color-bg-NavLink": "transparent",
|
|
@@ -2245,40 +2264,40 @@ const Qe = "AppHeader", xi = o({
|
|
|
2245
2264
|
"color-indicator-NavLink--hover": "$color-primary-400"
|
|
2246
2265
|
}
|
|
2247
2266
|
}
|
|
2248
|
-
}),
|
|
2249
|
-
description: `\`${
|
|
2267
|
+
}), A = "NavPanel", Qc = t({
|
|
2268
|
+
description: `\`${A}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,
|
|
2250
2269
|
props: {
|
|
2251
2270
|
logoTemplate: m(
|
|
2252
2271
|
"This property defines the logo template to display in the navigation panel with the `vertical` and `vertical-sticky` layout."
|
|
2253
2272
|
)
|
|
2254
2273
|
},
|
|
2255
|
-
themeVars: n(
|
|
2274
|
+
themeVars: n(xi.themeVars),
|
|
2256
2275
|
defaultThemeVars: {
|
|
2257
|
-
[`color-bg-${
|
|
2258
|
-
...Ye(
|
|
2259
|
-
[`padding-horizontal-${
|
|
2260
|
-
[`padding-vertical-logo-${
|
|
2261
|
-
[`padding-horizontal-logo-${
|
|
2262
|
-
[`margin-bottom-logo-${
|
|
2276
|
+
[`color-bg-${A}`]: "transparent",
|
|
2277
|
+
...Ye(A, {}),
|
|
2278
|
+
[`padding-horizontal-${A}`]: "$space-4",
|
|
2279
|
+
[`padding-vertical-logo-${A}`]: "$space-4",
|
|
2280
|
+
[`padding-horizontal-logo-${A}`]: "$space-4",
|
|
2281
|
+
[`margin-bottom-logo-${A}`]: "$space-4",
|
|
2263
2282
|
light: {
|
|
2264
|
-
[`shadow-${
|
|
2283
|
+
[`shadow-${A}-vertical`]: "4px 0 4px 0 rgb(0 0 0 / 10%)"
|
|
2265
2284
|
},
|
|
2266
2285
|
dark: {
|
|
2267
|
-
[`shadow-${
|
|
2286
|
+
[`shadow-${A}-vertical`]: "4px 0 6px 0 rgba(0, 0, 0, 0.2)"
|
|
2268
2287
|
}
|
|
2269
2288
|
}
|
|
2270
|
-
}),
|
|
2271
|
-
themeVars:
|
|
2272
|
-
wrapper:
|
|
2273
|
-
icon:
|
|
2274
|
-
}, Be = "NoResult",
|
|
2289
|
+
}), Kc = `'{"padding-vertical-NoResult": "var(--xmlui-padding-vertical-NoResult)", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`, ed = "_wrapper_9giub_13", td = "_icon_9giub_22", od = {
|
|
2290
|
+
themeVars: Kc,
|
|
2291
|
+
wrapper: ed,
|
|
2292
|
+
icon: td
|
|
2293
|
+
}, Be = "NoResult", rd = t({
|
|
2275
2294
|
description: `\`${Be}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,
|
|
2276
2295
|
props: {
|
|
2277
2296
|
label: H(),
|
|
2278
2297
|
icon: e("This property defines the icon to display with the component."),
|
|
2279
2298
|
hideIcon: e("This boolean property indicates if the icon should be hidden.")
|
|
2280
2299
|
},
|
|
2281
|
-
themeVars: n(
|
|
2300
|
+
themeVars: n(od.themeVars),
|
|
2282
2301
|
defaultThemeVars: {
|
|
2283
2302
|
[`padding-vertical-${Be}`]: "$space-2",
|
|
2284
2303
|
[`gap-icon-${Be}`]: "$space-2",
|
|
@@ -2290,32 +2309,41 @@ const Qe = "AppHeader", xi = o({
|
|
|
2290
2309
|
// --- No dark-specific theme vars
|
|
2291
2310
|
}
|
|
2292
2311
|
}
|
|
2293
|
-
}),
|
|
2312
|
+
}), ue = "NumberBox", id = t({
|
|
2294
2313
|
status: "experimental",
|
|
2295
|
-
description: `A \`${
|
|
2314
|
+
description: `A \`${ue}\` component allows users to input numeric values: either integer or floating point numbers. It also accepts empty values, where the stored value will be of type \`null\`.`,
|
|
2296
2315
|
props: {
|
|
2297
2316
|
placeholder: Z(),
|
|
2298
2317
|
initialValue: z(),
|
|
2299
2318
|
labelId: E(),
|
|
2300
|
-
maxLength:
|
|
2319
|
+
maxLength: me(),
|
|
2301
2320
|
autoFocus: w(),
|
|
2302
2321
|
required: W(),
|
|
2303
2322
|
readOnly: V(),
|
|
2304
2323
|
enabled: f(),
|
|
2305
|
-
validationStatus:
|
|
2324
|
+
validationStatus: D(),
|
|
2306
2325
|
startText: Ve(),
|
|
2307
|
-
startIcon:
|
|
2308
|
-
endText:
|
|
2326
|
+
startIcon: De(),
|
|
2327
|
+
endText: Oe(),
|
|
2309
2328
|
endIcon: Le(),
|
|
2310
2329
|
hasSpinBox: e(
|
|
2311
|
-
"This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."
|
|
2330
|
+
"This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field.",
|
|
2331
|
+
null,
|
|
2332
|
+
"boolean",
|
|
2333
|
+
!0
|
|
2312
2334
|
),
|
|
2313
|
-
step: e("This prop governs how big the step when clicking on the spinner of the field."),
|
|
2335
|
+
step: e("This prop governs how big the step when clicking on the spinner of the field.", null, "number"),
|
|
2314
2336
|
integersOnly: e(
|
|
2315
|
-
"This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."
|
|
2337
|
+
"This boolean property signs whether the input field accepts integers only (`true`) or not (`false`).",
|
|
2338
|
+
null,
|
|
2339
|
+
"boolean",
|
|
2340
|
+
!1
|
|
2316
2341
|
),
|
|
2317
2342
|
zeroOrPositive: e(
|
|
2318
|
-
"This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."
|
|
2343
|
+
"This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`).",
|
|
2344
|
+
null,
|
|
2345
|
+
"boolean",
|
|
2346
|
+
!1
|
|
2319
2347
|
),
|
|
2320
2348
|
minValue: e(
|
|
2321
2349
|
"The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."
|
|
@@ -2325,21 +2353,21 @@ const Qe = "AppHeader", xi = o({
|
|
|
2325
2353
|
)
|
|
2326
2354
|
},
|
|
2327
2355
|
events: {
|
|
2328
|
-
gotFocus: B(
|
|
2329
|
-
lostFocus: C(
|
|
2330
|
-
didChange: $(
|
|
2356
|
+
gotFocus: B(ue),
|
|
2357
|
+
lostFocus: C(ue),
|
|
2358
|
+
didChange: $(ue)
|
|
2331
2359
|
},
|
|
2332
2360
|
apis: {
|
|
2333
|
-
focus: Q(
|
|
2361
|
+
focus: Q(ue),
|
|
2334
2362
|
value: e(
|
|
2335
2363
|
"You can query the component's value. If no value is set, it will retrieve `undefined`."
|
|
2336
2364
|
),
|
|
2337
2365
|
setValue: ne()
|
|
2338
2366
|
},
|
|
2339
|
-
themeVars: n(
|
|
2340
|
-
}),
|
|
2341
|
-
themeVars:
|
|
2342
|
-
}, Ce = "OffCanvas",
|
|
2367
|
+
themeVars: n(as.themeVars)
|
|
2368
|
+
}), ad = '"[]"', nd = {
|
|
2369
|
+
themeVars: ad
|
|
2370
|
+
}, Ce = "OffCanvas", ld = t({
|
|
2343
2371
|
status: "in progress",
|
|
2344
2372
|
description: "(**NOT IMPLEMENTED YET**) The `OffCanvas` component is a hidden panel that slides into view from the side of the screen. It helps display additional content or navigation without disrupting the main interface.",
|
|
2345
2373
|
props: {
|
|
@@ -2363,15 +2391,15 @@ const Qe = "AppHeader", xi = o({
|
|
|
2363
2391
|
),
|
|
2364
2392
|
placement: e(
|
|
2365
2393
|
`This property indicates the position where the ${Ce} should be docked to.`,
|
|
2366
|
-
|
|
2394
|
+
Qt
|
|
2367
2395
|
),
|
|
2368
2396
|
autoCloseInMs: e(
|
|
2369
2397
|
"This property sets a timeout. When the timeout expires, the component gets hidden."
|
|
2370
2398
|
)
|
|
2371
2399
|
},
|
|
2372
2400
|
events: {
|
|
2373
|
-
didOpen:
|
|
2374
|
-
didClose:
|
|
2401
|
+
didOpen: uo(Ce),
|
|
2402
|
+
didClose: ho(Ce)
|
|
2375
2403
|
},
|
|
2376
2404
|
apis: {
|
|
2377
2405
|
open: e(
|
|
@@ -2381,13 +2409,13 @@ const Qe = "AppHeader", xi = o({
|
|
|
2381
2409
|
"This method closes the component. It triggers the `didClose` event with the argument set to `false`."
|
|
2382
2410
|
)
|
|
2383
2411
|
},
|
|
2384
|
-
themeVars: n(
|
|
2412
|
+
themeVars: n(nd.themeVars),
|
|
2385
2413
|
defaultThemeVars: {
|
|
2386
2414
|
light: {},
|
|
2387
2415
|
dark: {}
|
|
2388
2416
|
}
|
|
2389
|
-
}),
|
|
2390
|
-
description: `\`${
|
|
2417
|
+
}), sd = "Option", cd = t({
|
|
2418
|
+
description: `\`${sd}\` is a non-visual component describing a selection option. Other components (such as \`Select\`, \`Combobox\`, and others) may use nested \`Option\` instances from which the user can select.`,
|
|
2391
2419
|
props: {
|
|
2392
2420
|
label: e(
|
|
2393
2421
|
"This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."
|
|
@@ -2399,44 +2427,44 @@ const Qe = "AppHeader", xi = o({
|
|
|
2399
2427
|
"If this property is set to `true`, the option is disabled and cannot be selected in its parent component."
|
|
2400
2428
|
)
|
|
2401
2429
|
}
|
|
2402
|
-
}),
|
|
2430
|
+
}), dd = t({
|
|
2403
2431
|
description: "A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",
|
|
2404
2432
|
props: {
|
|
2405
2433
|
value: e("This property sets the page's title to display in the browser tab.")
|
|
2406
2434
|
}
|
|
2407
|
-
}),
|
|
2435
|
+
}), rt = "Page", ud = t({
|
|
2408
2436
|
status: "experimental",
|
|
2409
|
-
docFolder:
|
|
2410
|
-
description: `The \`${
|
|
2437
|
+
docFolder: rt,
|
|
2438
|
+
description: `The \`${rt}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,
|
|
2411
2439
|
props: {
|
|
2412
2440
|
//TODO illesg rename to path
|
|
2413
2441
|
url: e("The URL of the route associated with the content.")
|
|
2414
2442
|
}
|
|
2415
|
-
}),
|
|
2416
|
-
description: `The \`${
|
|
2443
|
+
}), hd = "Pages", md = t({
|
|
2444
|
+
description: `The \`${hd}\` component is used as a container for [\`Page\`](./Page.mdx) components within an [\`App\`](./App.mdx).`,
|
|
2417
2445
|
props: {
|
|
2418
2446
|
defaultRoute: e("The default route when displaying the app")
|
|
2419
2447
|
}
|
|
2420
|
-
}),
|
|
2421
|
-
description: `The \`${
|
|
2448
|
+
}), pd = "Pdf", xd = t({
|
|
2449
|
+
description: `The \`${pd}\` component provides a read-only preview of a pdf document's contents.`,
|
|
2422
2450
|
props: {
|
|
2423
2451
|
src: e("This property defines the source URL of the pdf document stream to display.")
|
|
2424
2452
|
}
|
|
2425
|
-
}),
|
|
2426
|
-
themeVars:
|
|
2427
|
-
wrapper:
|
|
2428
|
-
chartContainer:
|
|
2429
|
-
chart:
|
|
2430
|
-
legends:
|
|
2431
|
-
legendItem:
|
|
2432
|
-
legendTop:
|
|
2433
|
-
legendRight:
|
|
2434
|
-
legendBottom:
|
|
2435
|
-
legendLeft:
|
|
2436
|
-
legendRow:
|
|
2437
|
-
legendColumn:
|
|
2438
|
-
legendBullet:
|
|
2439
|
-
},
|
|
2453
|
+
}), bd = `'{"color-PieChart": "var(--xmlui-color-PieChart)"}'`, vd = "_wrapper_1d7s9_13", gd = "_chartContainer_1d7s9_19", fd = "_chart_1d7s9_19", Td = "_legends_1d7s9_33", yd = "_legendItem_1d7s9_41", $d = "_legendTop_1d7s9_47", wd = "_legendRight_1d7s9_61", _d = "_legendBottom_1d7s9_78", kd = "_legendLeft_1d7s9_92", Id = "_legendRow_1d7s9_109", Bd = "_legendColumn_1d7s9_117", Cd = "_legendBullet_1d7s9_125", vt = {
|
|
2454
|
+
themeVars: bd,
|
|
2455
|
+
wrapper: vd,
|
|
2456
|
+
chartContainer: gd,
|
|
2457
|
+
chart: fd,
|
|
2458
|
+
legends: Td,
|
|
2459
|
+
legendItem: yd,
|
|
2460
|
+
legendTop: $d,
|
|
2461
|
+
legendRight: wd,
|
|
2462
|
+
legendBottom: _d,
|
|
2463
|
+
legendLeft: kd,
|
|
2464
|
+
legendRow: Id,
|
|
2465
|
+
legendColumn: Bd,
|
|
2466
|
+
legendBullet: Cd
|
|
2467
|
+
}, F = "PieChart", zd = t({
|
|
2440
2468
|
status: "deprecated",
|
|
2441
2469
|
description: "(**OBSOLETE**) A pie chart component",
|
|
2442
2470
|
props: {
|
|
@@ -2447,43 +2475,43 @@ const Qe = "AppHeader", xi = o({
|
|
|
2447
2475
|
legendPosition: e("The position of the legend"),
|
|
2448
2476
|
legendDirection: e("The direction of the legend")
|
|
2449
2477
|
},
|
|
2450
|
-
themeVars: n(
|
|
2478
|
+
themeVars: n(vt.themeVars),
|
|
2451
2479
|
defaultThemeVars: {
|
|
2452
|
-
[`scheme-${
|
|
2453
|
-
[`color-text-${
|
|
2454
|
-
[`color-ticks-${
|
|
2455
|
-
[`color-bg-tooltip-${
|
|
2456
|
-
[`color-text-tooltip-${
|
|
2457
|
-
[`color-axis-${
|
|
2458
|
-
[`color-text-legend-${
|
|
2480
|
+
[`scheme-${F}`]: "nivo",
|
|
2481
|
+
[`color-text-${F}`]: "$color-text-secondary",
|
|
2482
|
+
[`color-ticks-${F}`]: "$color-text-primary",
|
|
2483
|
+
[`color-bg-tooltip-${F}`]: "$color-bg-primary",
|
|
2484
|
+
[`color-text-tooltip-${F}`]: "$color-text-primary",
|
|
2485
|
+
[`color-axis-${F}`]: "$color-text-primary",
|
|
2486
|
+
[`color-text-legend-${F}`]: "$color-text-primary",
|
|
2459
2487
|
light: {
|
|
2460
|
-
[`scheme-${
|
|
2488
|
+
[`scheme-${F}`]: "set3"
|
|
2461
2489
|
},
|
|
2462
2490
|
dark: {
|
|
2463
|
-
[`scheme-${
|
|
2491
|
+
[`scheme-${F}`]: "dark2"
|
|
2464
2492
|
}
|
|
2465
2493
|
}
|
|
2466
|
-
}),
|
|
2467
|
-
themeVars:
|
|
2468
|
-
wrapper:
|
|
2469
|
-
visibleOnHover:
|
|
2470
|
-
},
|
|
2494
|
+
}), Md = '"[]"', Sd = "_wrapper_1hlil_13", Pd = "_visibleOnHover_1hlil_16", Nd = {
|
|
2495
|
+
themeVars: Md,
|
|
2496
|
+
wrapper: Sd,
|
|
2497
|
+
visibleOnHover: Pd
|
|
2498
|
+
}, Hd = t({
|
|
2471
2499
|
status: "deprecated",
|
|
2472
2500
|
description: "(**OBSOLETE**) This component was created for the ChatEngine app.",
|
|
2473
2501
|
props: {
|
|
2474
2502
|
visibleOnHover: e("No description")
|
|
2475
2503
|
},
|
|
2476
|
-
themeVars: n(
|
|
2477
|
-
}),
|
|
2478
|
-
themeVars:
|
|
2479
|
-
wrapper:
|
|
2480
|
-
bar:
|
|
2481
|
-
}, j = "ProgressBar",
|
|
2504
|
+
themeVars: n(Nd.themeVars)
|
|
2505
|
+
}), Vd = `'{"color-bg-ProgressBar": "var(--xmlui-color-bg-ProgressBar)", "color-indicator-ProgressBar": "var(--xmlui-color-indicator-ProgressBar)", "radius-ProgressBar": "var(--xmlui-radius-ProgressBar)", "radius-indicator-ProgressBar": "var(--xmlui-radius-indicator-ProgressBar)", "thickness-ProgressBar": "var(--xmlui-thickness-ProgressBar)"}'`, Dd = "_wrapper_1s8j7_13", Od = "_bar_1s8j7_22", Ld = {
|
|
2506
|
+
themeVars: Vd,
|
|
2507
|
+
wrapper: Dd,
|
|
2508
|
+
bar: Od
|
|
2509
|
+
}, j = "ProgressBar", Ad = t({
|
|
2482
2510
|
description: `A \`${j}\` component visually represents the progress of a task or process.`,
|
|
2483
2511
|
props: {
|
|
2484
2512
|
value: e("This property defines the progress value with a number between 0 and 1.")
|
|
2485
2513
|
},
|
|
2486
|
-
themeVars: n(
|
|
2514
|
+
themeVars: n(Ld.themeVars),
|
|
2487
2515
|
defaultThemeVars: {
|
|
2488
2516
|
[`radius-${j}`]: "$radius",
|
|
2489
2517
|
[`radius-indicator-${j}`]: "0px",
|
|
@@ -2497,7 +2525,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2497
2525
|
[`color-indicator-${j}`]: "$color-primary-500"
|
|
2498
2526
|
}
|
|
2499
2527
|
}
|
|
2500
|
-
}),
|
|
2528
|
+
}), Fd = t({
|
|
2501
2529
|
description: "The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",
|
|
2502
2530
|
props: {
|
|
2503
2531
|
progressFeedback: e(
|
|
@@ -2548,7 +2576,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2548
2576
|
"A list containing the queue items that have been completed (fully processed)."
|
|
2549
2577
|
)
|
|
2550
2578
|
}
|
|
2551
|
-
}), h = "RadioGroupOption",
|
|
2579
|
+
}), h = "RadioGroupOption", qd = t({
|
|
2552
2580
|
status: "stable",
|
|
2553
2581
|
description: "A single radio button within a radio button group",
|
|
2554
2582
|
props: {
|
|
@@ -2556,7 +2584,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2556
2584
|
value: e("The value of the option"),
|
|
2557
2585
|
label: e("The option's label")
|
|
2558
2586
|
},
|
|
2559
|
-
themeVars: n(
|
|
2587
|
+
themeVars: n(Hs.themeVars),
|
|
2560
2588
|
defaultThemeVars: {
|
|
2561
2589
|
[`gap-${h}`]: "$space-1_5",
|
|
2562
2590
|
[`thickness-border-${h}`]: "2px",
|
|
@@ -2582,17 +2610,16 @@ const Qe = "AppHeader", xi = o({
|
|
|
2582
2610
|
[`color-border-${h}-default--active`]: "$color-primary-400"
|
|
2583
2611
|
}
|
|
2584
2612
|
}
|
|
2585
|
-
}), ze = "RadioGroup",
|
|
2613
|
+
}), ze = "RadioGroup", Rd = t({
|
|
2586
2614
|
description: `The \`${ze}\` input component is a group of radio buttons ([\`RadioGroupOption\`](./RadioGroupOption.mdx) components) that allow users to select only one option from the group at a time.`,
|
|
2587
2615
|
props: {
|
|
2588
2616
|
initialValue: z(),
|
|
2589
2617
|
labelId: E(),
|
|
2590
|
-
maxLength: le(),
|
|
2591
2618
|
autoFocus: w(),
|
|
2592
2619
|
required: W(),
|
|
2593
2620
|
readOnly: V(),
|
|
2594
2621
|
enabled: f(),
|
|
2595
|
-
validationStatus:
|
|
2622
|
+
validationStatus: D(),
|
|
2596
2623
|
orientation: e(
|
|
2597
2624
|
"(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group."
|
|
2598
2625
|
)
|
|
@@ -2602,32 +2629,32 @@ const Qe = "AppHeader", xi = o({
|
|
|
2602
2629
|
lostFocus: C(ze),
|
|
2603
2630
|
didChange: $(ze)
|
|
2604
2631
|
}
|
|
2605
|
-
}),
|
|
2632
|
+
}), Ed = "RealTimeAdapter", Wd = t({
|
|
2606
2633
|
status: "experimental",
|
|
2607
|
-
description: `\`${
|
|
2634
|
+
description: `\`${Ed}\` is a non-visual component that listens to real-time events through long-polling.`,
|
|
2608
2635
|
props: {
|
|
2609
2636
|
url: e("This property specifies the URL to use for long-polling.")
|
|
2610
2637
|
},
|
|
2611
2638
|
events: {
|
|
2612
2639
|
eventArrived: e("This event is raised when data arrives from the backend using long-polling.")
|
|
2613
2640
|
}
|
|
2614
|
-
}),
|
|
2615
|
-
description: `\`${
|
|
2641
|
+
}), Gd = "Redirect", jd = t({
|
|
2642
|
+
description: `\`${Gd}\` is a component that immediately redirects the browser to the URL in its \`to\` property when it gets visible (its \`when\` property gets \`true\`). The redirection works only within the app.`,
|
|
2616
2643
|
props: {
|
|
2617
2644
|
to: e("This property defines the URL to which this component is about to redirect requests.")
|
|
2618
2645
|
}
|
|
2619
|
-
}), P = "Select",
|
|
2620
|
-
description: "
|
|
2646
|
+
}), P = "Select", Ud = t({
|
|
2647
|
+
description: "Provides a dropdown with a list of options to choose from.",
|
|
2621
2648
|
props: {
|
|
2622
2649
|
placeholder: Z(),
|
|
2623
2650
|
initialValue: z(),
|
|
2624
2651
|
labelId: E(),
|
|
2625
|
-
maxLength:
|
|
2652
|
+
maxLength: me(),
|
|
2626
2653
|
autoFocus: w(),
|
|
2627
2654
|
required: W(),
|
|
2628
2655
|
readOnly: V(),
|
|
2629
2656
|
enabled: f(),
|
|
2630
|
-
validationStatus:
|
|
2657
|
+
validationStatus: D(),
|
|
2631
2658
|
optionTemplate: m(
|
|
2632
2659
|
"This property enables the customization of list items. To access the attributes of a list item use the `$item` context variable."
|
|
2633
2660
|
),
|
|
@@ -2647,7 +2674,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2647
2674
|
contextVars: {
|
|
2648
2675
|
$item: e("This context variable acts as a template for an item in the list.")
|
|
2649
2676
|
},
|
|
2650
|
-
themeVars: n(
|
|
2677
|
+
themeVars: n(ws.themeVars),
|
|
2651
2678
|
defaultThemeVars: {
|
|
2652
2679
|
[`color-bg-menu-${P}`]: "$color-bg-primary",
|
|
2653
2680
|
[`shadow-menu-${P}`]: "$shadow-md",
|
|
@@ -2662,45 +2689,45 @@ const Qe = "AppHeader", xi = o({
|
|
|
2662
2689
|
[`color-text-item-${P}--disabled`]: "$color-surface-800"
|
|
2663
2690
|
}
|
|
2664
2691
|
}
|
|
2665
|
-
}),
|
|
2666
|
-
description: `The \`${
|
|
2692
|
+
}), Yd = "SelectionStore", Zd = t({
|
|
2693
|
+
description: `The \`${Yd}\` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.`,
|
|
2667
2694
|
props: {
|
|
2668
2695
|
idKey: e(
|
|
2669
2696
|
'The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is `"id"`.'
|
|
2670
2697
|
)
|
|
2671
2698
|
}
|
|
2672
|
-
}),
|
|
2673
|
-
description: `The \`${
|
|
2674
|
-
themeVars: n(
|
|
2675
|
-
}),
|
|
2676
|
-
description: `The \`${
|
|
2699
|
+
}), Jd = "SpaceFiller", Xd = t({
|
|
2700
|
+
description: `The \`${Jd}\` is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.`,
|
|
2701
|
+
themeVars: n(Hl.themeVars)
|
|
2702
|
+
}), he = "Spinner", Qd = t({
|
|
2703
|
+
description: `The \`${he}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,
|
|
2677
2704
|
props: {
|
|
2678
2705
|
delay: e("The delay in milliseconds before the spinner is displayed."),
|
|
2679
2706
|
fullScreen: e("If set to `true`, the component will be rendered in a full screen container."),
|
|
2680
2707
|
themeColor: e("(**NOT IMPLEMENTED YET**) The theme color of the component.")
|
|
2681
2708
|
},
|
|
2682
|
-
themeVars: n(
|
|
2709
|
+
themeVars: n(_a.themeVars),
|
|
2683
2710
|
defaultThemeVars: {
|
|
2684
|
-
[`size-${
|
|
2685
|
-
[`thickness-${
|
|
2711
|
+
[`size-${he}`]: "$space-10",
|
|
2712
|
+
[`thickness-${he}`]: "$space-0_5",
|
|
2686
2713
|
light: {
|
|
2687
|
-
[`color-border-${
|
|
2714
|
+
[`color-border-${he}`]: "$color-surface-400"
|
|
2688
2715
|
},
|
|
2689
2716
|
dark: {
|
|
2690
|
-
[`color-border-${
|
|
2717
|
+
[`color-border-${he}`]: "$color-surface-600"
|
|
2691
2718
|
}
|
|
2692
2719
|
}
|
|
2693
|
-
}),
|
|
2694
|
-
themeVars:
|
|
2695
|
-
splitter:
|
|
2696
|
-
vertical:
|
|
2697
|
-
horizontal:
|
|
2698
|
-
panel:
|
|
2699
|
-
primaryPanel:
|
|
2700
|
-
secondaryPanel:
|
|
2701
|
-
resizer:
|
|
2702
|
-
floatingResizer:
|
|
2703
|
-
}, U = "Splitter", He =
|
|
2720
|
+
}), Kd = `'{"padding-Splitter": "var(--xmlui-padding-Splitter)", "shadow-Splitter": "var(--xmlui-shadow-Splitter)", "color-bg-Splitter": "var(--xmlui-color-bg-Splitter)", "radius-Splitter": "var(--xmlui-radius-Splitter)", "color-border-Splitter": "var(--xmlui-color-border-Splitter)", "thickness-border-Splitter": "var(--xmlui-thickness-border-Splitter)", "style-border-Splitter": "var(--xmlui-style-border-Splitter)", "border-Splitter": "var(--xmlui-border-Splitter)", "color-bg-resizer-Splitter": "var(--xmlui-color-bg-resizer-Splitter)", "thickness-resizer-Splitter": "var(--xmlui-thickness-resizer-Splitter)", "cursor-resizer-horizontal-Splitter": "var(--xmlui-cursor-resizer-horizontal-Splitter)", "cursor-resizer-vertical-Splitter": "var(--xmlui-cursor-resizer-vertical-Splitter)"}'`, eu = "_splitter_1a9gt_13", tu = "_vertical_1a9gt_27", ou = "_horizontal_1a9gt_30", ru = "_panel_1a9gt_34", iu = "_primaryPanel_1a9gt_41", au = "_secondaryPanel_1a9gt_48", nu = "_resizer_1a9gt_54", lu = "_floatingResizer_1a9gt_70", su = {
|
|
2721
|
+
themeVars: Kd,
|
|
2722
|
+
splitter: eu,
|
|
2723
|
+
vertical: tu,
|
|
2724
|
+
horizontal: ou,
|
|
2725
|
+
panel: ru,
|
|
2726
|
+
primaryPanel: iu,
|
|
2727
|
+
secondaryPanel: au,
|
|
2728
|
+
resizer: nu,
|
|
2729
|
+
floatingResizer: lu
|
|
2730
|
+
}, U = "Splitter", He = t({
|
|
2704
2731
|
description: `The \`${U}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,
|
|
2705
2732
|
props: {
|
|
2706
2733
|
swapped: e(
|
|
@@ -2725,14 +2752,14 @@ const Qe = "AppHeader", xi = o({
|
|
|
2725
2752
|
events: {
|
|
2726
2753
|
resize: e("This event fires when the component is resized.")
|
|
2727
2754
|
},
|
|
2728
|
-
themeVars: n(
|
|
2755
|
+
themeVars: n(su.themeVars),
|
|
2729
2756
|
defaultThemeVars: {
|
|
2730
2757
|
[`color-bg-resizer-${U}`]: "$color-bg-Card",
|
|
2731
2758
|
[`thickness-resizer-${U}`]: "5px",
|
|
2732
2759
|
[`cursor-resizer-horizontal-${U}`]: "ew-resize",
|
|
2733
2760
|
[`cursor-resizer-vertical-${U}`]: "ns-resize"
|
|
2734
2761
|
}
|
|
2735
|
-
}),
|
|
2762
|
+
}), cu = {
|
|
2736
2763
|
...He,
|
|
2737
2764
|
props: {
|
|
2738
2765
|
...He.props,
|
|
@@ -2740,27 +2767,27 @@ const Qe = "AppHeader", xi = o({
|
|
|
2740
2767
|
"Sets whether the `Splitter` divides the container horizontally and lays out the section on top of each other (`vertical`), or vertically by placing the sections next to each other (`horizontal`)."
|
|
2741
2768
|
)
|
|
2742
2769
|
}
|
|
2743
|
-
},
|
|
2744
|
-
themeVars:
|
|
2745
|
-
wrapper:
|
|
2746
|
-
top:
|
|
2747
|
-
bottom:
|
|
2748
|
-
},
|
|
2770
|
+
}, du = { ...He, specializedFrom: U }, uu = { ...He, specializedFrom: U }, hu = `'{"color-bg-StickyBox": "var(--xmlui-color-bg-StickyBox)"}'`, mu = "_wrapper_1qgtv_13", pu = "_top_1qgtv_18", xu = "_bottom_1qgtv_21", bu = {
|
|
2771
|
+
themeVars: hu,
|
|
2772
|
+
wrapper: mu,
|
|
2773
|
+
top: pu,
|
|
2774
|
+
bottom: xu
|
|
2775
|
+
}, it = "StickyBox", vu = t({
|
|
2749
2776
|
status: "experimental",
|
|
2750
|
-
description: `The \`${
|
|
2777
|
+
description: `The \`${it}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,
|
|
2751
2778
|
props: {
|
|
2752
2779
|
to: e(
|
|
2753
2780
|
"This property determines whether the StickyBox should be anchored to the `top` or `bottom`."
|
|
2754
2781
|
)
|
|
2755
2782
|
},
|
|
2756
|
-
themeVars: n(
|
|
2783
|
+
themeVars: n(bu.themeVars),
|
|
2757
2784
|
defaultThemeVars: {
|
|
2758
|
-
[`color-bg-${
|
|
2785
|
+
[`color-bg-${it}`]: "$color-bg"
|
|
2759
2786
|
}
|
|
2760
|
-
}), d = "Switch",
|
|
2787
|
+
}), d = "Switch", gu = t({
|
|
2761
2788
|
description: `The \`${d}\` component is a user interface element that allows users to toggle between two states: on and off. It consists of a small rectangular or circular button that can be moved left or right to change its state.`,
|
|
2762
2789
|
props: {
|
|
2763
|
-
indeterminate:
|
|
2790
|
+
indeterminate: mt(),
|
|
2764
2791
|
label: H(),
|
|
2765
2792
|
labelPosition: Ge("right"),
|
|
2766
2793
|
initialValue: z(!1),
|
|
@@ -2768,7 +2795,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2768
2795
|
autoFocus: w(),
|
|
2769
2796
|
readOnly: V(),
|
|
2770
2797
|
enabled: f(),
|
|
2771
|
-
validationStatus:
|
|
2798
|
+
validationStatus: D(),
|
|
2772
2799
|
description: e(
|
|
2773
2800
|
`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${d} besides its label.`
|
|
2774
2801
|
)
|
|
@@ -2780,10 +2807,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
2780
2807
|
didChange: $(d)
|
|
2781
2808
|
},
|
|
2782
2809
|
apis: {
|
|
2783
|
-
value:
|
|
2810
|
+
value: pt(),
|
|
2784
2811
|
setValue: ne()
|
|
2785
2812
|
},
|
|
2786
|
-
themeVars: n(
|
|
2813
|
+
themeVars: n(bt.themeVars),
|
|
2787
2814
|
defaultThemeVars: {
|
|
2788
2815
|
[`color-border-checked-${d}-error`]: `$color-border-${d}-error`,
|
|
2789
2816
|
[`color-bg-checked-${d}-error`]: `$color-border-${d}-error`,
|
|
@@ -2808,40 +2835,42 @@ const Qe = "AppHeader", xi = o({
|
|
|
2808
2835
|
[`color-bg-${d}--disabled`]: "$color-surface-800"
|
|
2809
2836
|
}
|
|
2810
2837
|
}
|
|
2811
|
-
}),
|
|
2812
|
-
themeVars:
|
|
2813
|
-
wrapper:
|
|
2814
|
-
noScroll:
|
|
2815
|
-
headerWrapper:
|
|
2816
|
-
tableBody:
|
|
2817
|
-
clickableHeader:
|
|
2818
|
-
headerContent:
|
|
2819
|
-
headerRow:
|
|
2820
|
-
columnCell:
|
|
2821
|
-
cell:
|
|
2822
|
-
table:
|
|
2823
|
-
row:
|
|
2824
|
-
checkBoxWrapper:
|
|
2825
|
-
selected:
|
|
2826
|
-
allSelected:
|
|
2827
|
-
focused:
|
|
2828
|
-
disabled:
|
|
2829
|
-
noRows:
|
|
2830
|
-
pagination:
|
|
2831
|
-
paginationLabel:
|
|
2832
|
-
paginationSelect:
|
|
2833
|
-
paginationButtons:
|
|
2834
|
-
searchIconWrapper:
|
|
2835
|
-
loadingWrapper:
|
|
2836
|
-
resizer:
|
|
2837
|
-
isResizing:
|
|
2838
|
-
}, l = "Table",
|
|
2838
|
+
}), fu = `'{"color-text-pagination-Table": "var(--xmlui-color-text-pagination-Table)", "color-bg-Table": "var(--xmlui-color-bg-Table)", "color-text-Table": "var(--xmlui-color-text-Table)", "color-bg-row-Table": "var(--xmlui-color-bg-row-Table)", "color-bg-row-Table--hover": "var(--xmlui-color-bg-row-Table--hover)", "color-bg-selected-Table": "var(--xmlui-color-bg-selected-Table)", "color-bg-selected-Table--hover": "var(--xmlui-color-bg-selected-Table--hover)", "color-bg-heading-Table": "var(--xmlui-color-bg-heading-Table)", "color-bg-heading-Table--hover": "var(--xmlui-color-bg-heading-Table--hover)", "color-bg-heading-Table--active": "var(--xmlui-color-bg-heading-Table--active)", "padding-horizontal-heading-Table": "var(--xmlui-padding-horizontal-heading-Table)", "padding-vertical-heading-Table": "var(--xmlui-padding-vertical-heading-Table)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "padding-horizontal-cell-Table": "var(--xmlui-padding-horizontal-cell-Table)", "padding-horizontal-cell-first-Table": "var(--xmlui-padding-horizontal-cell-first-Table)", "padding-horizontal-cell-last-Table": "var(--xmlui-padding-horizontal-cell-last-Table)", "padding-vertical-cell-Table": "var(--xmlui-padding-vertical-cell-Table)", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "color-border-cell-Table": "var(--xmlui-color-border-cell-Table)", "thickness-border-cell-Table": "var(--xmlui-thickness-border-cell-Table)", "style-border-cell-Table": "var(--xmlui-style-border-cell-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "color-bg-pagination-Table": "var(--xmlui-color-bg-pagination-Table)", "color-text-heading-Table": "var(--xmlui-color-text-heading-Table)", "font-weight-row-Table": "var(--xmlui-font-weight-row-Table)", "font-size-row-Table": "var(--xmlui-font-size-row-Table)", "font-weight-heading-Table": "var(--xmlui-font-weight-heading-Table)", "font-size-heading-Table": "var(--xmlui-font-size-heading-Table)", "transform-text-heading-Table": "var(--xmlui-transform-text-heading-Table)", "thickness-outline-heading-Table--focus": "var(--xmlui-thickness-outline-heading-Table--focus)", "color-outline-heading-Table--focus": "var(--xmlui-color-outline-heading-Table--focus)", "style-outline-heading-Table--focus": "var(--xmlui-style-outline-heading-Table--focus)", "offset-outline-heading-Table--focus": "var(--xmlui-offset-outline-heading-Table--focus)"}'`, Tu = "_wrapper_1ih5l_13", yu = "_noScroll_1ih5l_19", $u = "_headerWrapper_1ih5l_23", wu = "_tableBody_1ih5l_23", _u = "_clickableHeader_1ih5l_29", ku = "_headerContent_1ih5l_39", Iu = "_headerRow_1ih5l_67", Bu = "_columnCell_1ih5l_72", Cu = "_cell_1ih5l_72", zu = "_table_1ih5l_23", Mu = "_row_1ih5l_83", Su = "_checkBoxWrapper_1ih5l_89", Pu = "_selected_1ih5l_93", Nu = "_allSelected_1ih5l_93", Hu = "_focused_1ih5l_139", Vu = "_disabled_1ih5l_151", Du = "_noRows_1ih5l_176", Ou = "_pagination_1ih5l_182", Lu = "_paginationLabel_1ih5l_198", Au = "_paginationSelect_1ih5l_203", Fu = "_paginationButtons_1ih5l_209", qu = "_searchIconWrapper_1ih5l_214", Ru = "_loadingWrapper_1ih5l_221", Eu = "_resizer_1ih5l_236", Wu = "_isResizing_1ih5l_258", Gu = {
|
|
2839
|
+
themeVars: fu,
|
|
2840
|
+
wrapper: Tu,
|
|
2841
|
+
noScroll: yu,
|
|
2842
|
+
headerWrapper: $u,
|
|
2843
|
+
tableBody: wu,
|
|
2844
|
+
clickableHeader: _u,
|
|
2845
|
+
headerContent: ku,
|
|
2846
|
+
headerRow: Iu,
|
|
2847
|
+
columnCell: Bu,
|
|
2848
|
+
cell: Cu,
|
|
2849
|
+
table: zu,
|
|
2850
|
+
row: Mu,
|
|
2851
|
+
checkBoxWrapper: Su,
|
|
2852
|
+
selected: Pu,
|
|
2853
|
+
allSelected: Nu,
|
|
2854
|
+
focused: Hu,
|
|
2855
|
+
disabled: Vu,
|
|
2856
|
+
noRows: Du,
|
|
2857
|
+
pagination: Ou,
|
|
2858
|
+
paginationLabel: Lu,
|
|
2859
|
+
paginationSelect: Au,
|
|
2860
|
+
paginationButtons: Fu,
|
|
2861
|
+
searchIconWrapper: qu,
|
|
2862
|
+
loadingWrapper: Ru,
|
|
2863
|
+
resizer: Eu,
|
|
2864
|
+
isResizing: Wu
|
|
2865
|
+
}, l = "Table", ju = t({
|
|
2839
2866
|
description: `\`${l}\` is a component that displays cells organized into rows and columns. The \`${l}\` component is virtualized so it only renders visible cells.`,
|
|
2840
2867
|
props: {
|
|
2841
2868
|
items: e(
|
|
2842
|
-
"You can use `items` as an alias for the `data` property. When you bind the table to a data source (
|
|
2869
|
+
"You can use `items` as an alias for the `data` property. When you bind the table to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API. When both `items` and `data` are used, `items` has priority."
|
|
2870
|
+
),
|
|
2871
|
+
data: e(
|
|
2872
|
+
"The component receives data via this property. The `data` property is a list of items that the `Table` can display."
|
|
2843
2873
|
),
|
|
2844
|
-
data: e(""),
|
|
2845
2874
|
isPaginated: e(`This property adds pagination controls to the \`${l}\`.`),
|
|
2846
2875
|
loading: e(
|
|
2847
2876
|
"This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time."
|
|
@@ -2884,7 +2913,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2884
2913
|
"This event is fired before the table data is sorted. It has two arguments: the column's name and the sort direction. When the method returns a literal `false` value (and not any other falsy one), the method indicates that the sorting should be aborted."
|
|
2885
2914
|
)
|
|
2886
2915
|
},
|
|
2887
|
-
themeVars: n(
|
|
2916
|
+
themeVars: n(Gu.themeVars),
|
|
2888
2917
|
defaultThemeVars: {
|
|
2889
2918
|
[`padding-horizontal-heading-${l}`]: "$space-2",
|
|
2890
2919
|
[`padding-vertical-heading-${l}`]: "$space-2",
|
|
@@ -2926,8 +2955,8 @@ const Qe = "AppHeader", xi = o({
|
|
|
2926
2955
|
[`color-bg-heading-${l}--active`]: "$color-surface-700"
|
|
2927
2956
|
}
|
|
2928
2957
|
}
|
|
2929
|
-
}),
|
|
2930
|
-
description: `The \`${
|
|
2958
|
+
}), Uu = "Column", Yu = t({
|
|
2959
|
+
description: `The \`${Uu}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,
|
|
2931
2960
|
props: {
|
|
2932
2961
|
bindTo: e("Indicates what part of the data to lay out in the column."),
|
|
2933
2962
|
header: e("Adds a label for a particular column."),
|
|
@@ -2946,30 +2975,30 @@ const Qe = "AppHeader", xi = o({
|
|
|
2946
2975
|
"This property indicates whether the user can resize the column. If set to `true`, the column can be resized by dragging the column border. If set to `false`, the column cannot be resized. Double-clicking the column border resets to the original size."
|
|
2947
2976
|
)
|
|
2948
2977
|
}
|
|
2949
|
-
}),
|
|
2978
|
+
}), Re = "TableHeader", Zu = t({
|
|
2950
2979
|
status: "experimental",
|
|
2951
|
-
description: `The \`${
|
|
2980
|
+
description: `The \`${Re}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,
|
|
2952
2981
|
props: {
|
|
2953
2982
|
title: e("The title of the table header.")
|
|
2954
2983
|
},
|
|
2955
2984
|
defaultThemeVars: {
|
|
2956
|
-
[`padding-vertical-${
|
|
2957
|
-
[`padding-horizontal-${
|
|
2958
|
-
}
|
|
2959
|
-
}),
|
|
2960
|
-
themeVars:
|
|
2961
|
-
nav:
|
|
2962
|
-
list:
|
|
2963
|
-
listItem:
|
|
2964
|
-
link:
|
|
2965
|
-
head_1:
|
|
2966
|
-
head_2:
|
|
2967
|
-
head_3:
|
|
2968
|
-
head_4:
|
|
2969
|
-
head_5:
|
|
2970
|
-
head_6:
|
|
2971
|
-
active:
|
|
2972
|
-
}, s = "TableOfContents",
|
|
2985
|
+
[`padding-vertical-${Re}`]: "$space-4",
|
|
2986
|
+
[`padding-horizontal-${Re}`]: "$space-5"
|
|
2987
|
+
}
|
|
2988
|
+
}), Ju = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-vertical-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem": "var(--xmlui-padding-horizontal-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem-level-1": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-1)", "padding-horizontal-TableOfContentsItem-level-2": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-2)", "padding-horizontal-TableOfContentsItem-level-3": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-3)", "padding-horizontal-TableOfContentsItem-level-4": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-4)", "padding-horizontal-TableOfContentsItem-level-5": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-5)", "padding-horizontal-TableOfContentsItem-level-6": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-6)", "color-bg-TableOfContents": "var(--xmlui-color-bg-TableOfContents)", "width-TableOfContents": "var(--xmlui-width-TableOfContents)", "height-TableOfContents": "var(--xmlui-height-TableOfContents)", "border-radius-TableOfContents": "var(--xmlui-border-radius-TableOfContents)", "color-border-TableOfContents": "var(--xmlui-color-border-TableOfContents)", "thickness-border-TableOfContents": "var(--xmlui-thickness-border-TableOfContents)", "style-border-TableOfContents": "var(--xmlui-style-border-TableOfContents)", "margin-top-TableOfContents": "var(--xmlui-margin-top-TableOfContents)", "margin-bottom-TableOfContents": "var(--xmlui-margin-bottom-TableOfContents)", "padding-vertical-TableOfContents": "var(--xmlui-padding-vertical-TableOfContents)", "padding-horizontal-TableOfContents": "var(--xmlui-padding-horizontal-TableOfContents)", "border-width-TableOfContentsItem": "var(--xmlui-border-width-TableOfContentsItem)", "border-style-TableOfContentsItem": "var(--xmlui-border-style-TableOfContentsItem)", "border-color-TableOfContentsItem": "var(--xmlui-border-color-TableOfContentsItem)", "color-TableOfContentsItem": "var(--xmlui-color-TableOfContentsItem)", "font-size-TableOfContentsItem": "var(--xmlui-font-size-TableOfContentsItem)", "font-weight-TableOfContentsItem": "var(--xmlui-font-weight-TableOfContentsItem)", "font-family-TableOfContentsItem": "var(--xmlui-font-family-TableOfContentsItem)", "transform-TableOfContentsItem": "var(--xmlui-transform-TableOfContentsItem)", "align-vertical-TableOfContentsItem": "var(--xmlui-align-vertical-TableOfContentsItem)", "letter-spacing-TableOfContentsItem": "var(--xmlui-letter-spacing-TableOfContentsItem)", "border-color-TableOfContentsItem--active": "var(--xmlui-border-color-TableOfContentsItem--active)", "color-TableOfContentsItem--active": "var(--xmlui-color-TableOfContentsItem--active)", "font-weight-TableOfContentsItem--active": "var(--xmlui-font-weight-TableOfContentsItem--active)"}'`, Xu = "_nav_1soaw_13", Qu = "_list_1soaw_35", Ku = "_listItem_1soaw_40", eh = "_link_1soaw_44", th = "_head_1_1soaw_56", oh = "_head_2_1soaw_59", rh = "_head_3_1soaw_62", ih = "_head_4_1soaw_65", ah = "_head_5_1soaw_68", nh = "_head_6_1soaw_71", lh = "_active_1soaw_74", sh = {
|
|
2989
|
+
themeVars: Ju,
|
|
2990
|
+
nav: Xu,
|
|
2991
|
+
list: Qu,
|
|
2992
|
+
listItem: Ku,
|
|
2993
|
+
link: eh,
|
|
2994
|
+
head_1: th,
|
|
2995
|
+
head_2: oh,
|
|
2996
|
+
head_3: rh,
|
|
2997
|
+
head_4: ih,
|
|
2998
|
+
head_5: ah,
|
|
2999
|
+
head_6: nh,
|
|
3000
|
+
active: lh
|
|
3001
|
+
}, s = "TableOfContents", ch = t({
|
|
2973
3002
|
status: "experimental",
|
|
2974
3003
|
description: `The \`${s}\` component collects headings and bookmarks within the current page and displays them in a tree representing their hierarchy. When you select an item in this tree, the component navigates the page to the selected position.`,
|
|
2975
3004
|
props: {
|
|
@@ -2977,7 +3006,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
2977
3006
|
"This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view."
|
|
2978
3007
|
)
|
|
2979
3008
|
},
|
|
2980
|
-
themeVars: n(
|
|
3009
|
+
themeVars: n(sh.themeVars),
|
|
2981
3010
|
defaultThemeVars: {
|
|
2982
3011
|
[`width-${s}`]: "auto",
|
|
2983
3012
|
[`height-${s}`]: "auto",
|
|
@@ -3024,16 +3053,16 @@ const Qe = "AppHeader", xi = o({
|
|
|
3024
3053
|
[`color-${s}Item--active`]: "$color-text-secondary"
|
|
3025
3054
|
}
|
|
3026
3055
|
}
|
|
3027
|
-
}),
|
|
3028
|
-
themeVars:
|
|
3029
|
-
tabs:
|
|
3030
|
-
filler:
|
|
3031
|
-
tabTrigger:
|
|
3032
|
-
tabsList:
|
|
3033
|
-
tabsContent:
|
|
3034
|
-
},
|
|
3056
|
+
}), dh = `'{"color-bg-Tabs": "var(--xmlui-color-bg-Tabs)", "color-border-Tabs": "var(--xmlui-color-border-Tabs)", "thickness-border-Tabs": "var(--xmlui-thickness-border-Tabs)", "color-border-active-Tabs": "var(--xmlui-color-border-active-Tabs)", "color-bg-trigger-Tabs": "var(--xmlui-color-bg-trigger-Tabs)", "color-bg-trigger-Tabs--hover": "var(--xmlui-color-bg-trigger-Tabs--hover)"}'`, uh = "_tabs_gdijs_13", hh = "_filler_gdijs_27", mh = "_tabTrigger_gdijs_41", ph = "_tabsList_gdijs_80", xh = "_tabsContent_gdijs_97", bh = {
|
|
3057
|
+
themeVars: dh,
|
|
3058
|
+
tabs: uh,
|
|
3059
|
+
filler: hh,
|
|
3060
|
+
tabTrigger: mh,
|
|
3061
|
+
tabsList: ph,
|
|
3062
|
+
tabsContent: xh
|
|
3063
|
+
}, q = "Tabs", vh = t({
|
|
3035
3064
|
status: "experimental",
|
|
3036
|
-
description: `The \`${
|
|
3065
|
+
description: `The \`${q}\` component provides a tabbed layout where each tab has a clickable label and content.`,
|
|
3037
3066
|
props: {
|
|
3038
3067
|
activeTab: e(
|
|
3039
3068
|
"This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."
|
|
@@ -3043,22 +3072,22 @@ const Qe = "AppHeader", xi = o({
|
|
|
3043
3072
|
),
|
|
3044
3073
|
tabTemplate: m("This property declares the template for the clickable tab area.")
|
|
3045
3074
|
},
|
|
3046
|
-
themeVars: n(
|
|
3075
|
+
themeVars: n(bh.themeVars),
|
|
3047
3076
|
defaultThemeVars: {
|
|
3048
|
-
[`color-bg-${
|
|
3049
|
-
[`style-border-${
|
|
3050
|
-
[`color-border-${
|
|
3051
|
-
[`color-border-active-${
|
|
3052
|
-
[`thickness-border-${
|
|
3053
|
-
[`color-bg-trigger-${
|
|
3077
|
+
[`color-bg-${q}`]: "$color-bg-primary",
|
|
3078
|
+
[`style-border-${q}`]: "solid",
|
|
3079
|
+
[`color-border-${q}`]: "$color-border",
|
|
3080
|
+
[`color-border-active-${q}`]: "$color-primary",
|
|
3081
|
+
[`thickness-border-${q}`]: "2px",
|
|
3082
|
+
[`color-bg-trigger-${q}`]: "$color-bg-primary",
|
|
3054
3083
|
light: {
|
|
3055
|
-
[`color-bg-trigger-${
|
|
3084
|
+
[`color-bg-trigger-${q}--hover`]: "$color-primary-50"
|
|
3056
3085
|
},
|
|
3057
3086
|
dark: {
|
|
3058
|
-
[`color-bg-trigger-${
|
|
3087
|
+
[`color-bg-trigger-${q}--hover`]: "$color-primary-800"
|
|
3059
3088
|
}
|
|
3060
3089
|
}
|
|
3061
|
-
}), a = "Text",
|
|
3090
|
+
}), a = "Text", gh = t({
|
|
3062
3091
|
description: `The \`${a}\` component displays textual information in a number of optional styles and variants.`,
|
|
3063
3092
|
props: {
|
|
3064
3093
|
value: e(
|
|
@@ -3077,7 +3106,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3077
3106
|
"This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`)."
|
|
3078
3107
|
)
|
|
3079
3108
|
},
|
|
3080
|
-
themeVars: n(
|
|
3109
|
+
themeVars: n(vr.themeVars),
|
|
3081
3110
|
defaultThemeVars: {
|
|
3082
3111
|
[`border-radius-${a}`]: "$radius",
|
|
3083
3112
|
[`style-border-${a}`]: "solid",
|
|
@@ -3152,12 +3181,12 @@ const Qe = "AppHeader", xi = o({
|
|
|
3152
3181
|
[`color-${a}-secondary`]: "$color-text-secondary"
|
|
3153
3182
|
}
|
|
3154
3183
|
}
|
|
3155
|
-
}), R = "TextArea",
|
|
3184
|
+
}), R = "TextArea", fh = [
|
|
3156
3185
|
{ value: "undefined", description: "No resizing" },
|
|
3157
3186
|
{ value: "horizontal", description: "Can only resize horizontally" },
|
|
3158
3187
|
{ value: "vertical", description: "Can only resize vertically" },
|
|
3159
3188
|
{ value: "both", description: "Can resize in both dimensions" }
|
|
3160
|
-
],
|
|
3189
|
+
], Th = t({
|
|
3161
3190
|
status: "experimental",
|
|
3162
3191
|
description: `\`${R}\` is a component that provides a multiline text input area.`,
|
|
3163
3192
|
props: {
|
|
@@ -3175,20 +3204,23 @@ const Qe = "AppHeader", xi = o({
|
|
|
3175
3204
|
),
|
|
3176
3205
|
rows: e("Specifies the number of lines or rows (and thus, its size) the component has."),
|
|
3177
3206
|
autoSize: e(
|
|
3178
|
-
`If set to \`true\`, this boolean property enables the \`${R}\` to resize automatically based on the number of lines inside it
|
|
3207
|
+
`If set to \`true\`, this boolean property enables the \`${R}\` to resize automatically based on the number of lines inside it.`,
|
|
3208
|
+
null,
|
|
3209
|
+
"boolean",
|
|
3210
|
+
!1
|
|
3179
3211
|
),
|
|
3180
3212
|
placeholder: Z(),
|
|
3181
3213
|
initialValue: z(),
|
|
3182
3214
|
labelId: E(),
|
|
3183
|
-
maxLength:
|
|
3215
|
+
maxLength: me(),
|
|
3184
3216
|
autoFocus: w(),
|
|
3185
3217
|
required: W(),
|
|
3186
3218
|
readOnly: V(),
|
|
3187
3219
|
enabled: f(),
|
|
3188
|
-
validationStatus:
|
|
3220
|
+
validationStatus: D(),
|
|
3189
3221
|
resize: e(
|
|
3190
3222
|
"This optional property specifies in which dimensions can the `TextArea` be resized by the user.",
|
|
3191
|
-
|
|
3223
|
+
fh
|
|
3192
3224
|
)
|
|
3193
3225
|
},
|
|
3194
3226
|
events: {
|
|
@@ -3203,26 +3235,26 @@ const Qe = "AppHeader", xi = o({
|
|
|
3203
3235
|
),
|
|
3204
3236
|
setValue: ne()
|
|
3205
3237
|
},
|
|
3206
|
-
themeVars: n(
|
|
3207
|
-
}),
|
|
3208
|
-
themeVars:
|
|
3209
|
-
root:
|
|
3210
|
-
item:
|
|
3211
|
-
header:
|
|
3212
|
-
trigger:
|
|
3213
|
-
triggerStart:
|
|
3214
|
-
contentWrapper:
|
|
3215
|
-
slideDown:
|
|
3216
|
-
slideUp:
|
|
3217
|
-
content:
|
|
3218
|
-
chevron:
|
|
3219
|
-
}, c = "Accordion",
|
|
3238
|
+
themeVars: n(Es.themeVars)
|
|
3239
|
+
}), yh = `'{"radius-Accordion": "var(--xmlui-radius-Accordion)", "color-border-Accordion": "var(--xmlui-color-border-Accordion)", "thickness-border-Accordion": "var(--xmlui-thickness-border-Accordion)", "style-border-Accordion": "var(--xmlui-style-border-Accordion)", "align-vertical-header-Accordion": "var(--xmlui-align-vertical-header-Accordion)", "font-size-header-Accordion": "var(--xmlui-font-size-header-Accordion)", "font-weight-header-Accordion": "var(--xmlui-font-weight-header-Accordion)", "font-style-header-Accordion": "var(--xmlui-font-style-header-Accordion)", "padding-vertical-header-Accordion": "var(--xmlui-padding-vertical-header-Accordion)", "padding-horizontal-header-Accordion": "var(--xmlui-padding-horizontal-header-Accordion)", "color-bg-header-Accordion": "var(--xmlui-color-bg-header-Accordion)", "color-header-Accordion": "var(--xmlui-color-header-Accordion)", "color-bg-header-Accordion-hover": "var(--xmlui-color-bg-header-Accordion-hover)", "color-content-Accordion": "var(--xmlui-color-content-Accordion)", "color-bg-content-Accordion": "var(--xmlui-color-bg-content-Accordion)", "width-icon-Accordion": "var(--xmlui-width-icon-Accordion)", "height-icon-Accordion": "var(--xmlui-height-icon-Accordion)", "color-icon-Accordion": "var(--xmlui-color-icon-Accordion)"}'`, $h = "_root_lik78_13", wh = "_item_lik78_24", _h = "_header_lik78_43", kh = "_trigger_lik78_48", Ih = "_triggerStart_lik78_66", Bh = "_contentWrapper_lik78_70", Ch = "_slideDown_lik78_1", zh = "_slideUp_lik78_1", Mh = "_content_lik78_70", Sh = "_chevron_lik78_86", Ph = {
|
|
3240
|
+
themeVars: yh,
|
|
3241
|
+
root: $h,
|
|
3242
|
+
item: wh,
|
|
3243
|
+
header: _h,
|
|
3244
|
+
trigger: kh,
|
|
3245
|
+
triggerStart: Ih,
|
|
3246
|
+
contentWrapper: Bh,
|
|
3247
|
+
slideDown: Ch,
|
|
3248
|
+
slideUp: zh,
|
|
3249
|
+
content: Mh,
|
|
3250
|
+
chevron: Sh
|
|
3251
|
+
}, c = "Accordion", Nh = t({
|
|
3220
3252
|
status: "in progress",
|
|
3221
3253
|
description: `(**NOT IMPLEMENTED YET**) The \`${c}\` component is a collapsible container that toggles the display of content sections. It helps organize information by expanding or collapsing it based on user interaction.`,
|
|
3222
3254
|
props: {
|
|
3223
3255
|
triggerPosition: e(
|
|
3224
3256
|
"This property indicates the position where the trigger icon should be displayed. The `start` value signs the trigger is before the header text (template), and `end` indicates that it follows the header.",
|
|
3225
|
-
|
|
3257
|
+
eo,
|
|
3226
3258
|
null,
|
|
3227
3259
|
"end"
|
|
3228
3260
|
),
|
|
@@ -3246,13 +3278,13 @@ const Qe = "AppHeader", xi = o({
|
|
|
3246
3278
|
displayDidChange: $(c)
|
|
3247
3279
|
},
|
|
3248
3280
|
apis: {
|
|
3249
|
-
expanded:
|
|
3250
|
-
expand:
|
|
3251
|
-
collapse:
|
|
3281
|
+
expanded: lo(c),
|
|
3282
|
+
expand: so(c),
|
|
3283
|
+
collapse: co(c),
|
|
3252
3284
|
toggle: e(`This method toggles the state of the ${c} between expanded and collapsed.`),
|
|
3253
3285
|
focus: Q(c)
|
|
3254
3286
|
},
|
|
3255
|
-
themeVars: n(
|
|
3287
|
+
themeVars: n(Ph.themeVars),
|
|
3256
3288
|
defaultThemeVars: {
|
|
3257
3289
|
[`padding-horizontal-header-${c}`]: "$space-3",
|
|
3258
3290
|
[`padding-vertical-header-${c}`]: "$space-3",
|
|
@@ -3284,15 +3316,15 @@ const Qe = "AppHeader", xi = o({
|
|
|
3284
3316
|
[`color-icon-${c}`]: "$color-surface-50"
|
|
3285
3317
|
}
|
|
3286
3318
|
}
|
|
3287
|
-
}),
|
|
3288
|
-
themeVars:
|
|
3289
|
-
}, Me = "Alert",
|
|
3319
|
+
}), Hh = '"[]"', Vh = {
|
|
3320
|
+
themeVars: Hh
|
|
3321
|
+
}, Me = "Alert", Dh = t({
|
|
3290
3322
|
status: "in progress",
|
|
3291
3323
|
description: `(**NOT IMPLEMENTED YET**) The \`${Me}\` component is a panel used to display important notifications or feedback to users. It helps convey different statuses or levels of urgency, such as success, warning, error, and others.`,
|
|
3292
3324
|
props: {
|
|
3293
3325
|
statusColor: e(
|
|
3294
3326
|
`The value of this optional property sets the string to provide a color scheme for the ${Me}.`,
|
|
3295
|
-
|
|
3327
|
+
Xt,
|
|
3296
3328
|
"string",
|
|
3297
3329
|
"primary"
|
|
3298
3330
|
),
|
|
@@ -3309,20 +3341,20 @@ const Qe = "AppHeader", xi = o({
|
|
|
3309
3341
|
`This method dismisses the ${Me}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`
|
|
3310
3342
|
)
|
|
3311
3343
|
},
|
|
3312
|
-
themeVars: n(
|
|
3344
|
+
themeVars: n(Vh.themeVars),
|
|
3313
3345
|
defaultThemeVars: {
|
|
3314
3346
|
light: {},
|
|
3315
3347
|
dark: {}
|
|
3316
3348
|
}
|
|
3317
|
-
}),
|
|
3318
|
-
description: `\`${
|
|
3349
|
+
}), at = "TabItem", Oh = t({
|
|
3350
|
+
description: `\`${at}\` is a non-visual component describing a tab. Tabs component may use nested ${at} instances from which the user can select.`,
|
|
3319
3351
|
props: {
|
|
3320
3352
|
label: H()
|
|
3321
3353
|
}
|
|
3322
|
-
}),
|
|
3323
|
-
description: `The \`${
|
|
3354
|
+
}), Lh = "Fragment", Ah = t({
|
|
3355
|
+
description: `The \`${Lh}\` component encloses multiple child components into a single root component, so it can be used where only a single component definition is allowed.`,
|
|
3324
3356
|
opaque: !0
|
|
3325
|
-
}),
|
|
3357
|
+
}), Fh = t({
|
|
3326
3358
|
status: "experimental",
|
|
3327
3359
|
description: "Placeholder in a reusable component. Signs the slot where the component's injected children should be rendered.",
|
|
3328
3360
|
props: {
|
|
@@ -3330,9 +3362,9 @@ const Qe = "AppHeader", xi = o({
|
|
|
3330
3362
|
},
|
|
3331
3363
|
allowArbitraryProps: !0,
|
|
3332
3364
|
opaque: !0
|
|
3333
|
-
}),
|
|
3365
|
+
}), qh = "Tree", Rh = t({
|
|
3334
3366
|
status: "in progress",
|
|
3335
|
-
description: `The \`${
|
|
3367
|
+
description: `The \`${qh}\` component is a virtualized tree component that displays hierarchical data.`,
|
|
3336
3368
|
props: {
|
|
3337
3369
|
data: {
|
|
3338
3370
|
description: "The data source of the tree.",
|
|
@@ -3343,7 +3375,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3343
3375
|
},
|
|
3344
3376
|
itemTemplate: m("The template for each item in the tree.")
|
|
3345
3377
|
}
|
|
3346
|
-
}), Se = "APICall",
|
|
3378
|
+
}), Se = "APICall", Eh = t({
|
|
3347
3379
|
description: `\`${Se}\` is used to mutate (create, update or delete) some data on the backend. It is similar in nature to the \`DataSource\` component which retrieves data from the backend.`,
|
|
3348
3380
|
props: {
|
|
3349
3381
|
confirmTitle: e(
|
|
@@ -3382,7 +3414,9 @@ const Qe = "AppHeader", xi = o({
|
|
|
3382
3414
|
)
|
|
3383
3415
|
},
|
|
3384
3416
|
events: {
|
|
3385
|
-
beforeRequest: e(
|
|
3417
|
+
beforeRequest: e(
|
|
3418
|
+
"This event fires before the request is sent. Returning an explicit boolean'false' value will prevent the request from being sent."
|
|
3419
|
+
),
|
|
3386
3420
|
success: e("This event fires when a request results in a success."),
|
|
3387
3421
|
/**
|
|
3388
3422
|
* This event fires when a request results in an error.
|
|
@@ -3390,7 +3424,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3390
3424
|
*/
|
|
3391
3425
|
error: e("This event fires when a request results in an error.")
|
|
3392
3426
|
}
|
|
3393
|
-
}),
|
|
3427
|
+
}), Wh = t({
|
|
3394
3428
|
status: "deprecated",
|
|
3395
3429
|
description: "The `BarChart` component represents a bar chart.",
|
|
3396
3430
|
props: {
|
|
@@ -3406,7 +3440,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3406
3440
|
),
|
|
3407
3441
|
indexBy: e("Determines which attribute groups the bars together.")
|
|
3408
3442
|
},
|
|
3409
|
-
themeVars: n(
|
|
3443
|
+
themeVars: n(vt.themeVars),
|
|
3410
3444
|
defaultThemeVars: {
|
|
3411
3445
|
"scheme-BarChart": "pastel1",
|
|
3412
3446
|
"color-text-BarChart": "$color-text-secondary",
|
|
@@ -3421,7 +3455,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3421
3455
|
"scheme-BarChart": "dark2"
|
|
3422
3456
|
}
|
|
3423
3457
|
}
|
|
3424
|
-
}),
|
|
3458
|
+
}), Gh = t({
|
|
3425
3459
|
status: "deprecated",
|
|
3426
3460
|
description: "(**OBSOLETE**) A chart component",
|
|
3427
3461
|
props: {
|
|
@@ -3433,7 +3467,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3433
3467
|
tooltipEnabled: e("(**OBSOLETE**)"),
|
|
3434
3468
|
showLegend: e("(**OBSOLETE**)")
|
|
3435
3469
|
}
|
|
3436
|
-
}), Ee = "DataSource",
|
|
3470
|
+
}), Ee = "DataSource", jh = t({
|
|
3437
3471
|
description: `The \`${Ee}\` component manages fetching data from a web API endpoint. This component automatically manages the complexity of the fetch operation and caching. To manipulate data on the backend, use the [\`APICall\`](./APICall.mdx) component.`,
|
|
3438
3472
|
props: {
|
|
3439
3473
|
method: e(
|
|
@@ -3480,10 +3514,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
3480
3514
|
),
|
|
3481
3515
|
error: e("This event fires when a request results in an error.")
|
|
3482
3516
|
}
|
|
3483
|
-
}),
|
|
3517
|
+
}), nt = "FormSection", Uh = t({
|
|
3484
3518
|
status: "experimental",
|
|
3485
|
-
description: `The \`${
|
|
3486
|
-
}),
|
|
3519
|
+
description: `The \`${nt}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${nt}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`
|
|
3520
|
+
}), Yh = t({
|
|
3487
3521
|
status: "experimental",
|
|
3488
3522
|
description: "This component displays an icon and some content in a card.",
|
|
3489
3523
|
props: {
|
|
@@ -3491,9 +3525,9 @@ const Qe = "AppHeader", xi = o({
|
|
|
3491
3525
|
iconBackgroundColor: e("The background color of the icon."),
|
|
3492
3526
|
iconName: e("The name of the icon to display.")
|
|
3493
3527
|
}
|
|
3494
|
-
}),
|
|
3528
|
+
}), Zh = "PageHeader", Jh = t({
|
|
3495
3529
|
status: "experimental",
|
|
3496
|
-
description: `The \`${
|
|
3530
|
+
description: `The \`${Zh}\` component is a component that displays a title and an optional pre-title. The pre-title is displayed above the title.`,
|
|
3497
3531
|
props: {
|
|
3498
3532
|
preTitle: e("The pre-title to display above the title."),
|
|
3499
3533
|
title: e("The title to display.")
|
|
@@ -3501,10 +3535,10 @@ const Qe = "AppHeader", xi = o({
|
|
|
3501
3535
|
defaultThemeVars: {
|
|
3502
3536
|
"gap-PageHeader": "$space-2"
|
|
3503
3537
|
}
|
|
3504
|
-
}),
|
|
3538
|
+
}), Xh = "ThemeChangerButton", Qh = t({
|
|
3505
3539
|
status: "experimental",
|
|
3506
3540
|
docFolder: "ThemeChanger",
|
|
3507
|
-
description: `The \`${
|
|
3541
|
+
description: `The \`${Xh}\` component is a component that allows the user to change the theme of the app.`,
|
|
3508
3542
|
props: {
|
|
3509
3543
|
showSettings: e(
|
|
3510
3544
|
"This property indicates if the Settings function of this component is displayed.",
|
|
@@ -3513,7 +3547,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3513
3547
|
!0
|
|
3514
3548
|
)
|
|
3515
3549
|
}
|
|
3516
|
-
}),
|
|
3550
|
+
}), Kh = t({
|
|
3517
3551
|
status: "experimental",
|
|
3518
3552
|
description: "This component is a container for a toolbar.",
|
|
3519
3553
|
props: {
|
|
@@ -3522,7 +3556,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3522
3556
|
defaultThemeVars: {
|
|
3523
3557
|
"gap-Toolbar": "$space-2"
|
|
3524
3558
|
}
|
|
3525
|
-
}),
|
|
3559
|
+
}), em = t({
|
|
3526
3560
|
status: "experimental",
|
|
3527
3561
|
description: "This component is a button that is used in a toolbar.",
|
|
3528
3562
|
props: {
|
|
@@ -3533,31 +3567,31 @@ const Qe = "AppHeader", xi = o({
|
|
|
3533
3567
|
"padding-horizontal-ToolbarButton": "$space-1",
|
|
3534
3568
|
"padding-vertical-ToolbarButton": "$space-1"
|
|
3535
3569
|
}
|
|
3536
|
-
}),
|
|
3570
|
+
}), tm = t({
|
|
3537
3571
|
status: "experimental",
|
|
3538
3572
|
description: "This component displays a trend label.",
|
|
3539
3573
|
props: {
|
|
3540
3574
|
change: e("The change percentage.")
|
|
3541
3575
|
}
|
|
3542
|
-
}),
|
|
3543
|
-
themeVars:
|
|
3544
|
-
},
|
|
3576
|
+
}), om = '"[]"', rm = {
|
|
3577
|
+
themeVars: om
|
|
3578
|
+
}, im = "ButtonGroup", am = t({
|
|
3545
3579
|
status: "in progress",
|
|
3546
|
-
description: `(**NOT IMPLEMENTED YET**) The \`${
|
|
3580
|
+
description: `(**NOT IMPLEMENTED YET**) The \`${im}\` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.`,
|
|
3547
3581
|
props: {
|
|
3548
3582
|
themeColor: e(
|
|
3549
3583
|
"This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",
|
|
3550
|
-
|
|
3584
|
+
lt,
|
|
3551
3585
|
"string",
|
|
3552
3586
|
"primary"
|
|
3553
3587
|
),
|
|
3554
3588
|
variant: e(
|
|
3555
3589
|
"This optional property specifies the default variant for the buttons in the group. Individual buttons may override this setting with their `variant` property.",
|
|
3556
|
-
|
|
3590
|
+
st,
|
|
3557
3591
|
"string",
|
|
3558
3592
|
"solid"
|
|
3559
3593
|
),
|
|
3560
|
-
orientation:
|
|
3594
|
+
orientation: mo("horizontal"),
|
|
3561
3595
|
buttonWidth: e(
|
|
3562
3596
|
"When this optional property is set, all buttons within the group will have the specified width. If it is empty, each button's width accommodates its content."
|
|
3563
3597
|
),
|
|
@@ -3565,27 +3599,27 @@ const Qe = "AppHeader", xi = o({
|
|
|
3565
3599
|
"When this optional property is set, adjacent buttons will have the specified gap between them. If this property is not set, the buttons will be merged into one group."
|
|
3566
3600
|
)
|
|
3567
3601
|
},
|
|
3568
|
-
themeVars: n(
|
|
3602
|
+
themeVars: n(rm.themeVars),
|
|
3569
3603
|
defaultThemeVars: {
|
|
3570
3604
|
light: {},
|
|
3571
3605
|
dark: {}
|
|
3572
3606
|
}
|
|
3573
|
-
}),
|
|
3574
|
-
description: `The \`${
|
|
3575
|
-
}),
|
|
3576
|
-
themeVars:
|
|
3577
|
-
carousel:
|
|
3578
|
-
innerWrapper:
|
|
3579
|
-
carouselContentWrapper:
|
|
3580
|
-
carouselContent:
|
|
3581
|
-
vertical:
|
|
3582
|
-
carouselItem:
|
|
3583
|
-
controls:
|
|
3584
|
-
controlButton:
|
|
3585
|
-
indicators:
|
|
3586
|
-
indicator:
|
|
3587
|
-
active:
|
|
3588
|
-
}, p = "Carousel",
|
|
3607
|
+
}), nm = "Breakout", lm = t({
|
|
3608
|
+
description: `The \`${nm}\` component creates a breakout section. It allows its child to occupy the entire width of the UI even if the app or the parent container constrains the maximum content width.`
|
|
3609
|
+
}), sm = `'{"width-Carousel": "var(--xmlui-width-Carousel)", "height-Carousel": "var(--xmlui-height-Carousel)", "height-control-Carousel": "var(--xmlui-height-control-Carousel)", "width-control-Carousel": "var(--xmlui-width-control-Carousel)", "color-text-control-Carousel": "var(--xmlui-color-text-control-Carousel)", "color-bg-control-Carousel": "var(--xmlui-color-bg-control-Carousel)", "radius-control-Carousel": "var(--xmlui-radius-control-Carousel)", "color-bg-control-hover-Carousel": "var(--xmlui-color-bg-control-hover-Carousel)", "color-text-control-hover-Carousel": "var(--xmlui-color-text-control-hover-Carousel)", "color-bg-control-active-Carousel": "var(--xmlui-color-bg-control-active-Carousel)", "color-text-control-active-Carousel": "var(--xmlui-color-text-control-active-Carousel)", "color-text-control-disabled-Carousel": "var(--xmlui-color-text-control-disabled-Carousel)", "color-bg-control-disabled-Carousel": "var(--xmlui-color-bg-control-disabled-Carousel)", "width-indicator-Carousel": "var(--xmlui-width-indicator-Carousel)", "height-indicator-Carousel": "var(--xmlui-height-indicator-Carousel)", "color-text-indicator-Carousel": "var(--xmlui-color-text-indicator-Carousel)", "color-bg-indicator-Carousel": "var(--xmlui-color-bg-indicator-Carousel)", "color-bg-indicator-hover-Carousel": "var(--xmlui-color-bg-indicator-hover-Carousel)", "color-text-indicator-hover-Carousel": "var(--xmlui-color-text-indicator-hover-Carousel)", "color-bg-indicator-active-Carousel": "var(--xmlui-color-bg-indicator-active-Carousel)", "color-text-indicator-active-Carousel": "var(--xmlui-color-text-indicator-active-Carousel)"}'`, cm = "_carousel_wc2m5_13", dm = "_innerWrapper_wc2m5_22", um = "_carouselContentWrapper_wc2m5_28", hm = "_carouselContent_wc2m5_28", mm = "_vertical_wc2m5_38", pm = "_carouselItem_wc2m5_42", xm = "_controls_wc2m5_49", bm = "_controlButton_wc2m5_58", vm = "_indicators_wc2m5_85", gm = "_indicator_wc2m5_85", fm = "_active_wc2m5_105", Tm = {
|
|
3610
|
+
themeVars: sm,
|
|
3611
|
+
carousel: cm,
|
|
3612
|
+
innerWrapper: dm,
|
|
3613
|
+
carouselContentWrapper: um,
|
|
3614
|
+
carouselContent: hm,
|
|
3615
|
+
vertical: mm,
|
|
3616
|
+
carouselItem: pm,
|
|
3617
|
+
controls: xm,
|
|
3618
|
+
controlButton: bm,
|
|
3619
|
+
indicators: vm,
|
|
3620
|
+
indicator: gm,
|
|
3621
|
+
active: fm
|
|
3622
|
+
}, p = "Carousel", ym = t({
|
|
3589
3623
|
status: "in progress",
|
|
3590
3624
|
description: "This component displays a slideshow by cycling through elements (images, text, or custom slides) like a carousel.",
|
|
3591
3625
|
props: {
|
|
@@ -3636,7 +3670,7 @@ const Qe = "AppHeader", xi = o({
|
|
|
3636
3670
|
scrollPrev: e("This method scrolls the carousel to the previous slide."),
|
|
3637
3671
|
scrollNext: e("This method scrolls the carousel to the next slide.")
|
|
3638
3672
|
},
|
|
3639
|
-
themeVars: n(
|
|
3673
|
+
themeVars: n(Tm.themeVars),
|
|
3640
3674
|
defaultThemeVars: {
|
|
3641
3675
|
[`color-bg-control-${p}`]: "$color-primary",
|
|
3642
3676
|
[`color-text-control-${p}`]: "$color-primary",
|
|
@@ -3660,113 +3694,119 @@ const Qe = "AppHeader", xi = o({
|
|
|
3660
3694
|
[`height-${p}`]: "100%",
|
|
3661
3695
|
[`width-${p}`]: "100%"
|
|
3662
3696
|
}
|
|
3663
|
-
}),
|
|
3664
|
-
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
|
|
3669
|
-
|
|
3670
|
-
|
|
3671
|
-
|
|
3672
|
-
|
|
3673
|
-
|
|
3674
|
-
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3696
|
-
|
|
3697
|
-
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
|
|
3743
|
-
|
|
3744
|
-
|
|
3745
|
-
|
|
3746
|
-
|
|
3697
|
+
}), $m = "ToneChangerButton", wm = t({
|
|
3698
|
+
status: "experimental",
|
|
3699
|
+
docFolder: "ThemeChanger",
|
|
3700
|
+
description: `The \`${$m}\` component is a component that allows the user to change the tone of the app.`,
|
|
3701
|
+
props: {}
|
|
3702
|
+
}), km = {
|
|
3703
|
+
Accordion: Nh,
|
|
3704
|
+
Alert: Dh,
|
|
3705
|
+
APICall: Eh,
|
|
3706
|
+
App: bi,
|
|
3707
|
+
AppHeader: vi,
|
|
3708
|
+
AppState: gi,
|
|
3709
|
+
Avatar: Bi,
|
|
3710
|
+
Badge: Pi,
|
|
3711
|
+
BarChart: Wh,
|
|
3712
|
+
Bookmark: Ni,
|
|
3713
|
+
Breakout: lm,
|
|
3714
|
+
Button: po,
|
|
3715
|
+
ButtonGroup: am,
|
|
3716
|
+
Card: ta,
|
|
3717
|
+
Carousel: ym,
|
|
3718
|
+
ChangeListener: oa,
|
|
3719
|
+
Chart: Gh,
|
|
3720
|
+
Checkbox: ka,
|
|
3721
|
+
Column: Yu,
|
|
3722
|
+
Combobox: et,
|
|
3723
|
+
ContentSeparator: Ua,
|
|
3724
|
+
DataSource: jh,
|
|
3725
|
+
DatePicker: qn,
|
|
3726
|
+
DropdownMenu: Jn,
|
|
3727
|
+
Fragment: Ah,
|
|
3728
|
+
MenuItem: Xn,
|
|
3729
|
+
SubMenuItem: Kn,
|
|
3730
|
+
EmojiSelector: ol,
|
|
3731
|
+
FileInput: sl,
|
|
3732
|
+
FileUploadDropZone: pl,
|
|
3733
|
+
FlowLayout: yl,
|
|
3734
|
+
Footer: Bl,
|
|
3735
|
+
Form: Yl,
|
|
3736
|
+
FormItem: dc,
|
|
3737
|
+
FormSection: Uh,
|
|
3738
|
+
Heading: mc,
|
|
3739
|
+
H1: pc,
|
|
3740
|
+
H2: xc,
|
|
3741
|
+
H3: bc,
|
|
3742
|
+
H4: vc,
|
|
3743
|
+
H5: gc,
|
|
3744
|
+
H6: fc,
|
|
3745
|
+
HoverCard: Tc,
|
|
3746
|
+
Icon: yc,
|
|
3747
|
+
IconInfoCard: Yh,
|
|
3748
|
+
Image: $c,
|
|
3749
|
+
Items: _c,
|
|
3750
|
+
Link: kc,
|
|
3751
|
+
List: Sc,
|
|
3752
|
+
Logo: Nc,
|
|
3753
|
+
Markdown: Rc,
|
|
3754
|
+
MenuSeparator: el,
|
|
3755
|
+
ModalDialog: Ec,
|
|
3756
|
+
MultiCombobox: et,
|
|
3757
|
+
MultiSelect: Wc,
|
|
3758
|
+
NavGroup: Jc,
|
|
3759
|
+
NavLink: Xc,
|
|
3760
|
+
NavPanel: Qc,
|
|
3761
|
+
NoResult: rd,
|
|
3762
|
+
NumberBox: id,
|
|
3763
|
+
OffCanvas: ld,
|
|
3764
|
+
Option: cd,
|
|
3765
|
+
PageMetaTitle: dd,
|
|
3766
|
+
Page: ud,
|
|
3767
|
+
PageHeader: Jh,
|
|
3768
|
+
Pages: md,
|
|
3769
|
+
Pdf: xd,
|
|
3770
|
+
PieChart: zd,
|
|
3771
|
+
PositionedContainer: Hd,
|
|
3772
|
+
ProgressBar: Ad,
|
|
3773
|
+
Queue: Fd,
|
|
3774
|
+
RadioGroup: Rd,
|
|
3775
|
+
RadioGroupOption: qd,
|
|
3776
|
+
RealTimeAdapter: Wd,
|
|
3777
|
+
Redirect: jd,
|
|
3778
|
+
Select: Ud,
|
|
3779
|
+
SelectionStore: Zd,
|
|
3780
|
+
Slot: Fh,
|
|
3781
|
+
SpaceFiller: Xd,
|
|
3782
|
+
Spinner: Qd,
|
|
3783
|
+
Splitter: cu,
|
|
3784
|
+
HSplitter: du,
|
|
3785
|
+
VSplitter: uu,
|
|
3747
3786
|
Stack: xe,
|
|
3748
|
-
CHStack:
|
|
3749
|
-
CVStack:
|
|
3750
|
-
HStack:
|
|
3751
|
-
VStack:
|
|
3752
|
-
StickyBox:
|
|
3753
|
-
Switch:
|
|
3754
|
-
Table:
|
|
3755
|
-
TableHeader:
|
|
3756
|
-
TableOfContents:
|
|
3757
|
-
TabItem:
|
|
3758
|
-
Tabs:
|
|
3759
|
-
Text:
|
|
3760
|
-
TextArea:
|
|
3787
|
+
CHStack: Ho,
|
|
3788
|
+
CVStack: No,
|
|
3789
|
+
HStack: Po,
|
|
3790
|
+
VStack: So,
|
|
3791
|
+
StickyBox: vu,
|
|
3792
|
+
Switch: gu,
|
|
3793
|
+
Table: ju,
|
|
3794
|
+
TableHeader: Zu,
|
|
3795
|
+
TableOfContents: ch,
|
|
3796
|
+
TabItem: Oh,
|
|
3797
|
+
Tabs: vh,
|
|
3798
|
+
Text: gh,
|
|
3799
|
+
TextArea: Th,
|
|
3761
3800
|
TextBox: Je,
|
|
3762
3801
|
PasswordInput: Je,
|
|
3763
|
-
Toolbar:
|
|
3764
|
-
ToolbarButton:
|
|
3765
|
-
TrendLabel:
|
|
3766
|
-
Theme:
|
|
3767
|
-
ThemeChangerButton:
|
|
3768
|
-
|
|
3802
|
+
Toolbar: Kh,
|
|
3803
|
+
ToolbarButton: em,
|
|
3804
|
+
TrendLabel: tm,
|
|
3805
|
+
Theme: gr,
|
|
3806
|
+
ThemeChangerButton: Qh,
|
|
3807
|
+
ToneChangerButton: wm,
|
|
3808
|
+
Tree: Rh
|
|
3769
3809
|
};
|
|
3770
3810
|
export {
|
|
3771
|
-
|
|
3811
|
+
km as collectedComponentMetadata
|
|
3772
3812
|
};
|