fluekit 2.2.3 → 2.2.4

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/Chip.d.ts CHANGED
@@ -6,6 +6,9 @@ interface Props {
6
6
  backgroundColor?: string | Color;
7
7
  labelColor?: string | Color;
8
8
  deletable?: boolean;
9
+ size?: "small" | "medium" | "large";
10
+ width?: number | string;
11
+ height?: number | string;
9
12
  }
10
13
  declare function __VLS_template(): {
11
14
  attrs: Partial<{}>;
@@ -24,6 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
24
27
  onDelete?: (() => any) | undefined;
25
28
  onPressed?: (() => any) | undefined;
26
29
  }>, {
30
+ size: "small" | "medium" | "large";
27
31
  backgroundColor: string | Color;
28
32
  labelColor: string | Color;
29
33
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .fluekit-button[data-v-6944da7c]{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-6944da7c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-96834c76]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-96834c76]{fill:currentColor;width:100%;height:100%;display:block}[data-v-96834c76] svg{fill:currentColor;width:100%;height:100%}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:before{content:"";position:html;background-color:var(--v52d32946);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-bf681109]{opacity:0;animation:1s linear infinite flue-cupertino-fade-bf681109}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-bf681109{0%{opacity:1}to{opacity:.3}}.fluekit-refresh-indicator[data-v-2456a3bd]{height:100%;position:relative;overflow:hidden}.fluekit-refresh-spinner[data-v-2456a3bd]{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;transition:top .2s,opacity .2s;display:flex;position:absolute;left:50%}.fluekit-refresh-content[data-v-2456a3bd]{height:100%}.fluekit-list-view-wrapper[data-v-2eabca74]{width:100%;height:100%;display:block;overflow:hidden}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field-wrapper[data-v-4fd366e1]{flex-direction:row;align-items:flex-start;width:100%;margin-top:16px;font-family:inherit;display:flex;position:relative}.fluekit-input-icon[data-v-4fd366e1]{color:var(--v25dbf6f2);align-items:center;margin-top:12px;margin-right:16px;display:flex}.fluekit-text-field-content[data-v-4fd366e1]{flex-direction:column;flex:1;display:flex;position:relative}.fluekit-input-container[data-v-4fd366e1]{box-sizing:border-box;width:100%}.fluekit-input-prefix-icon[data-v-4fd366e1],.fluekit-input-suffix-icon[data-v-4fd366e1]{color:#666;align-items:center;padding:0 8px;display:flex}.fluekit-input-prefix-icon[data-v-4fd366e1]{color:var(--v30bb9beb);padding-left:0}.fluekit-input-suffix-icon[data-v-4fd366e1]{color:var(--v824be9ac);padding-right:0}.fluekit-input-element[data-v-4fd366e1]{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-element[data-v-4fd366e1]::placeholder{color:var(--f433d54e);font-size:var(--v7d5d7598);opacity:1}.fluekit-input-label[data-v-4fd366e1]{z-index:1}.fluekit-input-footer[data-v-4fd366e1]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-4fd366e1]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-4fd366e1]{flex:1}.fluekit-input-counter[data-v-4fd366e1]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-4fd366e1]{color:#f44336}.is-invisible[data-v-4fd366e1]{visibility:hidden}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a5c5a2ad]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a5c5a2ad]{cursor:default}.ripple[data-v-a5c5a2ad]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a5c5a2ad;position:absolute;transform:scale(0)}@keyframes ripple-a5c5a2ad{to{opacity:0;transform:scale(4)}}.slider-container[data-v-18cb2b41],.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-a51399c0]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-a51399c0]{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-1fed62cd]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-1fed62cd]{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-8f6a31d2]{display:inline-block}.fluekit-context-menu-overlay[data-v-8f6a31d2]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-8f6a31d2]{z-index:10001;width:250px;animation:.2s ease-out scale-in-8f6a31d2;position:relative}.fluekit-action-group[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-8f6a31d2]{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-8f6a31d2]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-8f6a31d2]:active{background:#0000001a}.action-text[data-v-8f6a31d2]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-8f6a31d2]{color:#ff3b30}.is-default .action-text[data-v-8f6a31d2]{font-weight:600}.cancel-group[data-v-8f6a31d2]{margin-top:8px}.cancel-action .action-text[data-v-8f6a31d2]{font-weight:600}.fade-enter-active[data-v-8f6a31d2],.fade-leave-active[data-v-8f6a31d2]{transition:opacity .2s}.fade-enter-from[data-v-8f6a31d2],.fade-leave-to[data-v-8f6a31d2]{opacity:0}@keyframes scale-in-8f6a31d2{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-111d0e67]{border-radius:0}@keyframes flue-linear-indeterminate-111d0e67{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-bb62fbeb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-bb62fbeb{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.fluekit-overlay-fade-enter-active[data-v-ca626865],.fluekit-overlay-fade-leave-active[data-v-ca626865]{transition:opacity .25s}.fluekit-overlay-fade-enter-from[data-v-ca626865],.fluekit-overlay-fade-leave-to[data-v-ca626865]{opacity:0}.fluekit-drawer-root[data-v-7181dfec]{pointer-events:none;z-index:1000;position:absolute;inset:0}.fluekit-drawer-slide-enter-active[data-v-7181dfec],.fluekit-drawer-slide-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-enter-from[data-v-7181dfec],.fluekit-drawer-slide-leave-to[data-v-7181dfec]{transform:translate(-100%)}.fluekit-drawer-slide-end-enter-active[data-v-7181dfec],.fluekit-drawer-slide-end-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-end-enter-from[data-v-7181dfec],.fluekit-drawer-slide-end-leave-to[data-v-7181dfec]{transform:translate(100%)}.popup-scale-enter-active[data-v-5d7cdcaa],.popup-scale-leave-active[data-v-5d7cdcaa]{transform-origin:100% 0;transition:opacity .2s,transform .2s}.popup-scale-enter-from[data-v-5d7cdcaa],.popup-scale-leave-to[data-v-5d7cdcaa]{opacity:0;transform:scale(.9)}.fluekit-chip-avatar[data-v-4a66cf54]{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.fluekit-chip-delete-icon[data-v-4a66cf54]{cursor:pointer;opacity:.54;justify-content:center;align-items:center;margin-left:4px;display:flex}.fluekit-chip-delete-icon[data-v-4a66cf54]:hover{opacity:.87}.fluekit-tab-bar-view[data-v-e20dd01b]{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.fluekit-tab-bar-view-content[data-v-e20dd01b]{width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex}[data-v-e20dd01b]>*{flex:0 0 100%;width:100%;height:100%}.fluekit-rating-bar[data-v-6b4f086d]{-webkit-user-select:none;user-select:none}.fluekit-rating-item[data-v-6b4f086d]{justify-content:center;align-items:center;display:flex}
1
+ .fluekit-button[data-v-6944da7c]{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-6944da7c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-96834c76]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-96834c76]{fill:currentColor;width:100%;height:100%;display:block}[data-v-96834c76] svg{fill:currentColor;width:100%;height:100%}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:before{content:"";position:html;background-color:var(--v52d32946);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-bf681109]{opacity:0;animation:1s linear infinite flue-cupertino-fade-bf681109}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-bf681109{0%{opacity:1}to{opacity:.3}}.fluekit-refresh-indicator[data-v-2456a3bd]{height:100%;position:relative;overflow:hidden}.fluekit-refresh-spinner[data-v-2456a3bd]{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;transition:top .2s,opacity .2s;display:flex;position:absolute;left:50%}.fluekit-refresh-content[data-v-2456a3bd]{height:100%}.fluekit-list-view-wrapper[data-v-2eabca74]{width:100%;height:100%;display:block;overflow:hidden}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field-wrapper[data-v-4fd366e1]{flex-direction:row;align-items:flex-start;width:100%;margin-top:16px;font-family:inherit;display:flex;position:relative}.fluekit-input-icon[data-v-4fd366e1]{color:var(--v25dbf6f2);align-items:center;margin-top:12px;margin-right:16px;display:flex}.fluekit-text-field-content[data-v-4fd366e1]{flex-direction:column;flex:1;display:flex;position:relative}.fluekit-input-container[data-v-4fd366e1]{box-sizing:border-box;width:100%}.fluekit-input-prefix-icon[data-v-4fd366e1],.fluekit-input-suffix-icon[data-v-4fd366e1]{color:#666;align-items:center;padding:0 8px;display:flex}.fluekit-input-prefix-icon[data-v-4fd366e1]{color:var(--v30bb9beb);padding-left:0}.fluekit-input-suffix-icon[data-v-4fd366e1]{color:var(--v824be9ac);padding-right:0}.fluekit-input-element[data-v-4fd366e1]{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-element[data-v-4fd366e1]::placeholder{color:var(--f433d54e);font-size:var(--v7d5d7598);opacity:1}.fluekit-input-label[data-v-4fd366e1]{z-index:1}.fluekit-input-footer[data-v-4fd366e1]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-4fd366e1]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-4fd366e1]{flex:1}.fluekit-input-counter[data-v-4fd366e1]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-4fd366e1]{color:#f44336}.is-invisible[data-v-4fd366e1]{visibility:hidden}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a5c5a2ad]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a5c5a2ad]{cursor:default}.ripple[data-v-a5c5a2ad]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a5c5a2ad;position:absolute;transform:scale(0)}@keyframes ripple-a5c5a2ad{to{opacity:0;transform:scale(4)}}.slider-container[data-v-18cb2b41],.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-a51399c0]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-a51399c0]{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-1fed62cd]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-1fed62cd]{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-8f6a31d2]{display:inline-block}.fluekit-context-menu-overlay[data-v-8f6a31d2]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-8f6a31d2]{z-index:10001;width:250px;animation:.2s ease-out scale-in-8f6a31d2;position:relative}.fluekit-action-group[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-8f6a31d2]{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-8f6a31d2]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-8f6a31d2]:active{background:#0000001a}.action-text[data-v-8f6a31d2]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-8f6a31d2]{color:#ff3b30}.is-default .action-text[data-v-8f6a31d2]{font-weight:600}.cancel-group[data-v-8f6a31d2]{margin-top:8px}.cancel-action .action-text[data-v-8f6a31d2]{font-weight:600}.fade-enter-active[data-v-8f6a31d2],.fade-leave-active[data-v-8f6a31d2]{transition:opacity .2s}.fade-enter-from[data-v-8f6a31d2],.fade-leave-to[data-v-8f6a31d2]{opacity:0}@keyframes scale-in-8f6a31d2{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-4e1ca59f]{box-sizing:border-box;flex-direction:column;display:flex}.flue-linear-progress-indicator[data-v-111d0e67]{border-radius:0}@keyframes flue-linear-indeterminate-111d0e67{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-bb62fbeb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-bb62fbeb{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.fluekit-overlay-fade-enter-active[data-v-ca626865],.fluekit-overlay-fade-leave-active[data-v-ca626865]{transition:opacity .25s}.fluekit-overlay-fade-enter-from[data-v-ca626865],.fluekit-overlay-fade-leave-to[data-v-ca626865]{opacity:0}.fluekit-drawer-root[data-v-7181dfec]{pointer-events:none;z-index:1000;position:absolute;inset:0}.fluekit-drawer-slide-enter-active[data-v-7181dfec],.fluekit-drawer-slide-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-enter-from[data-v-7181dfec],.fluekit-drawer-slide-leave-to[data-v-7181dfec]{transform:translate(-100%)}.fluekit-drawer-slide-end-enter-active[data-v-7181dfec],.fluekit-drawer-slide-end-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-end-enter-from[data-v-7181dfec],.fluekit-drawer-slide-end-leave-to[data-v-7181dfec]{transform:translate(100%)}.popup-scale-enter-active[data-v-5d7cdcaa],.popup-scale-leave-active[data-v-5d7cdcaa]{transform-origin:100% 0;transition:opacity .2s,transform .2s}.popup-scale-enter-from[data-v-5d7cdcaa],.popup-scale-leave-to[data-v-5d7cdcaa]{opacity:0;transform:scale(.9)}.fluekit-chip-avatar[data-v-c3a19466]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.fluekit-chip-delete-icon[data-v-c3a19466]{cursor:pointer;opacity:.54;justify-content:center;align-items:center;margin-left:4px;display:flex}.fluekit-chip-delete-icon[data-v-c3a19466]:hover{opacity:.87}.fluekit-tab-bar-view[data-v-e20dd01b]{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.fluekit-tab-bar-view-content[data-v-e20dd01b]{width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex}[data-v-e20dd01b]>*{flex:0 0 100%;width:100%;height:100%}.fluekit-rating-bar[data-v-6b4f086d]{-webkit-user-select:none;user-select:none}.fluekit-rating-item[data-v-6b4f086d]{justify-content:center;align-items:center;display:flex}
2
2
  /*$vite$:1*/
package/dist/index.js CHANGED
@@ -1154,7 +1154,7 @@ var GestureDetector_default = defineComponent({
1154
1154
  return e ? e.type === Text ? h("span", g, [e]) : isHtmlTag(e) ? cloneVNode(e, g) : e : null;
1155
1155
  };
1156
1156
  }
1157
- }), _hoisted_1$16 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
1157
+ }), _hoisted_1$15 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
1158
1158
  inheritAttrs: !1,
1159
1159
  __name: "Button",
1160
1160
  props: {
@@ -1216,7 +1216,7 @@ var GestureDetector_default = defineComponent({
1216
1216
  class: "fluekit-button",
1217
1217
  style: C.value,
1218
1218
  disabled: e.disabled
1219
- }, unref(_)), [renderSlot(f.$slots, "default", {}, () => [createTextVNode(toDisplayString(p.text), 1)], !0)], 16, _hoisted_1$16)]),
1219
+ }, unref(_)), [renderSlot(f.$slots, "default", {}, () => [createTextVNode(toDisplayString(p.text), 1)], !0)], 16, _hoisted_1$15)]),
1220
1220
  _: 3
1221
1221
  }, 8, [
1222
1222
  "behavior",
@@ -1658,7 +1658,7 @@ function ImageProvider(e) {
1658
1658
  [IMAGE_PROVIDER_SYMBOL]: !0
1659
1659
  } : e.startsWith("http") ? NetworkImage(e) : e.startsWith("data:") ? MemoryImage(e) : AssetImage(e);
1660
1660
  }
1661
- var _hoisted_1$15 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
1661
+ var _hoisted_1$14 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
1662
1662
  inheritAttrs: !1,
1663
1663
  __name: "Image",
1664
1664
  props: {
@@ -1716,9 +1716,9 @@ var _hoisted_1$15 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
1716
1716
  alt: e.alt,
1717
1717
  onLoad: w,
1718
1718
  onError: T
1719
- }, null, 44, _hoisted_1$15)], 16));
1719
+ }, null, 44, _hoisted_1$14)], 16));
1720
1720
  }
