fluekit 2.2.4 → 2.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,4 @@
1
- import { Component } from 'vue';
2
- import { Color } from './Color';
3
- interface Props {
4
- label: string;
5
- avatar?: Component;
6
- backgroundColor?: string | Color;
7
- labelColor?: string | Color;
8
- }
1
+ import { ChilpProps } from './ChipProps';
9
2
  declare function __VLS_template(): {
10
3
  attrs: Partial<{}>;
11
4
  slots: {
@@ -15,13 +8,13 @@ declare function __VLS_template(): {
15
8
  rootEl: any;
16
9
  };
17
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
11
+ declare const __VLS_component: import('vue').DefineComponent<ChilpProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
12
+ delete: () => any;
19
13
  pressed: () => any;
20
- }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
14
+ }, string, import('vue').PublicProps, Readonly<ChilpProps> & Readonly<{
15
+ onDelete?: (() => any) | undefined;
21
16
  onPressed?: (() => any) | undefined;
22
- }>, {
23
- backgroundColor: string | Color;
24
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
25
18
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
26
19
  export default _default;
27
20
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/Chip.d.ts CHANGED
@@ -1,15 +1,7 @@
1
- import { Component } from 'vue';
1
+ import { BoxDecoration } from './BoxDecoration';
2
2
  import { Color } from './Color';
3
- interface Props {
4
- label: string;
5
- avatar?: Component;
6
- backgroundColor?: string | Color;
7
- labelColor?: string | Color;
8
- deletable?: boolean;
9
- size?: "small" | "medium" | "large";
10
- width?: number | string;
11
- height?: number | string;
12
- }
3
+ import { TextStyle } from './TextStyle';
4
+ import { ChilpProps } from './ChipProps';
13
5
  declare function __VLS_template(): {
14
6
  attrs: Partial<{}>;
15
7
  slots: {
@@ -20,15 +12,17 @@ declare function __VLS_template(): {
20
12
  rootEl: any;
21
13
  };
22
14
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
15
+ declare const __VLS_component: import('vue').DefineComponent<ChilpProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
24
16
  delete: () => any;
25
17
  pressed: () => any;
26
- }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
18
+ }, string, import('vue').PublicProps, Readonly<ChilpProps> & Readonly<{
27
19
  onDelete?: (() => any) | undefined;
28
20
  onPressed?: (() => any) | undefined;
29
21
  }>, {
30
22
  size: "small" | "medium" | "large";
23
+ decoration: BoxDecoration;
31
24
  backgroundColor: string | Color;
25
+ labelStyle: TextStyle;
32
26
  labelColor: string | Color;
33
27
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
34
28
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -0,0 +1,28 @@
1
+ import { Component } from 'vue';
2
+ import { BoxDecoration } from './BoxDecoration';
3
+ import { Color } from './Color';
4
+ import { TextStyle } from './TextStyle';
5
+ export interface ChilpProps {
6
+ label: string;
7
+ avatar?: Component;
8
+ backgroundColor?: string | Color;
9
+ labelColor?: string | Color;
10
+ deletable?: boolean;
11
+ size?: "small" | "medium" | "large";
12
+ width?: number | string;
13
+ height?: number | string;
14
+ decoration?: BoxDecoration;
15
+ labelStyle?: TextStyle;
16
+ }
17
+ export type ChipEmits = {
18
+ (e: "pressed"): void;
19
+ (e: "delete"): void;
20
+ };
21
+ export type ChoiceChipEmits = ChipEmits & {
22
+ (e: "selected", value: boolean): void;
23
+ };
24
+ export interface ChoiceChipProps extends ChilpProps {
25
+ selected: boolean;
26
+ selectedColor?: string | Color;
27
+ selectedTextColor?: string | Color;
28
+ }
@@ -1,13 +1,4 @@
1
- import { Component } from 'vue';
2
- import { Color } from './Color';
3
- interface Props {
4
- label: string;
5
- selected: boolean;
6
- avatar?: Component;
7
- backgroundColor?: string | Color;
8
- selectedColor?: string | Color;
9
- labelColor?: string | Color;
10
- }
1
+ import { ChoiceChipProps } from './ChipProps';
11
2
  declare function __VLS_template(): {
12
3
  attrs: Partial<{}>;
13
4
  slots: {
@@ -17,14 +8,19 @@ declare function __VLS_template(): {
17
8
  rootEl: any;
18
9
  };
19
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
11
+ declare const __VLS_component: import('vue').DefineComponent<ChoiceChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
12
+ delete: () => any;
13
+ pressed: () => any;
21
14
  selected: (value: boolean) => any;
22
- }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
15
+ }, string, import('vue').PublicProps, Readonly<ChoiceChipProps> & Readonly<{
16
+ onDelete?: (() => any) | undefined;
17
+ onPressed?: (() => any) | undefined;
23
18
  onSelected?: ((value: boolean) => any) | undefined;
24
19
  }>, {
25
- backgroundColor: string | Color;
20
+ backgroundColor: string | import('./Color').Color;
26
21
  selected: boolean;
27
- selectedColor: string | Color;
22
+ selectedColor: string | import('./Color').Color;
23
+ selectedTextColor: string | import('./Color').Color;
28
24
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
29
25
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
30
26
  export default _default;
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-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}
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-9c9e3326]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.fluekit-chip-delete-icon[data-v-9c9e3326]{cursor:pointer;opacity:.54;justify-content:center;align-items:center;margin-left:4px;display:flex}.fluekit-chip-delete-icon[data-v-9c9e3326]: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
@@ -5548,7 +5548,9 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5548
5548
  deletable: { type: Boolean },
5549
5549
  size: { default: "medium" },
5550
5550
  width: {},
5551
- height: {}
5551
+ height: {},
5552
+ decoration: { default: () => ({}) },
5553
+ labelStyle: { default: () => ({}) }
5552
5554
  },
