persagy-vant 0.0.25 → 0.0.27

package/es/work-order-card/WorkOrderCard.mjs

@@ -0,0 +1,121 @@
+import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
+import { Button } from "../button/index.mjs";
+import { createNamespace, makeArrayProp, makeStringProp, truthProp } from "../utils/index.mjs";
+import { Divider } from "../divider/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Tag } from "../tag/index.mjs";
+const [name, bem] = createNamespace("work-order-card");
+const props = {
+  title: makeStringProp(""),
+  expanded: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultExpanded: Boolean,
+  expandable: truthProp,
+  tags: makeArrayProp(),
+  location: String,
+  showLocation: truthProp,
+  primaryInfos: makeArrayProp(),
+  expandedInfos: makeArrayProp(),
+  actions: makeArrayProp(),
+  overdue: String,
+  showOverdue: truthProp,
+  clickable: Boolean
+};
+var stdin_default = defineComponent({
+  name,
+  props,
+  emits: ["click", "click-action", "update:expanded"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const innerExpanded = ref(props2.defaultExpanded);
+    const isExpanded = computed(() => {
+      var _a;
+      return (_a = props2.expanded) != null ? _a : innerExpanded.value;
+    });
+    watch(() => props2.defaultExpanded, (value) => {
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+    });
+    const toggle = () => {
+      if (!props2.expandable)
+        return;
+      const value = !isExpanded.value;
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+      emit("update:expanded", value);
+    };
+    const renderInfo = (info) => _createVNode("div", {
+      "class": bem("info")
+    }, [info.icon && _createVNode(Icon, {
+      "name": info.icon,
+      "size": "12"
+    }, null), _createVNode("span", null, [info.text])]);
+    const renderAction = (action, index) => _createVNode(Button, {
+      "type": "text",
+      "disabled": action.disabled,
+      "style": {
+        "--van-button-primary-background-color": action.color || "var(--van-gray-7)"
+      },
+      "onClick": (event) => {
+        event.stopPropagation();
+        emit("click-action", action, index);
+      }
+    }, {
+      default: () => [action.text]
+    });
+    const hasExpandedContent = () => Boolean(slots.expanded || props2.expandedInfos.length);
+    return () => _createVNode("div", {
+      "class": [bem(), bem({
+        expanded: isExpanded.value,
+        expandable: props2.expandable,
+        actions: props2.actions.length > 0,
+        expandedContent: hasExpandedContent()
+      })],
+      "onClick": () => props2.clickable && emit("click")
+    }, [props2.showOverdue && props2.overdue && _createVNode("div", {
+      "class": bem("overdue")
+    }, [props2.overdue]), _createVNode("div", {
+      "class": bem("header"),
+      "onClick": toggle
+    }, [_createVNode("div", {
+      "class": bem("title")
+    }, [slots.title ? slots.title() : props2.title]), props2.expandable && _createVNode(Icon, {
+      "name": "trangle-down",
+      "size": "16",
+      "class": bem("arrow")
+    }, null)]), _createVNode("div", {
+      "class": bem("tags")
+    }, [slots.tags ? slots.tags() : props2.tags.map((tag) => _createVNode(Tag, {
+      "color": tag.color,
+      "textColor": tag.textColor
+    }, {
+      default: () => [tag.text]
+    }))]), props2.showLocation && props2.location && _createVNode("div", {
+      "class": bem("location")
+    }, [_createVNode(Icon, {
+      "name": "location-o",
+      "size": "12"
+    }, null), _createVNode("span", null, [props2.location])]), _createVNode("div", {
+      "class": bem("infos")
+    }, [slots.info ? slots.info() : props2.primaryInfos.map(renderInfo)]), hasExpandedContent() && _createVNode("div", {
+      "class": bem("expanded-wrapper", {
+        visible: isExpanded.value
+      }),
+      "aria-hidden": !isExpanded.value
+    }, [_createVNode("div", {
+      "class": bem("expanded-content")
+    }, [_createVNode(Divider, {
+      "dashed": true,
+      "hairline": true
+    }, null), slots.expanded ? slots.expanded() : props2.expandedInfos.map(renderInfo)])]), props2.actions.length > 0 && _createVNode("div", {
+      "class": bem("actions")
+    }, [props2.actions.map(renderAction)])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/work-order-card/index.css

@@ -0,0 +1 @@
+:root{--van-work-order-card-padding: var(--van-padding-md);--van-work-order-card-radius: var(--van-border-radius-lg);--van-work-order-card-title-font-size: 15px;--van-work-order-card-title-color: var(--van-gray-8);--van-work-order-card-info-color: var(--van-gray-7)}.van-work-order-card{position:relative;overflow:hidden;background:var(--van-white);border-radius:var(--van-work-order-card-radius)}.van-work-order-card__header{display:flex;align-items:flex-start;padding:var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0;cursor:pointer}.van-work-order-card__title{flex:1;min-width:0;overflow:hidden;color:var(--van-work-order-card-title-color);font-size:var(--van-work-order-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:23px;text-overflow:ellipsis;white-space:nowrap}.van-work-order-card__arrow{flex:none;margin:4px 0 0 2px;color:var(--van-gray-6);transition:transform .2s}.van-work-order-card--expanded .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card--expanded .van-work-order-card__arrow{color:var(--van-black);transform:rotate(180deg)}.van-work-order-card__tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card__location{display:flex;gap:4px;align-items:center;margin:8px 10px 0;padding:0 6px;overflow:hidden;color:var(--van-gray-8);font-size:13px;line-height:21px;white-space:nowrap;background:linear-gradient(90deg,rgba(223,232,243,.7),rgba(223,232,243,0));border-radius:4px}.van-work-order-card__location span{overflow:hidden;text-overflow:ellipsis}.van-work-order-card__infos{padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos{padding-bottom:8px}.van-work-order-card__info{display:flex;gap:4px;align-items:center;min-height:21px;color:var(--van-work-order-card-info-color);font-size:13px;line-height:21px}.van-work-order-card__expanded-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.van-work-order-card__expanded-wrapper--visible{grid-template-rows:1fr;opacity:1}.van-work-order-card__expanded-content{min-height:0;padding:0 var(--van-work-order-card-padding);overflow:hidden}.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content{padding-bottom:8px}.van-work-order-card__expanded-content .van-divider{margin:4px 0;border-color:var(--van-gray-4)}.van-work-order-card__overdue{position:absolute;top:0;right:0;padding:2px 8px;color:var(--van-white);font-size:10px;line-height:12px;background:var(--van-danger-color);border-radius:0 2px 0 8px}.van-work-order-card__actions{position:relative;display:flex;margin-top:8px;padding-top:1px;--van-button-default-height: 38px;--van-button-default-font-size: var(--van-font-size-md);--van-button-default-line-height: 22px;--van-button-border-radius: 0;--van-button-plain-background-color: transparent}.van-work-order-card__actions:before{position:absolute;top:0;right:var(--van-work-order-card-padding);left:var(--van-work-order-card-padding);height:.5px;background:var(--van-gray-2);content:""}.van-work-order-card__actions .van-button{flex:1}.van-work-order-card__actions .van-button+.van-button{position:relative}.van-work-order-card__actions .van-button+.van-button:after{position:absolute;top:50%;left:0;width:.5px;height:12px;background:var(--van-gray-2);transform:translateY(-50%);content:""}

package/es/work-order-card/index.d.ts

@@ -0,0 +1,107 @@
+export declare const WorkOrderCard: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-action" | "update:expanded")[], "click" | "click-action" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    tags: import("./types").WorkOrderCardTag[];
+    clickable: boolean;
+    expanded: boolean | undefined;
+    actions: import("./types").WorkOrderCardAction[];
+    expandable: boolean;
+    defaultExpanded: boolean;
+    showLocation: boolean;
+    primaryInfos: import("./types").WorkOrderCardInfo[];
+    expandedInfos: import("./types").WorkOrderCardInfo[];
+    showOverdue: boolean;
+}>>;
+export default WorkOrderCard;
+export type { WorkOrderCardProps } from './WorkOrderCard';
+export type { WorkOrderCardAction, WorkOrderCardInfo, WorkOrderCardTag } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanWorkOrderCard: typeof WorkOrderCard;
+    }
+}

package/es/work-order-card/index.less

@@ -0,0 +1,34 @@
+@import './var.less';
+
+:root {
+  --van-work-order-card-padding: @work-order-card-padding;
+  --van-work-order-card-radius: @work-order-card-radius;
+  --van-work-order-card-title-font-size: @work-order-card-title-font-size;
+  --van-work-order-card-title-color: @work-order-card-title-color;
+  --van-work-order-card-info-color: @work-order-card-info-color;
+}
+
+.van-work-order-card { position: relative; overflow: hidden; background: var(--van-white); border-radius: var(--van-work-order-card-radius); }
+.van-work-order-card__header { display: flex; align-items: flex-start; padding: var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0; cursor: pointer; }
+.van-work-order-card__title { flex: 1; min-width: 0; overflow: hidden; color: var(--van-work-order-card-title-color); font-size: var(--van-work-order-card-title-font-size); font-weight: var(--van-font-weight-bold); line-height: 23px; text-overflow: ellipsis; white-space: nowrap; }
+.van-work-order-card__arrow { flex: none; margin: 4px 0 0 2px; color: var(--van-gray-6); transition: transform .2s; }
+.van-work-order-card--expanded .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card--expanded .van-work-order-card__arrow { color: var(--van-black); transform: rotate(180deg); }
+.van-work-order-card__tags { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card__location { display: flex; gap: 4px; align-items: center; margin: 8px 10px 0; padding: 0 6px; overflow: hidden; color: var(--van-gray-8); font-size: 13px; line-height: 21px; white-space: nowrap; background: linear-gradient(90deg, rgb(223 232 243 / 70%), rgb(223 232 243 / 0%)); border-radius: 4px; }
+.van-work-order-card__location span { overflow: hidden; text-overflow: ellipsis; }
+.van-work-order-card__infos { padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos { padding-bottom: 8px; }
+.van-work-order-card__info { display: flex; gap: 4px; align-items: center; min-height: 21px; color: var(--van-work-order-card-info-color); font-size: 13px; line-height: 21px; }
+.van-work-order-card__expanded-wrapper { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .24s cubic-bezier(.2, .8, .2, 1), opacity .18s ease; }
+.van-work-order-card__expanded-wrapper--visible { grid-template-rows: 1fr; opacity: 1; }
+.van-work-order-card__expanded-content { min-height: 0; padding: 0 var(--van-work-order-card-padding); overflow: hidden; }
+.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content { padding-bottom: 8px; }
+.van-work-order-card__expanded-content .van-divider { margin: 4px 0; border-color: var(--van-gray-4); }
+.van-work-order-card__overdue { position: absolute; top: 0; right: 0; padding: 2px 8px; color: var(--van-white); font-size: 10px; line-height: 12px; background: var(--van-danger-color); border-radius: 0 2px 0 8px; }
+.van-work-order-card__actions { position: relative; display: flex; margin-top: 8px; padding-top: 1px; --van-button-default-height: 38px; --van-button-default-font-size: var(--van-font-size-md); --van-button-default-line-height: 22px; --van-button-border-radius: 0; --van-button-plain-background-color: transparent; }
+.van-work-order-card__actions::before { position: absolute; top: 0; right: var(--van-work-order-card-padding); left: var(--van-work-order-card-padding); height: .5px; background: var(--van-gray-2); content: ''; }
+.van-work-order-card__actions .van-button { flex: 1; }
+.van-work-order-card__actions .van-button + .van-button { position: relative; }
+.van-work-order-card__actions .van-button + .van-button::after { position: absolute; top: 50%; left: 0; width: .5px; height: 12px; background: var(--van-gray-2); transform: translateY(-50%); content: ''; }

package/es/work-order-card/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _WorkOrderCard from "./WorkOrderCard.mjs";
+const WorkOrderCard = withInstall(_WorkOrderCard);
+var stdin_default = WorkOrderCard;
+export {
+  WorkOrderCard,
+  stdin_default as default
+};

package/es/work-order-card/style/index.mjs

@@ -0,0 +1,8 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../tag/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../../divider/index.css";
+import "../index.css";

package/es/work-order-card/style/less.mjs

@@ -0,0 +1,8 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../tag/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../../divider/index.less";
+import "../index.less";

package/es/work-order-card/types.d.ts

@@ -0,0 +1,16 @@
+import type { Numeric } from '../utils';
+export declare type WorkOrderCardTag = {
+    text: string;
+    color?: string;
+    textColor?: string;
+};
+export declare type WorkOrderCardInfo = {
+    icon?: string;
+    text: string;
+};
+export declare type WorkOrderCardAction = {
+    text: string;
+    color?: string;
+    disabled?: boolean;
+};
+export declare type WorkOrderCardValue = Numeric;

package/es/work-order-card/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+@work-order-card-padding: var(--van-padding-md);
+@work-order-card-radius: var(--van-border-radius-lg);
+@work-order-card-title-font-size: 15px;
+@work-order-card-title-color: var(--van-gray-8);
+@work-order-card-info-color: var(--van-gray-7);

package/lib/background/index.css

@@ -1 +1 @@
-:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}
+:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--solid{--van-background-color: #e4effd;--van-background-image: none}.van-background--gray{--van-background-color: var(--van-grey-200);--van-background-image: none}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}

package/lib/background/index.less

@@ -22,6 +22,16 @@
     --van-background-image: url('./assets/background-light.png');
   }
 
+  &--solid {
+    --van-background-color: #e4effd;
+    --van-background-image: none;
+  }
+
+  &--gray {
+    --van-background-color: var(--van-grey-200);
+    --van-background-image: none;
+  }
+
   &--style-1 {
     --van-background-image: url('./assets/background-style-1.png');
   }

package/lib/background/types.d.ts

@@ -1 +1 @@
-export declare type BackgroundTheme = 'default' | 'light' | 'style-1' | 'style-2' | 'style-3';
+export declare type BackgroundTheme = 'default' | 'light' | 'gray' | 'solid' | 'style-1' | 'style-2' | 'style-3';

package/lib/bot-mobile/BotFab.d.ts

@@ -0,0 +1,72 @@
+import { type ExtractPropTypes } from 'vue';
+import { type FabSide } from './fab-position';
+export interface BotFabPositionChangePayload {
+    side: FabSide;
+    top: number;
+}
+export declare const botFabProps: {
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+};
+export declare type BotFabProps = ExtractPropTypes<typeof botFabProps>;
+declare const _default: import("vue").DefineComponent<{
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "positionChange")[], "click" | "positionChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPositionChange?: ((...args: any[]) => any) | undefined;
+}, {
+    icon: string;
+    side: FabSide;
+    offsetBottom: number;
+    draggable: boolean;
+}>;
+export default _default;

package/lib/bot-mobile/BotFab.js

@@ -0,0 +1,171 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  botFabProps: () => botFabProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_icon = require("../icon");
+var import_fab_position = require("./fab-position");
+const [name, bem] = (0, import_utils.createNamespace)("bot-mobile-fab");
+const FAB_SIZE = 56;
+const botFabProps = {
+  icon: (0, import_utils.makeStringProp)("chat-o"),
+  side: (0, import_utils.makeStringProp)("right"),
+  offsetBottom: (0, import_utils.makeNumberProp)(80),
+  draggable: import_utils.truthProp,
+  badge: import_utils.numericProp
+};
+function getSafeAreaInsetBottom() {
+  if (typeof document === "undefined") {
+    return 0;
+  }
+  const probe = document.createElement("div");
+  probe.style.position = "fixed";
+  probe.style.left = "0";
+  probe.style.bottom = "0";
+  probe.style.height = "0";
+  probe.style.paddingBottom = "env(safe-area-inset-bottom)";
+  probe.style.visibility = "hidden";
+  probe.style.pointerEvents = "none";
+  document.body.appendChild(probe);
+  const value = parseFloat(getComputedStyle(probe).paddingBottom) || 0;
+  document.body.removeChild(probe);
+  return value;
+}
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: botFabProps,
+  emits: ["click", "positionChange"],
+  setup(props, {
+    emit
+  }) {
+    const side = (0, import_vue.ref)(props.side);
+    const dragging = (0, import_vue.ref)(false);
+    const dragLeft = (0, import_vue.ref)(null);
+    const top = (0, import_vue.ref)(typeof window === "undefined" ? 0 : window.innerHeight - FAB_SIZE - props.offsetBottom);
+    let safeAreaBottom = 0;
+    let pressing = false;
+    let moved = false;
+    let startX = 0;
+    let startY = 0;
+    let startTop = 0;
+    let startLeft = 0;
+    let elWidth = FAB_SIZE;
+    let elHeight = FAB_SIZE;
+    (0, import_vue.onMounted)(() => {
+      safeAreaBottom = getSafeAreaInsetBottom();
+    });
+    const onPointerDown = (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      const el = event.currentTarget;
+      try {
+        el.setPointerCapture(event.pointerId);
+      } catch (e) {
+      }
+      const rect = el.getBoundingClientRect();
+      pressing = true;
+      moved = false;
+      startX = event.clientX;
+      startY = event.clientY;
+      startTop = rect.top;
+      startLeft = rect.left;
+      elWidth = rect.width || FAB_SIZE;
+      elHeight = rect.height || FAB_SIZE;
+      if (props.draggable) {
+        top.value = startTop;
+        dragLeft.value = startLeft;
+        dragging.value = true;
+      }
+    };
+    const onPointerMove = (event) => {
+      if (!pressing || !props.draggable) {
+        return;
+      }
+      const dx = event.clientX - startX;
+      const dy = event.clientY - startY;
+      if (!(0, import_fab_position.isTapNotDrag)(dx, dy)) {
+        moved = true;
+      }
+      const maxLeft = Math.max(0, window.innerWidth - elWidth);
+      const maxTop = Math.max(0, window.innerHeight - elHeight - safeAreaBottom);
+      dragLeft.value = (0, import_utils.clamp)(startLeft + dx, 0, maxLeft);
+      top.value = (0, import_utils.clamp)(startTop + dy, 0, maxTop);
+    };
+    const finishGesture = (dx, dy, cancelled) => {
+      var _a;
+      if (!pressing) {
+        return;
+      }
+      pressing = false;
+      if (props.draggable) {
+        dragging.value = false;
+        const currentLeft = (_a = dragLeft.value) != null ? _a : startLeft;
+        const nextSide = (0, import_fab_position.resolveSnapSide)(currentLeft + elWidth / 2, window.innerWidth);
+        side.value = nextSide;
+        dragLeft.value = null;
+        emit("positionChange", {
+          side: nextSide,
+          top: top.value
+        });
+      }
+      if (!cancelled && !moved && (0, import_fab_position.isTapNotDrag)(dx, dy)) {
+        emit("click");
+      }
+    };
+    const onPointerUp = (event) => {
+      finishGesture(event.clientX - startX, event.clientY - startY, false);
+    };
+    const onPointerCancel = () => {
+      finishGesture(0, 0, true);
+    };
+    const fabStyle = (0, import_vue.computed)(() => {
+      const style = {
+        top: `${top.value}px`
+      };
+      if (dragging.value && dragLeft.value !== null) {
+        style.left = `${dragLeft.value}px`;
+      } else {
+        style[side.value] = "0px";
+      }
+      return style;
+    });
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem({
+        dragging: dragging.value
+      }),
+      "style": fabStyle.value,
+      "role": "button",
+      "tabindex": 0,
+      "onPointerdown": onPointerDown,
+      "onPointermove": onPointerMove,
+      "onPointerup": onPointerUp,
+      "onPointercancel": onPointerCancel
+    }, [(0, import_vue.createVNode)(import_icon.Icon, {
+      "class": bem("icon"),
+      "name": props.icon,
+      "size": 24,
+      "badge": props.badge
+    }, null)]);
+  }
+});