@visitwonders/assembly 0.1.0

package/dist/overlay/tooltip.js

@@ -0,0 +1,368 @@
+import "./tooltip.css"
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { modifier } from 'ember-modifier';
+import { autoUpdate, offset, flip, shift, arrow, computePosition } from '@floating-ui/dom';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
+
+;
+
+// Global context for tooltips (simple implementation without Ember services)
+let globalTooltipContext = null;
+/**
+ * TooltipProvider manages global tooltip settings and skip delay behavior.
+ * Wrap your app or a section with TooltipProvider to enable tooltip hopping.
+ */
+class TooltipProvider extends Component {
+  static {
+    g(this.prototype, "lastCloseTime", [tracked], function () {
+      return 0;
+    });
+  }
+  #lastCloseTime = (i(this, "lastCloseTime"), void 0);
+  get delayDuration() {
+    return this.args.delayDuration ?? 300;
+  }
+  get skipDelayDuration() {
+    return this.args.skipDelayDuration ?? 100;
+  }
+  get disableHoverableContent() {
+    return this.args.disableHoverableContent ?? false;
+  }
+  setLastCloseTime = time => {
+    this.lastCloseTime = time;
+  };
+  setupProvider = modifier(() => {
+    globalTooltipContext = {
+      delayDuration: this.delayDuration,
+      skipDelayDuration: this.skipDelayDuration,
+      disableHoverableContent: this.disableHoverableContent,
+      lastCloseTime: this.lastCloseTime,
+      setLastCloseTime: this.setLastCloseTime
+    };
+    return () => {
+      globalTooltipContext = null;
+    };
+  });
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"tooltip-provider\" {{this.setupProvider}} ...attributes>\n  {{yield}}\n</div>", {
+      strictMode: true
+    }), this);
+  }
+}
+// ============================================================================
+// Tooltip Component
+// ============================================================================
+
+// Unique ID counter for generating content IDs
+let tooltipIdCounter = 0;
+/**
+ * Tooltip displays brief contextual information on hover or focus.
+ * Uses dark styling optimized for short text.
+ */
+class Tooltip extends Component {
+  static {
+    g(this.prototype, "_isOpenInternal", [tracked], function () {
+      return undefined;
+    });
+  }
+  #_isOpenInternal = (i(this, "_isOpenInternal"), void 0);
+  static {
+    g(this.prototype, "actualSide", [tracked], function () {
+      return 'top';
+    });
+  }
+  #actualSide = (i(this, "actualSide"), void 0);
+  triggerElement = null;
+  contentElement = null;
+  contentId = `tooltip-content-${++tooltipIdCounter}`;
+  openTimeout = null;
+  closeTimeout = null;
+  // ============================================================================
+  // Getters
+  // ============================================================================
+  get isOpenInternal() {
+    if (this._isOpenInternal === undefined) {
+      return this.args.defaultOpen ?? false;
+    }
+    return this._isOpenInternal;
+  }
+  set isOpenInternal(value) {
+    this._isOpenInternal = value;
+  }
+  get isControlled() {
+    return this.args.open !== undefined;
+  }
+  get isOpen() {
+    if (this.args.disabled) return false;
+    return this.isControlled ? this.args.open : this.isOpenInternal;
+  }
+  get side() {
+    return this.args.side ?? 'top';
+  }
+  get align() {
+    return this.args.align ?? 'center';
+  }
+  get sideOffset() {
+    // Default offset accounts for arrow height when arrow is shown
+    return this.args.sideOffset ?? (this.showArrow ? 8 : 6);
+  }
+  get alignOffset() {
+    return this.args.alignOffset ?? 0;
+  }
+  get delayDuration() {
+    if (this.args.delayDuration !== undefined) {
+      return this.args.delayDuration;
+    }
+    return globalTooltipContext?.delayDuration ?? 300;
+  }
+  get skipDelayDuration() {
+    if (this.args.skipDelayDuration !== undefined) {
+      return this.args.skipDelayDuration;
+    }
+    return globalTooltipContext?.skipDelayDuration ?? 100;
+  }
+  get disableHoverableContent() {
+    if (this.args.disableHoverableContent !== undefined) {
+      return this.args.disableHoverableContent;
+    }
+    return globalTooltipContext?.disableHoverableContent ?? false;
+  }
+  get showArrow() {
+    return this.args.showArrow ?? true;
+  }
+  get variant() {
+    return this.args.variant ?? 'dark';
+  }
+  get placement() {
+    if (this.align === 'center') {
+      return this.side;
+    }
+    return `${this.side}-${this.align}`;
+  }
+  get offsetOptions() {
+    return {
+      mainAxis: this.sideOffset,
+      crossAxis: this.alignOffset
+    };
+  }
+  get flipOptions() {
+    return {
+      padding: 8
+    };
+  }
+  get shiftOptions() {
+    return {
+      padding: 8
+    };
+  }
+  // ============================================================================
+  // State Management
+  // ============================================================================
+  setOpen = value => {
+    if (!this.isControlled) {
+      this.isOpenInternal = value;
+    }
+    this.args.onOpenChange?.(value);
+    // Track close time for skip delay behavior
+    if (!value && globalTooltipContext) {
+      globalTooltipContext.setLastCloseTime(Date.now());
+    }
+  };
+  /**
+  * Calculate the actual delay to use based on skip delay logic.
+  * If a tooltip was recently closed, use skipDelayDuration instead.
+  */
+  getEffectiveDelay() {
+    if (globalTooltipContext) {
+      const timeSinceLastClose = Date.now() - globalTooltipContext.lastCloseTime;
+      if (timeSinceLastClose < this.skipDelayDuration) {
+        return this.skipDelayDuration;
+      }
+    }
+    return this.delayDuration;
+  }
+  openTooltip = () => {
+    if (this.args.disabled) return;
+    this.clearTimeouts();
+    const delay = this.getEffectiveDelay();
+    if (delay > 0) {
+      this.openTimeout = setTimeout(() => {
+        this.setOpen(true);
+      }, delay);
+    } else {
+      this.setOpen(true);
+    }
+  };
+  openTooltipImmediate = () => {
+    if (this.args.disabled) return;
+    this.clearTimeouts();
+    this.setOpen(true);
+  };
+  closeTooltip = () => {
+    this.clearTimeouts();
+    // Small delay to allow moving to content
+    this.closeTimeout = setTimeout(() => {
+      this.setOpen(false);
+    }, 50);
+  };
+  closeTooltipImmediate = () => {
+    this.clearTimeouts();
+    this.setOpen(false);
+  };
+  clearTimeouts() {
+    if (this.openTimeout) {
+      clearTimeout(this.openTimeout);
+      this.openTimeout = null;
+    }
+    if (this.closeTimeout) {
+      clearTimeout(this.closeTimeout);
+      this.closeTimeout = null;
+    }
+  }
+  // ============================================================================
+  // Modifiers
+  // ============================================================================
+  setupEventListeners = modifier(() => {
+    document.addEventListener('keydown', this.handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', this.handleKeyDown);
+      this.clearTimeouts();
+    };
+  });
+  registerTrigger = modifier(element => {
+    this.triggerElement = element;
+    return () => {
+      this.triggerElement = null;
+    };
+  });
+  applyPositioning = modifier((element, _positional, named) => {
+    if (!named.trigger) {
+      return;
+    }
+    this.contentElement = element;
+    const updatePosition = () => {
+      // Query for the arrow element fresh each time to avoid stale references
+      const arrowEl = element.querySelector('.tooltip-arrow');
+      const middleware = [offset(named.offsetOptions), flip(named.flipOptions), shift(named.shiftOptions), ...(arrowEl ? [arrow({
+        element: arrowEl
+      })] : [])];
+      void computePosition(named.trigger, element, {
+        placement: named.placement,
+        middleware
+      }).then(result => {
+        const {
+          x,
+          y,
+          middlewareData,
+          placement
+        } = result;
+        Object.assign(element.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+        // Update actual side for styling
+        const side = placement.split('-')[0];
+        this.actualSide = side;
+        element.setAttribute('data-side', side);
+        // Position the arrow if present
+        if (arrowEl && middlewareData.arrow) {
+          const {
+            x: arrowX,
+            y: arrowY
+          } = middlewareData.arrow;
+          // Position arrow on the opposite side of the tooltip
+          const staticSide = {
+            top: 'bottom',
+            right: 'left',
+            bottom: 'top',
+            left: 'right'
+          }[side];
+          // Reset all position styles first, then set the new ones
+          // This prevents stale styles from previous positions
+          Object.assign(arrowEl.style, {
+            left: '',
+            top: '',
+            right: '',
+            bottom: ''
+          });
+          // Now apply the new position
+          Object.assign(arrowEl.style, {
+            left: arrowX != null ? `${arrowX}px` : '',
+            top: arrowY != null ? `${arrowY}px` : '',
+            [staticSide]: '-6px'
+          });
+          arrowEl.setAttribute('data-side', side);
+        }
+      });
+    };
+    const cleanup = autoUpdate(named.trigger, element, updatePosition);
+    return () => {
+      cleanup();
+      this.contentElement = null;
+    };
+  });
+  // ============================================================================
+  // Event Handlers
+  // ============================================================================
+  handleMouseEnter = () => {
+    this.openTooltip();
+  };
+  handleMouseLeave = () => {
+    this.closeTooltip();
+  };
+  handleFocusIn = () => {
+    // Focus opens immediately (no delay)
+    this.openTooltipImmediate();
+  };
+  handleFocusOut = event => {
+    // Check if focus is moving to the tooltip content
+    const relatedTarget = event.relatedTarget;
+    if (this.contentElement && relatedTarget && this.contentElement.contains(relatedTarget)) {
+      return;
+    }
+    // Check if focus is moving within the trigger
+    if (this.triggerElement && relatedTarget && this.triggerElement.contains(relatedTarget)) {
+      return;
+    }
+    this.closeTooltipImmediate();
+  };
+  handleContentMouseEnter = () => {
+    if (!this.disableHoverableContent) {
+      this.clearTimeouts();
+    }
+  };
+  handleContentMouseLeave = () => {
+    this.closeTooltip();
+  };
+  handleKeyDown = event => {
+    if (!this.isOpen) return;
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      this.closeTooltipImmediate();
+    }
+  };
+  // ============================================================================
+  // Computed Properties for Template
+  // ============================================================================
+  get destinationElement() {
+    return document.body;
+  }
+  get ariaDescribedBy() {
+    return this.isOpen ? this.contentId : undefined;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class=\"tooltip\" {{this.setupEventListeners}} data-test-tooltip ...attributes>\n  <span class=\"tooltip-trigger\" aria-describedby={{this.ariaDescribedBy}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{on \"focusin\" this.handleFocusIn}} {{on \"focusout\" this.handleFocusOut}} {{this.registerTrigger}} data-test-tooltip-trigger>\n    {{yield}}\n  </span>\n\n  {{#if this.isOpen}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div id={{this.contentId}} class=\"tooltip-content\" role=\"tooltip\" aria-label={{@aria-label}} data-side={{this.actualSide}} data-variant={{this.variant}} {{on \"mouseenter\" this.handleContentMouseEnter}} {{on \"mouseleave\" this.handleContentMouseLeave}} {{this.applyPositioning trigger=this.triggerElement placement=this.placement offsetOptions=this.offsetOptions flipOptions=this.flipOptions shiftOptions=this.shiftOptions}} data-test-tooltip-content>\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n        {{#if this.showArrow}}\n          <div class=\"tooltip-arrow\" data-test-tooltip-arrow></div>\n        {{/if}}\n      </div>\n    {{/in-element}}\n  {{/if}}\n</span>", {
+      strictMode: true,
+      scope: () => ({
+        on
+      })
+    }), this);
+  }
+}
+
+export { TooltipProvider, Tooltip as default };
+//# sourceMappingURL=tooltip.js.map

