@give-tech/ec-player-vue 0.0.1-beta.0

package/dist/composables/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Vue Composables 导出
+ */
+export { usePlayer, type UsePlayerReturn } from './usePlayer';
+export { useControls, type UseControlsParams, type UseControlsReturn } from './useControls';
+export { useEnvInfo, type UseEnvInfoReturn } from './useEnvInfo';
+//# sourceMappingURL=index.d.ts.map

package/dist/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAA"}

package/dist/composables/useControls.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 播放器控制条逻辑
+ */
+import { type Ref } from 'vue';
+/**
+ * 控制条逻辑参数
+ */
+export interface UseControlsParams {
+    /** 是否正在播放 */
+    isPlaying: Ref<boolean>;
+    /** 是否已加载 */
+    isLoaded: Ref<boolean>;
+    /** 当前时间（毫秒） */
+    currentTime: Ref<number>;
+    /** 总时长（毫秒） */
+    duration: Ref<number>;
+    /** 分片索引 */
+    segmentIndex: Ref<number>;
+    /** 总分片数 */
+    totalSegments: Ref<number>;
+    /** 是否为直播流 */
+    isLive: Ref<boolean>;
+    /** 跳转方法 */
+    seek: (time: number) => Promise<void>;
+}
+/**
+ * 控制条逻辑返回值
+ */
+export interface UseControlsReturn {
+    /** 是否显示控制条 */
+    showControls: Ref<boolean>;
+    /** 进度条 hover 时间 */
+    hoverTime: Ref<number | null>;
+    /** 进度条 hover 位置 */
+    hoverPosition: Ref<number>;
+    /** 播放进度百分比 */
+    playProgress: Ref<number>;
+    /** 缓冲进度百分比 */
+    bufferProgress: Ref<number>;
+    /** 显示控制条 */
+    showControlsBar: () => void;
+    /** 隐藏控制条 */
+    hideControlsBar: () => void;
+    /** 处理进度条点击 */
+    handleProgressClick: (event: MouseEvent) => Promise<void>;
+    /** 处理进度条悬停 */
+    handleProgressHover: (event: MouseEvent) => void;
+    /** 格式化时间 */
+    formatTime: (ms: number) => string;
+}
+/**
+ * 控制条逻辑 Hook
+ */
+export declare function useControls(params: UseControlsParams): UseControlsReturn;
+//# sourceMappingURL=useControls.d.ts.map

package/dist/composables/useControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControls.d.ts","sourceRoot":"","sources":["../../src/composables/useControls.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,aAAa;IACb,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,YAAY;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,eAAe;IACf,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,cAAc;IACd,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW;IACX,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,WAAW;IACX,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,aAAa;IACb,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,WAAW;IACX,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,mBAAmB;IACnB,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,mBAAmB;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,cAAc;IACd,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,cAAc;IACd,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzD,cAAc;IACd,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,YAAY;IACZ,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,CAoGxE"}

package/dist/composables/useEnvInfo.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 环境信息逻辑
+ */
+import { type Ref } from 'vue';
+import { type EnvInfo } from '@give-tech/ec-player';
+/**
+ * 环境信息逻辑返回值
+ */
+export interface UseEnvInfoReturn {
+    /** 环境信息 */
+    envInfo: Ref<EnvInfo | null>;
+    /** 是否显示环境面板 */
+    showEnvPanel: Ref<boolean>;
+    /** 环境类型文本 */
+    envTypeText: Ref<string>;
+    /** 切换环境面板显示 */
+    toggleEnvPanel: () => void;
+    /** 检测环境 */
+    detectEnv: () => void;
+}
+/**
+ * 环境信息逻辑 Hook
+ */
+export declare function useEnvInfo(initialShowPanel?: boolean): UseEnvInfoReturn;
+//# sourceMappingURL=useEnvInfo.d.ts.map

package/dist/composables/useEnvInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnvInfo.d.ts","sourceRoot":"","sources":["../../src/composables/useEnvInfo.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAA4B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACxD,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEhE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,OAAO,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAC5B,eAAe;IACf,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,aAAa;IACb,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,eAAe;IACf,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW;IACX,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,gBAAgB,GAAE,OAAe,GAChC,gBAAgB,CAyClB"}

package/dist/composables/usePlayer.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 播放器核心逻辑
+ */
+import { type Ref } from 'vue';
+import { EcPlayerCore, type EcPlayerState } from '@give-tech/ec-player';
+import type { PlayerOptions } from '../types';
+/**
+ * 播放器逻辑返回值
+ */
+export interface UsePlayerReturn {
+    /** Canvas 元素引用 */
+    canvasRef: Ref<HTMLCanvasElement | null>;
+    /** 播放器实例 */
+    player: Ref<EcPlayerCore | null>;
+    /** 响应式状态 */
+    state: EcPlayerState;
+    /** 是否正在加载 */
+    isLoading: Ref<boolean>;
+    /** 检测到的格式 */
+    detectedFormat: Ref<string>;
+    /** 是否为直播流 */
+    isLive: Ref<boolean>;
+    /** 播放 */
+    play: (options: {
+        url: string;
+        isLive?: boolean;
+    }) => Promise<void>;
+    /** 设置配置 */
+    setOptions: (options: PlayerOptions) => void;
+    /** 设置日志级别 */
+    setLogLevel: (level: number) => void;
+    /** 暂停 */
+    pause: () => void;
+    /** 恢复播放 */
+    resume: () => Promise<void>;
+    /** 跳转 */
+    seek: (time: number) => Promise<void>;
+    /** 获取播放器实例 */
+    getPlayer: () => EcPlayerCore | null;
+    /** 获取状态 */
+    getState: () => EcPlayerState;
+    /** 获取当前时间 */
+    getCurrentTime: () => number;
+    /** 获取总时长 */
+    getDuration: () => number;
+    /** 销毁播放器 */
+    destroy: () => void;
+}
+/**
+ * 播放器逻辑 Hook
+ */
+export declare function usePlayer(emit: {
+    (e: 'play'): void;
+    (e: 'pause'): void;
+}): UsePlayerReturn;
+//# sourceMappingURL=usePlayer.d.ts.map

package/dist/composables/usePlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlayer.d.ts","sourceRoot":"","sources":["../../src/composables/usePlayer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAA0C,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACtE,OAAO,EACL,YAAY,EAIZ,KAAK,aAAa,EAEnB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,UAAU,CAAA;AAG5D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,SAAS,EAAE,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACxC,YAAY;IACZ,MAAM,EAAE,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IAChC,YAAY;IACZ,KAAK,EAAE,aAAa,CAAA;IACpB,aAAa;IACb,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,aAAa;IACb,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,aAAa;IACb,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,SAAS;IACT,IAAI,EAAE,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,WAAW;IACX,UAAU,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,aAAa;IACb,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,SAAS;IACT,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,WAAW;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,SAAS;IACT,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,cAAc;IACd,SAAS,EAAE,MAAM,YAAY,GAAG,IAAI,CAAA;IACpC,WAAW;IACX,QAAQ,EAAE,MAAM,aAAa,CAAA;IAC7B,aAAa;IACb,cAAc,EAAE,MAAM,MAAM,CAAA;IAC5B,YAAY;IACZ,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,YAAY;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAkBD;;GAEG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE;IACJ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjB,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACnB,GACA,eAAe,CA0NjB"}

package/dist/ec-player-vue.css