1721
- }), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$14 = ["aria-label"], _hoisted_2$5 = ["width", "height"], _hoisted_3$4 = ["d"], Icon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
1721
+ }), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$13 = ["aria-label"], _hoisted_2$5 = ["width", "height"], _hoisted_3$4 = ["d"], Icon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
1722
1722
  inheritAttrs: !1,
1723
1723
  __name: "Icon",
1724
1724
  props: {
@@ -1765,7 +1765,7 @@ var _hoisted_1$15 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
1765
1765
  fill: "currentColor",
1766
1766
  xmlns: "http://www.w3.org/2000/svg",
1767
1767
  class: "icon-svg"
1768
- }, [createElementVNode("path", { d: e.icon }, null, 8, _hoisted_3$4)], 8, _hoisted_2$5)) : createCommentVNode("", !0)], !0)], 16, _hoisted_1$14));
1768
+ }, [createElementVNode("path", { d: e.icon }, null, 8, _hoisted_3$4)], 8, _hoisted_2$5)) : createCommentVNode("", !0)], !0)], 16, _hoisted_1$13));
1769
1769
  }
1770
1770
  }), [["__scopeId", "data-v-96834c76"]]);
1771
1771
  const Colors = {
@@ -2224,7 +2224,7 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ __plugin_vue_export_hel
2224
2224
  style: normalizeStyle(C.value)
2225
2225
  }, [renderSlot(f.$slots, "default", {}, void 0, !0)], 4)], 544));