package/dist/overlay/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/services/index.js

@@ -0,0 +1,2 @@
+export { default as ToastService } from './toast.js';
+//# sourceMappingURL=index.js.map

package/dist/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/services/toast.js

@@ -0,0 +1,162 @@
+import Service from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { g, i } from 'decorator-transforms/runtime';
+
+// ============================================================================
+// Service
+// ============================================================================
+
+let toastIdCounter = 0;
+class ToastService extends Service {
+  static {
+    g(this.prototype, "toasts", [tracked], function () {
+      return [];
+    });
+  }
+  #toasts = (i(this, "toasts"), void 0);
+  DEFAULT_DURATION = 5000;
+  EXIT_ANIMATION_DURATION = 150;
+
+  /**
+   * Show a new toast notification
+   */
+  show(options) {
+    const id = `toast-${++toastIdCounter}`;
+    const duration = options.duration ?? this.DEFAULT_DURATION;
+    const now = Date.now();
+    const toast = {
+      id,
+      title: options.title,
+      description: options.description,
+      tone: options.tone ?? 'neutral',
+      icon: options.icon,
+      duration,
+      dismissible: options.dismissible ?? true,
+      action: options.action,
+      onDismiss: options.onDismiss,
+      state: 'entering',
+      createdAt: now,
+      remainingTime: duration,
+      timerStartedAt: now
+    };
+
+    // Add to array (triggers reactivity)
+    this.toasts = [...this.toasts, toast];
+
+    // Transition to visible after enter animation
+    setTimeout(() => {
+      this.updateToastState(id, 'visible');
+    }, 200);
+
+    // Start auto-dismiss timer if duration > 0
+    if (duration > 0) {
+      this.startTimer(id);
+    }
+    return id;
+  }
+
+  /**
+   * Dismiss a specific toast by ID, or all toasts if no ID provided
+   */
+  dismiss(id) {
+    if (id) {
+      this.dismissSingle(id);
+    } else {
+      this.dismissAll();
+    }
+  }
+
+  /**
+   * Dismiss all toasts
+   */
+  dismissAll() {
+    const ids = this.toasts.map(t => t.id);
+    ids.forEach(id => this.dismissSingle(id));
+  }
+
+  /**
+   * Pause the auto-dismiss timer for a toast
+   */
+  pauseTimer(id) {
+    const toast = this.toasts.find(t => t.id === id);
+    if (!toast || !toast.timerId || toast.duration === 0) return;
+    clearTimeout(toast.timerId);
+    const elapsed = Date.now() - toast.timerStartedAt;
+    toast.remainingTime = Math.max(0, toast.remainingTime - elapsed);
+    toast.timerId = undefined;
+
+    // Trigger reactivity
+    this.toasts = [...this.toasts];
+  }
+
+  /**
+   * Resume the auto-dismiss timer for a toast
+   */
+  resumeTimer(id) {
+    const toast = this.toasts.find(t => t.id === id);
+    if (!toast || toast.timerId || toast.duration === 0) return;
+    if (toast.remainingTime > 0) {
+      toast.timerStartedAt = Date.now();
+      this.startTimer(id);
+    }
+  }
+
+  // ============================================================================
+  // Private Methods
+  // ============================================================================
+
+  dismissSingle(id) {
+    const toast = this.toasts.find(t => t.id === id);
+    if (!toast || toast.state === 'exiting') return;
+
+    // Clear timer if exists
+    if (toast.timerId) {
+      clearTimeout(toast.timerId);
+    }
+
+    // Start exit animation
+    this.updateToastState(id, 'exiting');
+
+    // Remove after exit animation completes
+    setTimeout(() => {
+      toast.onDismiss?.();
+      this.removeToast(id);
+    }, this.EXIT_ANIMATION_DURATION);
+  }
+  removeToast(id) {
+    this.toasts = this.toasts.filter(t => t.id !== id);
+  }
+  updateToastState(id, state) {
+    const toast = this.toasts.find(t => t.id === id);
+    if (toast) {
+      toast.state = state;
+      // Trigger reactivity
+      this.toasts = [...this.toasts];
+    }
+  }
+  startTimer(id) {
+    const toast = this.toasts.find(t => t.id === id);
+    if (!toast || toast.duration === 0) return;
+    toast.timerId = setTimeout(() => {
+      this.dismissSingle(id);
+    }, toast.remainingTime);
+
+    // Trigger reactivity
+    this.toasts = [...this.toasts];
+  }
+
+  /**
+   * Clean up all timers when service is destroyed
+   */
+  willDestroy() {
+    super.willDestroy();
+    this.toasts.forEach(toast => {
+      if (toast.timerId) {
+        clearTimeout(toast.timerId);
+      }
+    });
+  }
+}
+
+export { ToastService as default };
+//# sourceMappingURL=toast.js.map