@@ -0,0 +1,293 @@
+
+.gt-player-container[data-v-d2d418df] {
+  width: 100%;
+  height: 100%;
+}
+.gt-video-wrapper[data-v-d2d418df] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  overflow: hidden;
+}
+.gt-player-canvas[data-v-d2d418df] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  max-width: 100%;
+  max-height: 100%;
+}
+.gt-placeholder[data-v-d2d418df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #000;
+}
+
+/* 加载中动画 */
+.gt-loading-spinner[data-v-d2d418df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 10;
+}
+.gt-spinner[data-v-d2d418df] {
+  width: 8vmin;
+  height: 8vmin;
+  border: 0.5vmin solid rgba(255, 255, 255, 0.3);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: gt-spin-d2d418df 1s linear infinite;
+}
+@keyframes gt-spin-d2d418df {
+to {
+    transform: rotate(360deg);
+}
+}
+
+/* 视频控制条 */
+.gt-video-controls[data-v-d2d418df] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 10px 16px;
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.gt-flex-spacer[data-v-d2d418df] {
+  flex: 1;
+}
+.gt-video-controls.visible[data-v-d2d418df] {
+  opacity: 1;
+}
+.gt-control-btn[data-v-d2d418df] {
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: white;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+}
+.gt-control-btn[data-v-d2d418df]:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+.gt-control-btn svg[data-v-d2d418df] {
+  width: 14px;
+  height: 14px;
+}
+.gt-progress-container[data-v-d2d418df] {
+  flex: 1;
+  position: relative;
+  cursor: pointer;
+  height: 20px;
+  display: flex;
+  align-items: center;
+}
+.gt-progress-bar[data-v-d2d418df] {
+  width: 100%;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 2px;
+  position: relative;
+  overflow: hidden;
+  transition: height 0.2s ease;
+}
+.gt-progress-container:hover .gt-progress-bar[data-v-d2d418df] {
+  height: 6px;
+}
+.gt-progress-buffered[data-v-d2d418df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.4);
+  border-radius: 2px;
+  transition: width 0.1s;
+}
+.gt-progress-played[data-v-d2d418df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: #ff2d55;
+  border-radius: 2px;
+  transition: width 0.1s;
+}
+.gt-progress-handle[data-v-d2d418df] {
+  position: absolute;
+  right: -6px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 14px;
+  height: 14px;
+  background: #ff2d55;
+  border-radius: 50%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  transition: opacity 0.2s, transform 0.2s;
+}
+.gt-progress-container:hover .gt-progress-handle[data-v-d2d418df] {
+  opacity: 1;
+  transform: translateY(-50%) scale(1.2);
+}
+.gt-progress-tooltip[data-v-d2d418df] {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  transform: translateX(-50%);
+  background: rgba(0, 0, 0, 0.85);
+  color: white;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  white-space: nowrap;
+  pointer-events: none;
+}
+.gt-time-display[data-v-d2d418df] {
+  color: white;
+  font-size: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.gt-time-separator[data-v-d2d418df] {
+  margin: 0 4px;
+  opacity: 0.6;
+}
+
+/* 直播指示器 */
+.gt-live-indicator[data-v-d2d418df] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: white;
+  font-size: 12px;
+  font-weight: 500;
+}
+.gt-live-dot[data-v-d2d418df] {
+  width: 8px;
+  height: 8px;
+  background: #ff2d55;
+  border-radius: 50%;
+  animation: gt-live-pulse-d2d418df 1.5s ease-in-out infinite;
+}
+.gt-live-text[data-v-d2d418df] {
+  color: #ff2d55;
+}
+@keyframes gt-live-pulse-d2d418df {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.4;
+}
+}
+
+/* 居中播放按钮 */
+.gt-center-play-btn[data-v-d2d418df] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 56px;
+  height: 56px;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.gt-center-play-btn[data-v-d2d418df]:hover {
+  background: rgba(0, 0, 0, 0.7);
+  transform: translate(-50%, -50%) scale(1.05);
+}
+.gt-center-play-btn svg[data-v-d2d418df] {
+  width: 24px;
+  height: 24px;
+  color: white;
+  margin-left: 3px;
+}
+
+/* 环境信息面板 */
+.gt-env-panel[data-v-d2d418df] {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 6px;
+  padding: 8px 10px;
+  font-size: 11px;
+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
+  min-width: 160px;
+  max-width: 200px;
+  max-height: calc(100% - 24px);
+  overflow-y: auto;
+  backdrop-filter: blur(10px);
+  animation: gt-env-fade-in-d2d418df 0.15s ease;
+  z-index: 15;
+}
+.gt-env-panel[data-v-d2d418df]::-webkit-scrollbar {
+  width: 4px;
+}
+.gt-env-panel[data-v-d2d418df]::-webkit-scrollbar-track {
+  background: transparent;
+}
+.gt-env-panel[data-v-d2d418df]::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 2px;
+}
+@keyframes gt-env-fade-in-d2d418df {
+from { opacity: 0; transform: translateY(-4px);
+}
+to { opacity: 1; transform: translateY(0);
+}
+}
+.gt-env-panel .gt-env-row[data-v-d2d418df] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2px 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+.gt-env-panel .gt-env-row span[data-v-d2d418df]:first-child {
+  color: rgba(255, 255, 255, 0.5);
+  margin-right: 16px;
+}
+.gt-env-panel .gt-env-row span[data-v-d2d418df]:last-child {
+  font-variant-numeric: tabular-nums;
+}
+.gt-env-panel .gt-env-row .ok[data-v-d2d418df] { color: #4caf50;
+}
+.gt-env-panel .gt-env-row .warn[data-v-d2d418df] { color: #ff9800;
+}
+.gt-env-panel .gt-env-row .err[data-v-d2d418df] { color: #f44336;
+}
+.gt-env-divider[data-v-d2d418df] {
+  height: 1px;
+  background: rgba(255, 255, 255, 0.1);
+  margin: 4px 0;
+}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @give-tech/ec-player-vue
+ *
+ * Vue 3 播放器组件
+ */
+export { default as EcPlayer } from './components/EcPlayer.vue';
+export type { EcPlayerProps, EcPlayerEmits, EcPlayerExpose, EcPlayerSource, EcPlayerControlOption, EnvPanelData, EcPlayerGlobalConfig, WasmPathConfig, PlayerOptions } from './types';
+export { configureEcPlayer, getGlobalConfig, getWasmConfig, getMergedConfig, getMergedPlayerOptions, resolveWasmPath, DEFAULT_EC_PLAYER_PROPS, DEFAULT_PLAYER_OPTIONS, DEFAULT_WASM_CONFIG, LogLevel } from './types';
+export { usePlayer, useControls, useEnvInfo, type UsePlayerReturn, type UseControlsParams, type UseControlsReturn, type UseEnvInfoReturn } from './composables';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAG/D,YAAY,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,aAAa,EACd,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACT,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA"}