2226
2226
  }
2227
- }), [["__scopeId", "data-v-2456a3bd"]]), _hoisted_1$13 = {
2227
+ }), [["__scopeId", "data-v-2456a3bd"]]), _hoisted_1$12 = {
2228
2228
  key: 0,
2229
2229
  class: "list-view-separator"
2230
2230
  }, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2271,7 +2271,7 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ __plugin_vue_export_hel
2271
2271
  default: withCtx(() => [createElementVNode("div", {
2272
2272
  class: "list-view-content",
2273
2273
  style: normalizeStyle(m.value)
2274
- }, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (m) => (openBlock(), createElementBlock(Fragment, { key: m - 1 }, [renderSlot(p.$slots, "item", { index: m - 1 }, void 0, !0), e.separator && m < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$13, [renderSlot(p.$slots, "separator", { index: m - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(p.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
2274
+ }, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (m) => (openBlock(), createElementBlock(Fragment, { key: m - 1 }, [renderSlot(p.$slots, "item", { index: m - 1 }, void 0, !0), e.separator && m < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$12, [renderSlot(p.$slots, "separator", { index: m - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(p.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
2275
2275
  _: 3
2276
2276
  }, 8, [
2277
2277
  "scroll-direction",
@@ -2588,7 +2588,7 @@ const FloatingLabelBehavior = {
2588
2588
  function InputDecoration(e = {}) {
2589
2589
  return e.floatingLabelBehavior = e.floatingLabelBehavior || FloatingLabelBehavior.never, e;
2590
2590
  }
2591
- var _hoisted_1$12 = {
2591
+ var _hoisted_1$11 = {
2592
2592
  key: 0,
2593
2593
  class: "fluekit-input-icon"
2594
2594
  }, _hoisted_2$4 = { class: "fluekit-text-field-content" }, _hoisted_3$3 = {
@@ -2765,7 +2765,7 @@ var _hoisted_1$12 = {
2765
2765
  "has-error": !!e.decoration?.errorText,
2766
2766
  "is-collapsed": e.decoration?.isCollapsed,
2767
2767
  "is-dense": e.decoration?.isDense
2768
- }]) }, [f.$slots.icon || e.decoration?.icon ? (openBlock(), createElementBlock("div", _hoisted_1$12, [renderSlot(f.$slots, "icon", {}, () => [createVNode(Icon_default, {
2768
+ }]) }, [f.$slots.icon || e.decoration?.icon ? (openBlock(), createElementBlock("div", _hoisted_1$11, [renderSlot(f.$slots, "icon", {}, () => [createVNode(Icon_default, {
2769
2769
  icon: e.decoration?.icon,
2770
2770
  size: e.decoration?.iconSize,
2771
2771
  color: e.decoration?.iconColor
@@ -3393,7 +3393,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
3393
3393
  }
3394
3394
  });
3395
3395
  const CheckboxGroupKey = Symbol("CheckboxGroup");
3396
- var _hoisted_1$11 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent({
3396
+ var _hoisted_1$10 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent({
3397
3397
  __name: "Checkbox",
3398
3398
  props: {
3399
3399
  value: {},
@@ -3446,7 +3446,7 @@ var _hoisted_1$11 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent
3446
3446
  height: 14,
3447
3447
  fill: unref(resolveColor)(e.checkColor),
3448
3448
  style: { display: "block" }
3449
- }, [...p[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$11)) : createCommentVNode("", !0)]),
3449
+ }, [...p[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$10)) : createCommentVNode("", !0)]),
3450
3450
  _: 1
3451
3451
  }, 8, ["decoration"])),
3452
3452
  e.labelPosition === "right" ? renderSlot(f.$slots, "default", { key: 2 }) : createCommentVNode("", !0)
@@ -3456,7 +3456,7 @@ var _hoisted_1$11 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent
3456
3456
  _: 3
3457
3457
  }));
3458
3458
  }
3459
- }), _hoisted_1$10 = { class: "flue-checkbox-group" }, CheckboxGroup_default = /* @__PURE__ */ defineComponent({
3459
+ }), _hoisted_1$9 = { class: "flue-checkbox-group" }, CheckboxGroup_default = /* @__PURE__ */ defineComponent({
3460
3460
  __name: "CheckboxGroup",
3461
3461
  props: {
3462
3462
  value: { default: () => [] },
@@ -3475,7 +3475,7 @@ var _hoisted_1$11 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent
3475
3475
  value: _,
3476
3476
  disabled: v,
3477
3477
  updateValue: g
3478
- }), (e, f) => (openBlock(), createElementBlock("div", _hoisted_1$10, [renderSlot(e.$slots, "default")]));
3478
+ }), (e, f) => (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(e.$slots, "default")]));
3479
3479
  }
3480
3480
  });
3481
3481
  const RadioGroupKey = Symbol("RadioGroup");
@@ -3540,7 +3540,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
3540
3540
  _: 3
3541
3541
  }));
3542
3542
  }
3543
- }), _hoisted_1$9 = { class: "flue-radio-group" }, RadioGroup_default = /* @__PURE__ */ defineComponent({
3543
+ }), _hoisted_1$8 = { class: "flue-radio-group" }, RadioGroup_default = /* @__PURE__ */ defineComponent({
3544
3544
  __name: "RadioGroup",
3545
3545
  props: {
3546
3546
  value: {},
@@ -3560,7 +3560,7 @@ var Radio_default = /* @__PURE__ */ defineComponent({
3560
3560
  updateValue: g,
3561
3561
  activeColor: v,
3562
3562
  disabled: y
3563
- }), (e, f) => (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(e.$slots, "default")]));
3563
+ }), (e, f) => (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(e.$slots, "default")]));
3564
3564
  }