5553
5555
  emits: ["pressed", "delete"],
5554
5556
  setup(e, { emit: f }) {
@@ -5559,17 +5561,19 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5559
5561
  return EdgeInsets.fromLTRB(p.avatar || m.avatar ? "4px" : e, f, m.deletable ? m.size === "small" ? "4px" : "8px" : e, f);
5560
5562
  }), E = computed(() => BoxDecoration({
5561
5563
  borderRadius: BorderRadius.circular(16),
5562
- color: m.backgroundColor
5564
+ color: m.backgroundColor,
5565
+ ...m.decoration ?? {}
5563
5566
  })), D = computed(() => {
5564
5567
  let e = m.size === "small" ? 12 : m.size === "large" ? 16 : 14;
5565
5568
  return TextStyle({
5566
5569
  color: m.labelColor,
5567
- fontSize: e
5570
+ fontSize: e,
5571
+ ...m.labelStyle ?? {}
5568
5572
  });
5569
5573
  }), 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
5574
  let e = {
5571
- width: px2vw(A.value),
5572
- height: px2vw(A.value)
5575
+ width: px2vw$1(A.value),
5576
+ height: px2vw$1(A.value)
5573
5577
  };
5574
5578
  if (typeof m.avatar != "string") return e;
5575
5579
  let f = m.avatar;
@@ -5628,24 +5632,30 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5628
5632
  _: 3
5629
5633
  }));
5630
5634
  }
5631
- }), [["__scopeId", "data-v-c3a19466"]]), ActionChip_default = /* @__PURE__ */ defineComponent({
5635
+ }), [["__scopeId", "data-v-9c9e3326"]]), ActionChip_default = /* @__PURE__ */ defineComponent({
5632
5636
  inheritAttrs: !1,
5633
5637
  __name: "ActionChip",
5634
5638
  props: {
5635
5639
  label: {},
5636
5640
  avatar: {},
5637
- backgroundColor: { default: "#E0E0E0" },
5638
- labelColor: {}
5641
+ backgroundColor: {},
5642
+ labelColor: {},
5643
+ deletable: { type: Boolean },
5644
+ size: {},
5645
+ width: {},
5646
+ height: {},
5647
+ decoration: {},
5648
+ labelStyle: {}
5639
5649
  },
5640
- emits: ["pressed"],
5650
+ emits: ["pressed", "delete"],
5641
5651
  setup(e, { emit: f }) {
5642
- let p = f, m = () => p("pressed");
5643
5652
  return (f, p) => (openBlock(), createBlock(Chip_default, {
5644
5653
  label: e.label,
5645
5654
  avatar: e.avatar,
5646
5655
  backgroundColor: e.backgroundColor,
5647
5656
  labelColor: e.labelColor,
5648
- onPressed: m
5657
+ onPressed: p[0] ||= () => f.$emit("pressed"),
5658
+ onDelete: p[1] ||= () => f.$emit("delete")
5649
5659
  }, createSlots({ _: 2 }, [f.$slots.avatar ? {
5650
5660
  name: "avatar",
5651
5661
  fn: withCtx(() => [renderSlot(f.$slots, "avatar")]),
@@ -5661,32 +5671,46 @@ var ImageColorBackground_default = /* @__PURE__ */ __plugin_vue_export_helper_de
5661
5671
  inheritAttrs: !1,
5662
5672
  __name: "ChoiceChip",
5663
5673
  props: {
5664
- label: {},
5665
5674
  selected: {
5666
5675
  type: Boolean,
5667
5676
  default: !1
5668
5677
  },
5678
+ selectedColor: { default: () => Colors.blue },
5679
+ selectedTextColor: { default: () => Colors.white },
5680
+ label: {},
5669
5681
  avatar: {},
5670
5682
  backgroundColor: { default: "#E0E0E0" },
5671
- selectedColor: { default: () => Colors.blue },
5672
- labelColor: {}
5683
+ labelColor: {},
5684
+ deletable: { type: Boolean },
5685
+ size: {},
5686
+ width: {},
5687
+ height: {},
5688
+ decoration: {},
5689
+ labelStyle: {}
5673
5690
  },
5674
- emits: ["selected"],
5675
- setup(e, { emit: f }) {
5676
- let p = e, m = f, g = () => {
5677
- m("selected", !p.selected);
5678
- };
5691
+ emits: [
5692
+ "pressed",
5693
+ "delete",
5694
+ "selected"
5695
+ ],
5696
+ setup(e) {
5679
5697
  return (f, p) => (openBlock(), createBlock(Chip_default, {
5698
+ labelStyle: e.labelStyle,
5699
+ decoration: e.decoration,
5700
+ deletable: e.deletable,
5680
5701
  label: e.label,
5681
5702
  avatar: e.avatar,
5682
5703
  backgroundColor: e.selected ? e.selectedColor : e.backgroundColor,
5683
- labelColor: e.selected ? "white" : e.labelColor,
5684
- onPressed: g
5704
+ labelColor: e.selected ? e.selectedTextColor : e.labelColor,
5705
+ onPressed: p[0] ||= () => f.$emit("selected", !e.selected)
5685
5706
  }, createSlots({ _: 2 }, [f.$slots.avatar ? {
5686
5707
  name: "avatar",
5687
5708
  fn: withCtx(() => [renderSlot(f.$slots, "avatar")]),
5688
5709
  key: "0"
5689
5710
  } : void 0]), 1032, [
5711
+ "labelStyle",
5712
+ "decoration",
5713
+ "deletable",
5690
5714
  "label",
5691
5715
  "avatar",
5692
5716
  "backgroundColor",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "2.2.4",
3
+ "version": "2.2.5",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {