fluekit 1.7.1 → 2.0.1
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/CircularProgressIndicator.d.ts +33 -0
- package/dist/CupertinoActivityIndicator.d.ts +16 -4
- package/dist/LinearProgressIndicator.d.ts +33 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +172 -80
- package/package.json +1 -1
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Color } from './Color';
|
|
2
|
+
interface Props {
|
|
3
|
+
/**
|
|
4
|
+
* The value of the progress indicator, from 0.0 to 1.0.
|
|
5
|
+
* If null, the progress indicator is indeterminate.
|
|
6
|
+
*/
|
|
7
|
+
value?: number | null;
|
|
8
|
+
/**
|
|
9
|
+
* The progress indicator's color.
|
|
10
|
+
*/
|
|
11
|
+
color?: string | Color;
|
|
12
|
+
/**
|
|
13
|
+
* The background color of the progress indicator track.
|
|
14
|
+
*/
|
|
15
|
+
backgroundColor?: string | Color;
|
|
16
|
+
/**
|
|
17
|
+
* The width of the line used to draw the circle.
|
|
18
|
+
* Default: 4.0
|
|
19
|
+
*/
|
|
20
|
+
strokeWidth?: number;
|
|
21
|
+
/**
|
|
22
|
+
* The size of the progress indicator.
|
|
23
|
+
* Default: 36.0
|
|
24
|
+
*/
|
|
25
|
+
size?: number;
|
|
26
|
+
}
|
|
27
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
28
|
+
size: number;
|
|
29
|
+
color: string | Color;
|
|
30
|
+
value: number | null;
|
|
31
|
+
strokeWidth: number;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
|
+
export default _default;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
|
+
import { Color } from './Color';
|
|
1
2
|
interface Props {
|
|
2
|
-
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Whether the activity indicator is running its animation.
|
|
5
|
+
* Default: true
|
|
6
|
+
*/
|
|
4
7
|
animating?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The color of the activity indicator.
|
|
10
|
+
*/
|
|
11
|
+
color?: string | Color;
|
|
12
|
+
/**
|
|
13
|
+
* The radius of the activity indicator.
|
|
14
|
+
* Default: 10.0
|
|
15
|
+
*/
|
|
16
|
+
radius?: number;
|
|
5
17
|
}
|
|
6
18
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
7
|
-
color: string;
|
|
19
|
+
color: string | Color;
|
|
8
20
|
radius: number;
|
|
9
21
|
animating: boolean;
|
|
10
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
11
23
|
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Color } from './Color';
|
|
2
|
+
import { BorderRadius } from './BorderRadius';
|
|
3
|
+
interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* The value of the progress indicator, from 0.0 to 1.0.
|
|
6
|
+
* If null, the progress indicator is indeterminate.
|
|
7
|
+
*/
|
|
8
|
+
value?: number | null;
|
|
9
|
+
/**
|
|
10
|
+
* The progress indicator's color.
|
|
11
|
+
*/
|
|
12
|
+
color?: string | Color;
|
|
13
|
+
/**
|
|
14
|
+
* The background color of the progress indicator.
|
|
15
|
+
*/
|
|
16
|
+
backgroundColor?: string | Color;
|
|
17
|
+
/**
|
|
18
|
+
* The height of the progress indicator.
|
|
19
|
+
* Default: 4.0
|
|
20
|
+
*/
|
|
21
|
+
minHeight?: number;
|
|
22
|
+
/**
|
|
23
|
+
* The border radius of the progress indicator.
|
|
24
|
+
*/
|
|
25
|
+
borderRadius?: number | BorderRadius;
|
|
26
|
+
}
|
|
27
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
28
|
+
minHeight: number;
|
|
29
|
+
color: string | Color;
|
|
30
|
+
value: number | null;
|
|
31
|
+
backgroundColor: string | Color;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
|
+
export default _default;
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.fluekit-button[data-v-0af78380]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-0af78380]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}
|
|
1
|
+
.fluekit-button[data-v-0af78380]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-0af78380]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flue-aspect-ratio[data-v-e23e6712]{grid-template-rows:100%;grid-template-columns:100%;display:grid}.flue-image-color-background[data-v-de3ea6be]{box-sizing:border-box;flex-direction:column;display:flex}.flue-linear-progress-indicator[data-v-56dbe01e]{border-radius:0}@keyframes flue-linear-indeterminate-56dbe01e{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-f3b133b5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-f3b133b5{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:before{content:"";position:html;background-color:var(--v1892c8c4);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-387402c7]{opacity:0;animation:1s linear infinite flue-cupertino-fade-387402c7}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-387402c7{0%{opacity:1}to{opacity:.3}}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index.d.ts
CHANGED
|
@@ -50,7 +50,6 @@ export { default as SegmentedControl } from './SegmentedControl';
|
|
|
50
50
|
export { default as Builder } from './Builder';
|
|
51
51
|
export { default as LayoutBuilder } from './LayoutBuilder';
|
|
52
52
|
export { default as MediaQuery } from './MediaQuery';
|
|
53
|
-
export { default as CupertinoActivityIndicator } from './CupertinoActivityIndicator';
|
|
54
53
|
export { default as CupertinoPageScaffold } from './CupertinoPageScaffold';
|
|
55
54
|
export { default as CupertinoNavigationBar } from './CupertinoNavigationBar';
|
|
56
55
|
export { SnackBar } from './SnackBar';
|
|
@@ -61,6 +60,9 @@ export { default as CupertinoContextMenu } from './CupertinoContextMenu';
|
|
|
61
60
|
export { default as AspectRatio } from './AspectRatio';
|
|
62
61
|
export { default as ConstrainedBox } from './ConstrainedBox';
|
|
63
62
|
export { default as ImageColorBackground } from './ImageColorBackground';
|
|
63
|
+
export { default as LinearProgressIndicator } from './LinearProgressIndicator';
|
|
64
|
+
export { default as CircularProgressIndicator } from './CircularProgressIndicator';
|
|
65
|
+
export { default as CupertinoActivityIndicator } from './CupertinoActivityIndicator';
|
|
64
66
|
export * from './Color';
|
|
65
67
|
export * from './ImageUtils';
|
|
66
68
|
export * from './Colors';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Comment, Fragment, Teleport, Text, Transition, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useAttrs, useSlots, warn, watch, withCtx, withModifiers } from "vue";
|
|
1
|
+
import { Comment, Fragment, Teleport, Text, Transition, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useAttrs, useCssVars, useSlots, warn, watch, withCtx, withModifiers } from "vue";
|
|
2
2
|
function isUndefined(e) {
|
|
3
3
|
return e === void 0;
|
|
4
4
|
}
|
|
@@ -1018,7 +1018,7 @@ var GestureDetector_default = defineComponent({
|
|
|
1018
1018
|
return e ? e.type === Text ? h("span", E, [e]) : isHtmlTag(e) ? cloneVNode(e, E) : e : null;
|
|
1019
1019
|
};
|
|
1020
1020
|
}
|
|
1021
|
-
}), _hoisted_1$
|
|
1021
|
+
}), _hoisted_1$12 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
1022
1022
|
inheritAttrs: !1,
|
|
1023
1023
|
__name: "Button",
|
|
1024
1024
|
props: {
|
|
@@ -1081,7 +1081,7 @@ var GestureDetector_default = defineComponent({
|
|
|
1081
1081
|
class: "fluekit-button",
|
|
1082
1082
|
style: I.value,
|
|
1083
1083
|
disabled: e.disabled
|
|
1084
|
-
}, N.value), [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(w.text), 1)], !0)], 16, _hoisted_1$
|
|
1084
|
+
}, N.value), [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(w.text), 1)], !0)], 16, _hoisted_1$12)]),
|
|
1085
1085
|
_: 3
|
|
1086
1086
|
}, 8, ["behavior"]));
|
|
1087
1087
|
}
|
|
@@ -1503,7 +1503,7 @@ function createAssetImage(e) {
|
|
|
1503
1503
|
...w
|
|
1504
1504
|
});
|
|
1505
1505
|
}
|
|
1506
|
-
var _hoisted_1$
|
|
1506
|
+
var _hoisted_1$11 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
1507
1507
|
inheritAttrs: !1,
|
|
1508
1508
|
__name: "Image",
|
|
1509
1509
|
props: {
|
|
@@ -1561,9 +1561,9 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
|
|
|
1561
1561
|
alt: e.alt,
|
|
1562
1562
|
onLoad: P,
|
|
1563
1563
|
onError: F
|
|
1564
|
-
}, null, 44, _hoisted_1$
|
|
1564
|
+
}, null, 44, _hoisted_1$11)], 16));
|
|
1565
1565
|
}
|
|
1566
|
-
}), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$
|
|
1566
|
+
}), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$10 = ["aria-label"], _hoisted_2$5 = ["width", "height"], _hoisted_3$3 = ["d"], Icon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
1567
1567
|
inheritAttrs: !1,
|
|
1568
1568
|
__name: "Icon",
|
|
1569
1569
|
props: {
|
|
@@ -1610,9 +1610,9 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
|
|
|
1610
1610
|
fill: "currentColor",
|
|
1611
1611
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1612
1612
|
class: "icon-svg"
|
|
1613
|
-
}, [createElementVNode("path", { d: e.icon }, null, 8, _hoisted_3$3)], 8, _hoisted_2$
|
|
1613
|
+
}, [createElementVNode("path", { d: e.icon }, null, 8, _hoisted_3$3)], 8, _hoisted_2$5)) : createCommentVNode("", !0)], !0)], 16, _hoisted_1$10));
|
|
1614
1614
|
}
|
|
1615
|
-
}), [["__scopeId", "data-v-34336b05"]]), _hoisted_1$
|
|
1615
|
+
}), [["__scopeId", "data-v-34336b05"]]), _hoisted_1$9 = {
|
|
1616
1616
|
key: 0,
|
|
1617
1617
|
class: "list-view-separator"
|
|
1618
1618
|
}, ListView_default = /* @__PURE__ */ defineComponent({
|
|
@@ -1654,7 +1654,7 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
|
|
|
1654
1654
|
default: withCtx(() => [createElementVNode("div", {
|
|
1655
1655
|
class: "list-view-content",
|
|
1656
1656
|
style: normalizeStyle(T.value)
|
|
1657
|
-
}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
1657
|
+
}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(w.$slots, "separator", { index: T - 1 })])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(w.$slots, "default", { key: 0 })], 4)]),
|
|
1658
1658
|
_: 3
|
|
1659
1659
|
}, 8, [
|
|
1660
1660
|
"scroll-direction",
|
|
@@ -1961,10 +1961,10 @@ function UnderlineInputBorder(e = {}) {
|
|
|
1961
1961
|
isOutline: !1
|
|
1962
1962
|
};
|
|
1963
1963
|
}
|
|
1964
|
-
var _hoisted_1$
|
|
1964
|
+
var _hoisted_1$8 = {
|
|
1965
1965
|
key: 1,
|
|
1966
1966
|
class: "fluekit-input-suffix"
|
|
1967
|
-
}, _hoisted_2$
|
|
1967
|
+
}, _hoisted_2$4 = {
|
|
1968
1968
|
key: 1,
|
|
1969
1969
|
class: "fluekit-input-footer"
|
|
1970
1970
|
}, _hoisted_3$2 = {
|
|
@@ -2138,9 +2138,9 @@ var _hoisted_1$7 = {
|
|
|
2138
2138
|
"enterkeyhint",
|
|
2139
2139
|
"autocorrect"
|
|
2140
2140
|
])),
|
|
2141
|
-
C.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2141
|
+
C.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(C.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)], !0)])) : createCommentVNode("", !0)
|
|
2142
2142
|
], 4),
|
|
2143
|
-
e.decoration?.errorText || e.decoration?.helperText || e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
2143
|
+
e.decoration?.errorText || e.decoration?.helperText || e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$4, [e.decoration?.errorText || e.decoration?.helperText ? (openBlock(), createElementBlock("div", {
|
|
2144
2144
|
key: 0,
|
|
2145
2145
|
class: normalizeClass(["fluekit-input-helper", { "is-error": !!e.decoration?.errorText }])
|
|
2146
2146
|
}, toDisplayString(e.decoration?.errorText || e.decoration?.helperText), 3)) : (openBlock(), createElementBlock("div", _hoisted_3$2)), e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(String(e.modelValue).length) + " / " + toDisplayString(e.maxLength), 1)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)
|
|
@@ -2680,7 +2680,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
|
|
|
2680
2680
|
}
|
|
2681
2681
|
});
|
|
2682
2682
|
const CheckboxGroupKey = Symbol("CheckboxGroup");
|
|
2683
|
-
var _hoisted_1$
|
|
2683
|
+
var _hoisted_1$7 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent({
|
|
2684
2684
|
__name: "Checkbox",
|
|
2685
2685
|
props: {
|
|
2686
2686
|
value: {},
|
|
@@ -2733,7 +2733,7 @@ var _hoisted_1$6 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent(
|
|
|
2733
2733
|
height: 14,
|
|
2734
2734
|
fill: e.checkColor,
|
|
2735
2735
|
style: { display: "block" }
|
|
2736
|
-
}, [...w[0] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]], 8, _hoisted_1$
|
|
2736
|
+
}, [...w[0] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]], 8, _hoisted_1$7)) : createCommentVNode("", !0)]),
|
|
2737
2737
|
_: 1
|
|
2738
2738
|
}, 8, ["decoration"])),
|
|
2739
2739
|
e.labelPosition === "right" ? renderSlot(C.$slots, "default", { key: 2 }) : createCommentVNode("", !0)
|
|
@@ -2743,7 +2743,7 @@ var _hoisted_1$6 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent(
|
|
|
2743
2743
|
_: 3
|
|
2744
2744
|
}));
|
|
2745
2745
|
}
|
|
2746
|
-
}), _hoisted_1$
|
|
2746
|
+
}), _hoisted_1$6 = { class: "flue-checkbox-group" }, CheckboxGroup_default = /* @__PURE__ */ defineComponent({
|
|
2747
2747
|
__name: "CheckboxGroup",
|
|
2748
2748
|
props: {
|
|
2749
2749
|
value: { default: () => [] },
|
|
@@ -2762,7 +2762,7 @@ var _hoisted_1$6 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent(
|
|
|
2762
2762
|
value: D,
|
|
2763
2763
|
disabled: O,
|
|
2764
2764
|
updateValue: E
|
|
2765
|
-
}), (e, C) => (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2765
|
+
}), (e, C) => (openBlock(), createElementBlock("div", _hoisted_1$6, [renderSlot(e.$slots, "default")]));
|
|
2766
2766
|
}
|
|
2767
2767
|
});
|
|
2768
2768
|
const RadioGroupKey = Symbol("RadioGroup");
|
|
@@ -2827,7 +2827,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
|
|
|
2827
2827
|
_: 3
|
|
2828
2828
|
}));
|
|
2829
2829
|
}
|
|
2830
|
-
}), _hoisted_1$
|
|
2830
|
+
}), _hoisted_1$5 = { class: "flue-radio-group" }, RadioGroup_default = /* @__PURE__ */ defineComponent({
|
|
2831
2831
|
__name: "RadioGroup",
|
|
2832
2832
|
props: {
|
|
2833
2833
|
value: {},
|
|
@@ -2847,7 +2847,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
|
|
|
2847
2847
|
updateValue: E,
|
|
2848
2848
|
activeColor: O,
|
|
2849
2849
|
disabled: k
|
|
2850
|
-
}), (e, C) => (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2850
|
+
}), (e, C) => (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(e.$slots, "default")]));
|
|
2851
2851
|
}
|
|
2852
2852
|
}), RadioListTile_default = /* @__PURE__ */ defineComponent({
|
|
2853
2853
|
__name: "RadioListTile",
|
|
@@ -3597,53 +3597,6 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3597
3597
|
setup(e) {
|
|
3598
3598
|
return provide(MediaQueryKey, e.data), (e, C) => renderSlot(e.$slots, "default");
|
|
3599
3599
|
}
|
|
3600
|
-
}), CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
|
|
3601
|
-
__name: "CupertinoActivityIndicator",
|
|
3602
|
-
props: {
|
|
3603
|
-
radius: { default: 10 },
|
|
3604
|
-
color: { default: "#999999" },
|
|
3605
|
-
animating: {
|
|
3606
|
-
type: Boolean,
|
|
3607
|
-
default: !0
|
|
3608
|
-
}
|
|
3609
|
-
},
|
|
3610
|
-
setup(e) {
|
|
3611
|
-
let w = e, T = computed(() => ({
|
|
3612
|
-
width: `${w.radius * 2}px`,
|
|
3613
|
-
height: `${w.radius * 2}px`,
|
|
3614
|
-
position: "relative",
|
|
3615
|
-
animation: w.animating ? "cupertino-activity-indicator-rotate 1s steps(12) infinite" : "none"
|
|
3616
|
-
})), E = (e) => {
|
|
3617
|
-
let C = e * 30;
|
|
3618
|
-
return {
|
|
3619
|
-
position: "absolute",
|
|
3620
|
-
top: "0",
|
|
3621
|
-
left: "50%",
|
|
3622
|
-
width: `${w.radius * .25}px`,
|
|
3623
|
-
height: `${w.radius * .6}px`,
|
|
3624
|
-
backgroundColor: w.color,
|
|
3625
|
-
borderRadius: `${w.radius * .125}px`,
|
|
3626
|
-
transformOrigin: `center ${w.radius}px`,
|
|
3627
|
-
transform: `translateX(-50%) rotate(${C}deg)`,
|
|
3628
|
-
opacity: 1 - e / 12 * .7
|
|
3629
|
-
};
|
|
3630
|
-
};
|
|
3631
|
-
return (w, D) => (openBlock(), createBlock(Container_default, {
|
|
3632
|
-
width: e.radius * 2,
|
|
3633
|
-
height: e.radius * 2,
|
|
3634
|
-
alignment: "center"
|
|
3635
|
-
}, {
|
|
3636
|
-
default: withCtx(() => [createElementVNode("div", {
|
|
3637
|
-
class: "cupertino-activity-indicator",
|
|
3638
|
-
style: normalizeStyle(T.value)
|
|
3639
|
-
}, [(openBlock(), createElementBlock(Fragment, null, renderList(12, (e) => createElementVNode("div", {
|
|
3640
|
-
key: e,
|
|
3641
|
-
class: "cupertino-activity-indicator-tick",
|
|
3642
|
-
style: normalizeStyle(E(e - 1))
|
|
3643
|
-
}, null, 4)), 64))], 4)]),
|
|
3644
|
-
_: 1
|
|
3645
|
-
}, 8, ["width", "height"]));
|
|
3646
|
-
}
|
|
3647
3600
|
}), CupertinoPageScaffold_default = /* @__PURE__ */ defineComponent({
|
|
3648
3601
|
__name: "CupertinoPageScaffold",
|
|
3649
3602
|
props: { backgroundColor: { default: "#F2F2F7" } },
|
|
@@ -3670,7 +3623,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3670
3623
|
_: 3
|
|
3671
3624
|
}, 8, ["color"]));
|
|
3672
3625
|
}
|
|
3673
|
-
}), _hoisted_1$
|
|
3626
|
+
}), _hoisted_1$4 = { class: "flue-cupertino-navigation-bar" }, _hoisted_2$3 = {
|
|
3674
3627
|
key: 0,
|
|
3675
3628
|
class: "flue-nav-bar-leading"
|
|
3676
3629
|
}, _hoisted_3$1 = { class: "flue-nav-bar-middle" }, _hoisted_4 = {
|
|
@@ -3695,7 +3648,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3695
3648
|
color: "#000000",
|
|
3696
3649
|
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
|
|
3697
3650
|
});
|
|
3698
|
-
return (C, D) => (openBlock(), createElementBlock("div", _hoisted_1$
|
|
3651
|
+
return (C, D) => (openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(Container_default, {
|
|
3699
3652
|
height: 44,
|
|
3700
3653
|
width: "100%",
|
|
3701
3654
|
color: e.backgroundColor,
|
|
@@ -3716,7 +3669,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3716
3669
|
"cross-axis-alignment": "center",
|
|
3717
3670
|
expanded: ""
|
|
3718
3671
|
}, {
|
|
3719
|
-
default: withCtx(() => [C.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
3672
|
+
default: withCtx(() => [C.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$3, [renderSlot(C.$slots, "leading", {}, void 0, !0)])) : createCommentVNode("", !0)]),
|
|
3720
3673
|
_: 3
|
|
3721
3674
|
})]),
|
|
3722
3675
|
_: 3
|
|
@@ -3754,7 +3707,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3754
3707
|
"padding"
|
|
3755
3708
|
])]));
|
|
3756
3709
|
}
|
|
3757
|
-
}), [["__scopeId", "data-v-b5a5c6bf"]]), _hoisted_1$
|
|
3710
|
+
}), [["__scopeId", "data-v-b5a5c6bf"]]), _hoisted_1$3 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
3758
3711
|
__name: "SnackBarComponent",
|
|
3759
3712
|
props: {
|
|
3760
3713
|
content: {},
|
|
@@ -3783,7 +3736,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3783
3736
|
}
|
|
3784
3737
|
}]
|
|
3785
3738
|
}));
|
|
3786
|
-
return (C, w) => (openBlock(), createElementBlock("div", _hoisted_1$
|
|
3739
|
+
return (C, w) => (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(Container_default, {
|
|
3787
3740
|
margin: unref(EdgeInsets).all(8),
|
|
3788
3741
|
padding: unref(EdgeInsets).symmetric({
|
|
3789
3742
|
horizontal: 16,
|
|
@@ -3887,10 +3840,10 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3887
3840
|
_: 3
|
|
3888
3841
|
}, 8, ["color"]));
|
|
3889
3842
|
}
|
|
3890
|
-
}), _hoisted_1$
|
|
3843
|
+
}), _hoisted_1$2 = {
|
|
3891
3844
|
key: 0,
|
|
3892
3845
|
class: "flue-app-bar-leading"
|
|
3893
|
-
}, _hoisted_2$
|
|
3846
|
+
}, _hoisted_2$2 = {
|
|
3894
3847
|
key: 1,
|
|
3895
3848
|
class: "flue-app-bar-actions"
|
|
3896
3849
|
}, AppBar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
@@ -3933,7 +3886,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3933
3886
|
expanded: ""
|
|
3934
3887
|
}, {
|
|
3935
3888
|
default: withCtx(() => [
|
|
3936
|
-
C.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
3889
|
+
C.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(C.$slots, "leading", {}, void 0, !0)])) : createCommentVNode("", !0),
|
|
3937
3890
|
createVNode(Expanded_default, null, {
|
|
3938
3891
|
default: withCtx(() => [renderSlot(C.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
|
|
3939
3892
|
key: 0,
|
|
@@ -3946,7 +3899,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
3946
3899
|
}, 8, ["style", "overflow"])) : createCommentVNode("", !0)], !0)]),
|
|
3947
3900
|
_: 3
|
|
3948
3901
|
}),
|
|
3949
|
-
C.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
3902
|
+
C.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(Row_default, {
|
|
3950
3903
|
"main-axis-size": "min",
|
|
3951
3904
|
gap: 8
|
|
3952
3905
|
}, {
|
|
@@ -4061,7 +4014,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
4061
4014
|
"padding"
|
|
4062
4015
|
]));
|
|
4063
4016
|
}
|
|
4064
|
-
}), [["__scopeId", "data-v-11798dea"]]), _hoisted_1 = { class: "fluekit-action-group" }, _hoisted_2 = ["onClick"], _hoisted_3 = { class: "action-text" }, CupertinoContextMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
4017
|
+
}), [["__scopeId", "data-v-11798dea"]]), _hoisted_1$1 = { class: "fluekit-action-group" }, _hoisted_2$1 = ["onClick"], _hoisted_3 = { class: "action-text" }, CupertinoContextMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
4065
4018
|
__name: "CupertinoContextMenu",
|
|
4066
4019
|
props: { actions: {} },
|
|
4067
4020
|
setup(e) {
|
|
@@ -4089,7 +4042,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
4089
4042
|
class: "fluekit-context-menu-content",
|
|
4090
4043
|
style: normalizeStyle(L.value),
|
|
4091
4044
|
onClick: R[0] ||= withModifiers(() => {}, ["stop"])
|
|
4092
|
-
}, [createElementVNode("div", _hoisted_1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.actions, (e, C) => (openBlock(), createElementBlock("div", {
|
|
4045
|
+
}, [createElementVNode("div", _hoisted_1$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.actions, (e, C) => (openBlock(), createElementBlock("div", {
|
|
4093
4046
|
key: C,
|
|
4094
4047
|
class: normalizeClass(["fluekit-context-menu-action", {
|
|
4095
4048
|
"is-destructive": e.isDestructiveAction,
|
|
@@ -4099,7 +4052,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
|
|
|
4099
4052
|
}, [e.icon ? (openBlock(), createBlock(resolveDynamicComponent(e.icon), {
|
|
4100
4053
|
key: 0,
|
|
4101
4054
|
class: "action-icon"
|
|
4102
|
-
})) : createCommentVNode("", !0), createElementVNode("span", _hoisted_3, toDisplayString(e.child), 1)], 10, _hoisted_2))), 128))]), createElementVNode("div", { class: "fluekit-action-group cancel-group" }, [createElementVNode("div", {
|
|
4055
|
+
})) : createCommentVNode("", !0), createElementVNode("span", _hoisted_3, toDisplayString(e.child), 1)], 10, _hoisted_2$1))), 128))]), createElementVNode("div", { class: "fluekit-action-group cancel-group" }, [createElementVNode("div", {
|
|
4103
4056
|
class: "fluekit-context-menu-action cancel-action",
|
|
4104
4057
|
onClick: P
|
|
4105
4058
|
}, [...R[2] ||= [createElementVNode("span", { class: "action-text" }, "Cancel", -1)]])])], 4)], 32)) : createCommentVNode("", !0)]),
|
|
@@ -4621,7 +4574,108 @@ const Colors = {
|
|
|
4621
4574
|
blueGrey700: Color.fromString("#455A64"),
|
|
4622
4575
|
blueGrey800: Color.fromString("#37474F"),
|
|
4623
4576
|
blueGrey900: Color.fromString("#263238")
|
|
4624
|
-
}
|
|
4577
|
+
};
|
|
4578
|
+
var LinearProgressIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
4579
|
+
__name: "LinearProgressIndicator",
|
|
4580
|
+
props: {
|
|
4581
|
+
value: { default: null },
|
|
4582
|
+
color: { default: () => Colors.blue },
|
|
4583
|
+
backgroundColor: { default: () => Colors.blue.withOpacity(.2) },
|
|
4584
|
+
minHeight: { default: 4 },
|
|
4585
|
+
borderRadius: {}
|
|
4586
|
+
},
|
|
4587
|
+
setup(e) {
|
|
4588
|
+
let C = e, w = computed(() => {
|
|
4589
|
+
let e = {
|
|
4590
|
+
height: `${C.minHeight}px`,
|
|
4591
|
+
backgroundColor: C.backgroundColor.toString(),
|
|
4592
|
+
overflow: "hidden",
|
|
4593
|
+
position: "relative",
|
|
4594
|
+
width: "100%"
|
|
4595
|
+
};
|
|
4596
|
+
return C.borderRadius && (typeof C.borderRadius == "number" ? Object.assign(e, borderRadiusToStyle(BorderRadius.circular(C.borderRadius))) : isBorderRadius(C.borderRadius) && Object.assign(e, borderRadiusToStyle(C.borderRadius))), e;
|
|
4597
|
+
}), T = computed(() => {
|
|
4598
|
+
let e = C.value === null, w = C.color.toString();
|
|
4599
|
+
return e ? {
|
|
4600
|
+
backgroundColor: w,
|
|
4601
|
+
height: "100%",
|
|
4602
|
+
width: "100%",
|
|
4603
|
+
animation: "flue-linear-indeterminate 1.8s infinite linear",
|
|
4604
|
+
transformOrigin: "0% 50%"
|
|
4605
|
+
} : {
|
|
4606
|
+
backgroundColor: w,
|
|
4607
|
+
width: `${Math.min(Math.max((C.value || 0) * 100, 0), 100)}%`,
|
|
4608
|
+
height: "100%",
|
|
4609
|
+
transition: "width 0.2s linear"
|
|
4610
|
+
};
|
|
4611
|
+
});
|
|
4612
|
+
return (e, C) => (openBlock(), createElementBlock("div", {
|
|
4613
|
+
class: "flue-linear-progress-indicator",
|
|
4614
|
+
style: normalizeStyle(w.value)
|
|
4615
|
+
}, [createElementVNode("div", {
|
|
4616
|
+
class: "flue-linear-progress-bar",
|
|
4617
|
+
style: normalizeStyle(T.value)
|
|
4618
|
+
}, null, 4)], 4));
|
|
4619
|
+
}
|
|
4620
|
+
}), [["__scopeId", "data-v-56dbe01e"]]), _hoisted_1 = ["stroke", "stroke-width"], _hoisted_2 = [
|
|
4621
|
+
"stroke",
|
|
4622
|
+
"stroke-width",
|
|
4623
|
+
"stroke-dasharray",
|
|
4624
|
+
"stroke-dashoffset"
|
|
4625
|
+
], radius = 18, CircularProgressIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
4626
|
+
__name: "CircularProgressIndicator",
|
|
4627
|
+
props: {
|
|
4628
|
+
value: { default: null },
|
|
4629
|
+
color: { default: () => Colors.blue },
|
|
4630
|
+
backgroundColor: {},
|
|
4631
|
+
strokeWidth: { default: 4 },
|
|
4632
|
+
size: { default: 36 }
|
|
4633
|
+
},
|
|
4634
|
+
setup(e) {
|
|
4635
|
+
let C = e, w = 2 * Math.PI * radius, T = computed(() => ({
|
|
4636
|
+
width: `${C.size}px`,
|
|
4637
|
+
height: `${C.size}px`,
|
|
4638
|
+
display: "inline-block"
|
|
4639
|
+
})), E = computed(() => C.value === null ? {
|
|
4640
|
+
animation: "flue-circular-rotate 1.4s linear infinite",
|
|
4641
|
+
transformOrigin: "center center",
|
|
4642
|
+
width: "100%",
|
|
4643
|
+
height: "100%"
|
|
4644
|
+
} : {
|
|
4645
|
+
transform: "rotate(-90deg)",
|
|
4646
|
+
width: "100%",
|
|
4647
|
+
height: "100%"
|
|
4648
|
+
}), D = computed(() => `${w} ${w}`), k = computed(() => C.value === null ? 0 : w - Math.min(Math.max(C.value || 0, 0), 1) * w), A = computed(() => C.value === null ? { animation: "flue-circular-dash 1.4s ease-in-out infinite" } : { transition: "stroke-dashoffset 0.3s linear" });
|
|
4649
|
+
return (C, w) => (openBlock(), createElementBlock("div", {
|
|
4650
|
+
class: "flue-circular-progress-indicator",
|
|
4651
|
+
style: normalizeStyle(T.value)
|
|
4652
|
+
}, [(openBlock(), createElementBlock("svg", {
|
|
4653
|
+
viewBox: "0 0 40 40",
|
|
4654
|
+
style: normalizeStyle(E.value)
|
|
4655
|
+
}, [createElementVNode("circle", {
|
|
4656
|
+
class: "flue-circular-progress-track",
|
|
4657
|
+
cx: "20",
|
|
4658
|
+
cy: "20",
|
|
4659
|
+
r: radius,
|
|
4660
|
+
fill: "none",
|
|
4661
|
+
stroke: e.backgroundColor?.toString() || "transparent",
|
|
4662
|
+
"stroke-width": e.strokeWidth
|
|
4663
|
+
}, null, 8, _hoisted_1), createElementVNode("circle", {
|
|
4664
|
+
class: "flue-circular-progress-value",
|
|
4665
|
+
cx: "20",
|
|
4666
|
+
cy: "20",
|
|
4667
|
+
r: radius,
|
|
4668
|
+
fill: "none",
|
|
4669
|
+
stroke: e.color.toString(),
|
|
4670
|
+
"stroke-width": e.strokeWidth,
|
|
4671
|
+
"stroke-linecap": "round",
|
|
4672
|
+
"stroke-dasharray": D.value,
|
|
4673
|
+
"stroke-dashoffset": k.value,
|
|
4674
|
+
style: normalizeStyle(A.value)
|
|
4675
|
+
}, null, 12, _hoisted_2)], 4))], 4));
|
|
4676
|
+
}
|
|
4677
|
+
}), [["__scopeId", "data-v-f3b133b5"]]);
|
|
4678
|
+
const CupertinoColors = {
|
|
4625
4679
|
withOpacity: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withOpacity(C),
|
|
4626
4680
|
withAlpha: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withAlpha(C),
|
|
4627
4681
|
withRed: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withRed(C),
|
|
@@ -4668,5 +4722,43 @@ const Colors = {
|
|
|
4668
4722
|
link: Color.fromString("#007AFF"),
|
|
4669
4723
|
destructiveRed: Color.fromString("#FF3B30")
|
|
4670
4724
|
};
|
|
4725
|
+
var CupertinoActivityIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
4726
|
+
__name: "CupertinoActivityIndicator",
|
|
4727
|
+
props: {
|
|
4728
|
+
animating: {
|
|
4729
|
+
type: Boolean,
|
|
4730
|
+
default: !0
|
|
4731
|
+
},
|
|
4732
|
+
color: { default: () => CupertinoColors.systemGrey },
|
|
4733
|
+
radius: { default: 10 }
|
|
4734
|
+
},
|
|
4735
|
+
setup(e) {
|
|
4736
|
+
useCssVars((e) => ({ v1892c8c4: w.color.toString() }));
|
|
4737
|
+
let w = e, T = computed(() => ({
|
|
4738
|
+
width: `${w.radius * 2}px`,
|
|
4739
|
+
height: `${w.radius * 2}px`,
|
|
4740
|
+
position: "relative",
|
|
4741
|
+
display: "inline-block"
|
|
4742
|
+
})), E = (e) => {
|
|
4743
|
+
let C = w.radius / 3.5;
|
|
4744
|
+
return w.radius / 1.2, w.color.toString(), {
|
|
4745
|
+
position: "absolute",
|
|
4746
|
+
top: "0",
|
|
4747
|
+
left: `calc(50% - ${C / 2}px)`,
|
|
4748
|
+
width: `${C}px`,
|
|
4749
|
+
height: "100%",
|
|
4750
|
+
transform: `rotate(${e * 30}deg)`
|
|
4751
|
+
};
|
|
4752
|
+
};
|
|
4753
|
+
return (e, w) => (openBlock(), createElementBlock("div", {
|
|
4754
|
+
class: "flue-cupertino-activity-indicator",
|
|
4755
|
+
style: normalizeStyle(T.value)
|
|
4756
|
+
}, [(openBlock(), createElementBlock(Fragment, null, renderList(12, (e) => createElementVNode("div", {
|
|
4757
|
+
key: e,
|
|
4758
|
+
class: "flue-cupertino-activity-indicator-blade",
|
|
4759
|
+
style: normalizeStyle(E(e - 1))
|
|
4760
|
+
}, null, 4)), 64))], 4));
|
|
4761
|
+
}
|
|
4762
|
+
}), [["__scopeId", "data-v-387402c7"]]);
|
|
4671
4763
|
setTransform(!1);
|
|
4672
|
-
export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageUtils, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImage, darken, decorationImageToStyle, edgeInsetsToStyle, extractDominantColor, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
|
|
4764
|
+
export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, CircularProgressIndicator_default as CircularProgressIndicator, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageUtils, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, LinearProgressIndicator_default as LinearProgressIndicator, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImage, darken, decorationImageToStyle, edgeInsetsToStyle, extractDominantColor, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
|