3565
3565
  }), RadioListTile_default = /* @__PURE__ */ defineComponent({
3566
3566
  __name: "RadioListTile",
@@ -4451,7 +4451,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
4451
4451
  _: 3
4452
4452
  }, 8, ["color"]));
4453
4453
  }
4454
- }), _hoisted_1$8 = { class: "flue-cupertino-navigation-bar" }, _hoisted_2$3 = {
4454
+ }), _hoisted_1$7 = { class: "flue-cupertino-navigation-bar" }, _hoisted_2$3 = {
4455
4455
  key: 0,
4456
4456
  class: "flue-nav-bar-leading"
4457
4457
  }, _hoisted_3$2 = { class: "flue-nav-bar-middle" }, _hoisted_4$1 = {
@@ -4476,7 +4476,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
4476
4476
  color: "#000000",
4477
4477
  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
4478
4478
  });
4479
- return (f, _) => (openBlock(), createElementBlock("div", _hoisted_1$8, [createVNode(Container_default, {
4479
+ return (f, _) => (openBlock(), createElementBlock("div", _hoisted_1$7, [createVNode(Container_default, {
4480
4480
  height: 44,
4481
4481
  width: "100%",
4482
4482
  color: e.backgroundColor,
@@ -4535,7 +4535,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
4535
4535
  "padding"
4536
4536
  ])]));
4537
4537
  }
4538
- }), [["__scopeId", "data-v-a51399c0"]]), _hoisted_1$7 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4538
+ }), [["__scopeId", "data-v-a51399c0"]]), _hoisted_1$6 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4539
4539
  __name: "SnackBarComponent",
4540
4540
  props: {
4541
4541
  content: {},
@@ -4564,7 +4564,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
4564
4564
  }
4565
4565
  }]
4566
4566
  }));