package/dist/services/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../src/services/toast.ts"],"sourcesContent":["import Service from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\nimport type { IconNode } from 'lucide';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastTone = 'neutral' | 'success' | 'warning' | 'critical' | 'info';\n\nexport type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastOptions {\n  /** Toast title (required) */\n  title: string;\n\n  /** Optional description */\n  description?: string;\n\n  /** Color tone */\n  tone?: ToastTone;\n\n  /** Custom icon (overrides tone default) */\n  icon?: IconNode;\n\n  /** Duration in ms (0 = no auto-dismiss, default: 5000) */\n  duration?: number;\n\n  /** Show close button (default: true) */\n  dismissible?: boolean;\n\n  /** Action button */\n  action?: ToastAction;\n\n  /** Callback when toast is dismissed */\n  onDismiss?: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  title: string;\n  description?: string;\n  tone: ToastTone;\n  icon?: IconNode;\n  duration: number;\n  dismissible: boolean;\n  action?: ToastAction;\n  onDismiss?: () => void;\n  state: 'entering' | 'visible' | 'exiting';\n  createdAt: number;\n  timerId?: ReturnType<typeof setTimeout>;\n  remainingTime: number;\n  timerStartedAt: number;\n}\n\n// ============================================================================\n// Service\n// ============================================================================\n\nlet toastIdCounter = 0;\n\nexport default class ToastService extends Service {\n  @tracked toasts: Toast[] = [];\n\n  private readonly DEFAULT_DURATION = 5000;\n  private readonly EXIT_ANIMATION_DURATION = 150;\n\n  /**\n   * Show a new toast notification\n   */\n  show(options: ToastOptions): string {\n    const id = `toast-${++toastIdCounter}`;\n    const duration = options.duration ?? this.DEFAULT_DURATION;\n\n    const now = Date.now();\n    const toast: Toast = {\n      id,\n      title: options.title,\n      description: options.description,\n      tone: options.tone ?? 'neutral',\n      icon: options.icon,\n      duration,\n      dismissible: options.dismissible ?? true,\n      action: options.action,\n      onDismiss: options.onDismiss,\n      state: 'entering',\n      createdAt: now,\n      remainingTime: duration,\n      timerStartedAt: now,\n    };\n\n    // Add to array (triggers reactivity)\n    this.toasts = [...this.toasts, toast];\n\n    // Transition to visible after enter animation\n    setTimeout(() => {\n      this.updateToastState(id, 'visible');\n    }, 200);\n\n    // Start auto-dismiss timer if duration > 0\n    if (duration > 0) {\n      this.startTimer(id);\n    }\n\n    return id;\n  }\n\n  /**\n   * Dismiss a specific toast by ID, or all toasts if no ID provided\n   */\n  dismiss(id?: string): void {\n    if (id) {\n      this.dismissSingle(id);\n    } else {\n      this.dismissAll();\n    }\n  }\n\n  /**\n   * Dismiss all toasts\n   */\n  dismissAll(): void {\n    const ids = this.toasts.map((t) => t.id);\n    ids.forEach((id) => this.dismissSingle(id));\n  }\n\n  /**\n   * Pause the auto-dismiss timer for a toast\n   */\n  pauseTimer(id: string): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (!toast || !toast.timerId || toast.duration === 0) return;\n\n    clearTimeout(toast.timerId);\n    const elapsed = Date.now() - toast.timerStartedAt;\n    toast.remainingTime = Math.max(0, toast.remainingTime - elapsed);\n    toast.timerId = undefined;\n\n    // Trigger reactivity\n    this.toasts = [...this.toasts];\n  }\n\n  /**\n   * Resume the auto-dismiss timer for a toast\n   */\n  resumeTimer(id: string): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (!toast || toast.timerId || toast.duration === 0) return;\n\n    if (toast.remainingTime > 0) {\n      toast.timerStartedAt = Date.now();\n      this.startTimer(id);\n    }\n  }\n\n  // ============================================================================\n  // Private Methods\n  // ============================================================================\n\n  private dismissSingle(id: string): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (!toast || toast.state === 'exiting') return;\n\n    // Clear timer if exists\n    if (toast.timerId) {\n      clearTimeout(toast.timerId);\n    }\n\n    // Start exit animation\n    this.updateToastState(id, 'exiting');\n\n    // Remove after exit animation completes\n    setTimeout(() => {\n      toast.onDismiss?.();\n      this.removeToast(id);\n    }, this.EXIT_ANIMATION_DURATION);\n  }\n\n  private removeToast(id: string): void {\n    this.toasts = this.toasts.filter((t) => t.id !== id);\n  }\n\n  private updateToastState(\n    id: string,\n    state: 'entering' | 'visible' | 'exiting',\n  ): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (toast) {\n      toast.state = state;\n      // Trigger reactivity\n      this.toasts = [...this.toasts];\n    }\n  }\n\n  private startTimer(id: string): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (!toast || toast.duration === 0) return;\n\n    toast.timerId = setTimeout(() => {\n      this.dismissSingle(id);\n    }, toast.remainingTime);\n\n    // Trigger reactivity\n    this.toasts = [...this.toasts];\n  }\n\n  /**\n   * Clean up all timers when service is destroyed\n   */\n  willDestroy(): void {\n    super.willDestroy();\n    this.toasts.forEach((toast) => {\n      if (toast.timerId) {\n        clearTimeout(toast.timerId);\n      }\n    });\n  }\n}\n\ndeclare module '@ember/service' {\n  interface Registry {\n    toast: ToastService;\n  }\n}\n"],"names":["toastIdCounter","ToastService","Service","g","prototype","tracked","i","DEFAULT_DURATION","EXIT_ANIMATION_DURATION","show","options","id","duration","now","Date","toast","title","description","tone","icon","dismissible","action","onDismiss","state","createdAt","remainingTime","timerStartedAt","toasts","setTimeout","updateToastState","startTimer","dismiss","dismissSingle","dismissAll","ids","map","t","forEach","pauseTimer","find","timerId","clearTimeout","elapsed","Math","max","undefined","resumeTimer","removeToast","filter","willDestroy"],"mappings":"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"}

package/dist/skeleton-CL5Pcwrk.js

@@ -0,0 +1,3 @@
+import "./status/skeleton.css"
+;
+//# sourceMappingURL=skeleton-CL5Pcwrk.js.map

package/dist/skeleton-CL5Pcwrk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-CL5Pcwrk.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}