4567
- return (f, p) => (openBlock(), createElementBlock("div", _hoisted_1$7, [createVNode(Container_default, {
4567
+ return (f, p) => (openBlock(), createElementBlock("div", _hoisted_1$6, [createVNode(Container_default, {
4568
4568
  margin: unref(EdgeInsets).all(8),
4569
4569
  padding: unref(EdgeInsets).symmetric({
4570
4570
  horizontal: 16,
@@ -4776,7 +4776,7 @@ const Icons = {
4776
4776
  starBorder: "M19.65 9.04l-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.68-3.18c.67-.58.32-1.68-.56-1.75zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.01 4.38.38-3.32 2.88 1 4.28L12 15.4z",
4777
4777
  starHalf: "M19.65 9.04l-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.68-3.18c.67-.58.32-1.68-.56-1.75zM12 15.4V6.1l1.71 4.01 4.38.38-3.32 2.88 1 4.28L12 15.4z"
4778
4778
  };
4779
- var _hoisted_1$6 = {
4779
+ var _hoisted_1$5 = {
4780
4780
  key: 0,
4781
4781
  class: "flue-app-bar-leading"
4782
4782
  }, _hoisted_2$2 = {
@@ -4826,7 +4826,7 @@ var _hoisted_1$6 = {
4826
4826
  expanded: ""
4827
4827
  }, {
4828
4828
  default: withCtx(() => [
4829
- f.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_1$6, [renderSlot(f.$slots, "leading", {}, void 0, !0)])) : unref(p) ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(IconButton_default, {
4829
+ f.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(f.$slots, "leading", {}, void 0, !0)])) : unref(p) ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(IconButton_default, {
4830
4830
  icon: unref(Icons).menu,
4831
4831
  color: "blue",
4832
4832
  onPressed: unref(m)
@@ -4959,7 +4959,7 @@ var _hoisted_1$6 = {
4959
4959
  "padding"
4960
4960
  ]));
4961
4961
  }
4962
- }), [["__scopeId", "data-v-11798dea"]]), _hoisted_1$5 = { class: "fluekit-context-menu-anchor" }, _hoisted_2$1 = { class: "fluekit-action-group" }, _hoisted_3 = ["onClick"], _hoisted_4 = { class: "action-text" }, CupertinoContextMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4962
+ }), [["__scopeId", "data-v-11798dea"]]), _hoisted_1$4 = { class: "fluekit-context-menu-anchor" }, _hoisted_2$1 = { class: "fluekit-action-group" }, _hoisted_3 = ["onClick"], _hoisted_4 = { class: "action-text" }, CupertinoContextMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4963
4963
  __name: "CupertinoContextMenu",
4964
4964
  props: { actions: {} },
4965
4965
  setup(e) {
@@ -4970,7 +4970,7 @@ var _hoisted_1$6 = {
4970
4970
  }, C = (e) => {
4971
4971
  e.onPressed && e.onPressed(), v();
4972
4972
  };
4973
- return (w, E) => (openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(GestureDetector_default, { onLongPress: _ }, {
4973
+ return (w, E) => (openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(GestureDetector_default, { onLongPress: _ }, {
4974
4974
  default: withCtx(() => [renderSlot(w.$slots, "default", {}, void 0, !0)]),
4975
4975
  _: 3
4976
4976
  }), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "fade" }, {
@@ -5064,8 +5064,8 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5064
5064
  },
5065
5065
  setup(e) {
5066
5066
  let f = e, p = ref(null), m = ref(!0), g = computed(() => ({
5067
- width: typeof f.width == "number" ? `${f.width}px` : f.width,
5068
- height: typeof f.height == "number" ? `${f.height}px` : f.height,
5067
+ width: px2vw$1(f.width),
5068
+ height: px2vw$1(f.height),
5069
5069
  backgroundColor: p.value ? p.value.withOpacity(f.opacity).toString() : "transparent",
5070
5070
  transition: "background-color 0.5s ease"
5071
5071
  })), _ = async (e) => {
@@ -5083,7 +5083,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5083
5083
  isLoading: m.value
5084
5084
  }, void 0, !0)], 4));
5085
5085
  }
5086
- }), [["__scopeId", "data-v-de3ea6be"]]), LinearProgressIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5086
+ }), [["__scopeId", "data-v-4e1ca59f"]]), LinearProgressIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5087
5087
  __name: "LinearProgressIndicator",
5088
5088
  props: {
5089
5089
  value: { default: null },
@@ -5125,7 +5125,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5125
5125
  style: normalizeStyle(m.value)
5126
5126
  }, null, 4)], 4));
5127
5127
  }
5128
- }), [["__scopeId", "data-v-111d0e67"]]), _hoisted_1$4 = ["stroke", "stroke-width"], _hoisted_2 = [
5128
+ }), [["__scopeId", "data-v-111d0e67"]]), _hoisted_1$3 = ["stroke", "stroke-width"], _hoisted_2 = [
5129
5129
  "stroke",
5130
5130
  "stroke-width",
5131
5131
  "stroke-dasharray",
@@ -5168,7 +5168,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5168
5168
  fill: "none",
5169
5169
  stroke: unref(resolveColor)(e.backgroundColor) || "transparent",
5170
5170
  "stroke-width": e.strokeWidth
5171
- }, null, 8, _hoisted_1$4), createElementVNode("circle", {
5171
+ }, null, 8, _hoisted_1$3), createElementVNode("circle", {
5172
5172
  class: "flue-circular-progress-value",
5173
5173
  cx: "20",
5174
5174
  cy: "20",
@@ -5213,7 +5213,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5213
5213
  _: 3
5214
5214
  }));
5215
5215
  }
5216
- }), [["__scopeId", "data-v-ca626865"]]), _hoisted_1$3 = { class: "fluekit-drawer-root" }, Drawer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5216
+ }), [["__scopeId", "data-v-ca626865"]]), _hoisted_1$2 = { class: "fluekit-drawer-root" }, Drawer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5217
5217
  inheritAttrs: !1,
5218
5218
  __name: "Drawer",
5219
5219
  props: /* @__PURE__ */ mergeModels({
@@ -5274,7 +5274,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5274
5274
  let e = {};
5275
5275
  return p.edge === "end" ? e.right = 0 : e.left = 0, e.top = 0, e.bottom = 0, e.zIndex = p.elevation, e;
5276
5276
  });
5277
- return (f, p) => (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(Stack_default, { fit: unref(StackFit).expand }, {
5277
+ return (f, p) => (openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(Stack_default, { fit: unref(StackFit).expand }, {
5278
5278
  default: withCtx(() => [createVNode(Transition, { name: e.edge === "end" ? "fluekit-drawer-slide-end" : "fluekit-drawer-slide" }, {
5279
5279
  default: withCtx(() => [m.value ? (openBlock(), createBlock(unref(Positioned_default), normalizeProps(mergeProps({ key: 0 }, E.value)), {
5280
5280
  default: withCtx(() => [createVNode(Container_default, {
@@ -5537,10 +5537,7 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5537
5537
  _: 3
5538
5538
  }));
5539
5539
  }
5540
- }), [["__scopeId", "data-v-5d7cdcaa"]]), _hoisted_1$2 = {
5541
- key: 0,
5542
- class: "fluekit-chip-avatar"
5543
- }, Chip_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5540
+ }), [["__scopeId", "data-v-5d7cdcaa"]]), Chip_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
5544
5541
  inheritAttrs: !1,
5545
5542
  __name: "Chip",
5546
5543
  props: {
@@ -5548,55 +5545,90 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5548
5545
  avatar: {},
5549
5546
  backgroundColor: { default: "#E0E0E0" },
5550
5547
  labelColor: { default: "rgba(0, 0, 0, 0.87)" },
5551
- deletable: { type: Boolean }
5548
+ deletable: { type: Boolean },
5549
+ size: { default: "medium" },
5550
+ width: {},
5551
+ height: {}
5552
5552
  },
5553
5553
  emits: ["pressed", "delete"],
5554
5554
  setup(e, { emit: f }) {
5555
- let p = e, m = f, g = () => {
5556
- p.deletable && m("delete");
5557
- }, _ = () => m("pressed"), S = computed(() => EdgeInsets.fromLTRB(p.avatar ? 4 : 12, 4, p.deletable ? 8 : 12, 4)), C = computed(() => BoxDecoration({
5555
+ let p = useSlots(), m = e, g = f, _ = () => {
5556
+ m.deletable && g("delete");
5557
+ }, S = () => g("pressed"), C = computed(() => {
5558
+ let e = m.size === "small" ? "8px" : m.size === "large" ? "16px" : "12px", f = m.size === "small" ? 0 : m.size === "large" ? "8px" : "4px";
5559
+ return EdgeInsets.fromLTRB(p.avatar || m.avatar ? "4px" : e, f, m.deletable ? m.size === "small" ? "4px" : "8px" : e, f);
5560
+ }), E = computed(() => BoxDecoration({
5558
5561
  borderRadius: BorderRadius.circular(16),
5559
- color: p.backgroundColor
5560
- })), E = computed(() => TextStyle({
5561
- color: p.labelColor,
5562
- fontSize: 14
5563
- }));
5564
- return (f, p) => (openBlock(), createBlock(GestureDetector_default, { onTap: _ }, {
5565
- default: withCtx(() => [createVNode(Row_default, { mainAxisSize: "min" }, {
5566
- default: withCtx(() => [createVNode(Container_default, {
5567
- padding: S.value,
5568
- decoration: C.value
5562
+ color: m.backgroundColor
5563
+ })), D = computed(() => {
5564
+ let e = m.size === "small" ? 12 : m.size === "large" ? 16 : 14;
5565
+ return TextStyle({
5566
+ color: m.labelColor,
5567
+ fontSize: e
5568
+ });
5569
+ }), O = computed(() => Alignment.center), k = computed(() => m.size === "small" ? "16px" : m.size === "large" ? "20px" : "18px"), A = computed(() => m.size === "small" ? "18px" : m.size === "large" ? "32px" : "24px"), j = computed(() => {
5570
+ let e = {
5571
+ width: px2vw(A.value),
5572
+ height: px2vw(A.value)
5573
+ };
5574
+ if (typeof m.avatar != "string") return e;
5575
+ let f = m.avatar;
5576
+ return f.startsWith("/") || f.startsWith("http://") || f.startsWith("https://") || f.startsWith("data:") ? {
5577
+ ...e,
5578
+ ...decorationImageToStyle(DecorationImage({
5579
+ image: ImageProvider(m.avatar),
5580
+ alignment: Alignment.center,
5581
+ fit: BoxFit.cover
5582
+ }))
5583
+ } : e;
5584
+ });
5585
+ return (f, p) => (openBlock(), createBlock(GestureDetector_default, { onTap: S }, {
5586
+ default: withCtx(() => [createVNode(Container_default, {
5587
+ padding: C.value,
5588
+ decoration: E.value,
5589
+ width: e.width,
5590
+ height: e.height,
5591
+ alignment: O.value
5592
+ }, {
5593
+ default: withCtx(() => [createVNode(Row_default, {
5594
+ expanded: "",
5595
+ crossAxisAlignment: "center",
5596
+ gap: 8,
5597
+ mainAxisAlignment: "start"
5569
5598
  }, {
5570
- default: withCtx(() => [createVNode(Row_default, {
5571
- mainAxisSize: "min",
5572
- crossAxisAlignment: "center",
5573
- gap: 8
5574
- }, {
5575
- default: withCtx(() => [
5576
- e.avatar || f.$slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(f.$slots, "avatar", {}, () => [e.avatar ? (openBlock(), createBlock(resolveDynamicComponent(e.avatar), { key: 0 })) : createCommentVNode("", !0)], !0)])) : createCommentVNode("", !0),
5577
- createVNode(Text_default, { style: normalizeStyle(E.value) }, {
5578
- default: withCtx(() => [createTextVNode(toDisplayString(e.label), 1)]),
5579
- _: 1
5580
- }, 8, ["style"]),
5581
- e.deletable ? (openBlock(), createElementBlock("div", {
5582
- key: 1,
5583
- class: "fluekit-chip-delete-icon",
5584
- onClick: withModifiers(g, ["stop"])
5585
- }, [renderSlot(f.$slots, "deleteIcon", {}, () => [createVNode(Icon_default, {
5586
- icon: unref(Icons).cancel,
5587
- size: 18
5588
- }, null, 8, ["icon"])], !0)])) : createCommentVNode("", !0)
5589
- ]),
5590
- _: 3
5591
- })]),
5599
+ default: withCtx(() => [
5600
+ e.avatar || f.$slots.avatar ? (openBlock(), createElementBlock("div", {
5601
+ key: 0,
5602
+ class: "fluekit-chip-avatar",
5603
+ style: normalizeStyle(j.value)
5604
+ }, [renderSlot(f.$slots, "avatar", {}, () => [e.avatar ? (openBlock(), createBlock(resolveDynamicComponent(e.avatar), { key: 0 })) : createCommentVNode("", !0)], !0)], 4)) : createCommentVNode("", !0),
5605
+ createVNode(Text_default, { style: normalizeStyle(D.value) }, {
5606
+ default: withCtx(() => [createTextVNode(toDisplayString(e.label), 1)]),
5607
+ _: 1
5608
+ }, 8, ["style"]),
5609
+ e.deletable ? (openBlock(), createElementBlock("div", {
5610
+ key: 1,
5611
+ class: "fluekit-chip-delete-icon",
5612
+ onClick: withModifiers(_, ["stop"])
5613
+ }, [renderSlot(f.$slots, "deleteIcon", {}, () => [createVNode(Icon_default, {
5614
+ icon: unref(Icons).cancel,
5615
+ size: k.value
5616
+ }, null, 8, ["icon", "size"])], !0)])) : createCommentVNode("", !0)
5617
+ ]),
5592
5618
  _: 3
5593
- }, 8, ["padding", "decoration"])]),
5619
+ })]),
5594
5620
  _: 3
5595
- })]),
5621
+ }, 8, [
5622
+ "padding",
5623
+ "decoration",
5624
+ "width",
5625
+ "height",
5626
+ "alignment"
5627
+ ])]),
5596
5628
  _: 3
5597
5629
  }));
5598
5630
  }
5599
- }), [["__scopeId", "data-v-4a66cf54"]]), ActionChip_default = /* @__PURE__ */ defineComponent({
5631
+ }), [["__scopeId", "data-v-c3a19466"]]), ActionChip_default = /* @__PURE__ */ defineComponent({
5600
5632
  inheritAttrs: !1,
5601
5633
  __name: "ActionChip",
5602
5634
  props: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {