@feedmepos/mf-order-setting 0.0.90 → 0.0.91

package/dist/frontend/mf-order/src/views/display-system/DisplayModulePalette.vue.d.ts

@@ -1,13 +0,0 @@
-type __VLS_Props = {
-    canAdd: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    add: (type: string) => any;
-    dragend: () => any;
-    dragstart: (type: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAdd?: ((type: string) => any) | undefined;
-    onDragend?: (() => any) | undefined;
-    onDragstart?: ((type: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/src/views/display-system/DisplayModulePalette.vue

@@ -1,140 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useI18n } from '@feedmepos/mf-common'
-import { DISPLAY_BLOCK_DEFINITIONS } from '@entity'
-
-defineProps<{ canAdd: boolean }>()
-
-// Authoring is deliberately ungated: templates are business-level while
-// capabilities are bought per outlet, so the palette must not change shape with
-// the outlet picker. A per-module "not licensed here" badge needs per-outlet
-// capabilities for the template's own targets (a business-level endpoint that
-// does not exist yet), so nothing is marked until that lands — a badge derived
-// from the page's outlet selector would be wrong more often than right.
-
-const emit = defineEmits<{
-  (event: 'add', type: string): void
-  (event: 'dragstart', type: string): void
-  (event: 'dragend'): void
-}>()
-
-const { t } = useI18n()
-
-const GROUP_ORDER = ['pickup', 'queue', 'media', 'info'] as const
-
-const groups = computed(() =>
-  GROUP_ORDER.map((group) => ({
-    group,
-    label: t(`order.displaySystem.editor.ui.group${group.charAt(0).toUpperCase()}${group.slice(1)}`),
-    items: DISPLAY_BLOCK_DEFINITIONS.filter((definition) => definition.editor.group === group)
-  })).filter((entry) => entry.items.length)
-)
-
-function onDragStart(event: DragEvent, type: string): void {
-  event.dataTransfer?.setData('application/x-display-block-type', type)
-  if (event.dataTransfer) event.dataTransfer.effectAllowed = 'copy'
-  emit('dragstart', type)
-}
-</script>
-
-<template>
-  <div class="palette">
-    <div class="palette-head">
-      <h3 class="palette-title">{{ t('order.displaySystem.editor.ui.paletteTitle') }}</h3>
-      <p class="palette-hint">{{ t('order.displaySystem.editor.ui.paletteHint') }}</p>
-    </div>
-
-    <section v-for="entry in groups" :key="entry.group" class="palette-group">
-      <h4 class="palette-group-label">{{ entry.label }}</h4>
-      <button
-        v-for="definition in entry.items"
-        :key="definition.type"
-        type="button"
-        class="palette-card"
-        draggable="true"
-        :disabled="!canAdd"
-        @dragstart="onDragStart($event, definition.type)"
-        @dragend="emit('dragend')"
-        @click="emit('add', definition.type)"
-      >
-        <span class="palette-icon"><FmIcon :name="definition.editor.icon" size="sm" /></span>
-        <span class="palette-label">{{ t(definition.editor.labelKey) }}</span>
-      </button>
-    </section>
-  </div>
-</template>
-
-<style scoped>
-.palette {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-.palette-head {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.palette-title {
-  color: #111827;
-  font-size: 13px;
-  font-weight: 600;
-}
-.palette-hint {
-  color: #6b7280;
-  font-size: 11px;
-  line-height: 1.4;
-}
-.palette-group {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.palette-group-label {
-  color: #9ca3af;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-.palette-card {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  border: 1px solid #e5e7eb;
-  border-radius: 8px;
-  padding: 8px 10px;
-  background: white;
-  color: #374151;
-  font-size: 13px;
-  text-align: left;
-  cursor: grab;
-}
-.palette-card:hover:not(:disabled) {
-  border-color: #f97316;
-  background: #fffbf5;
-}
-.palette-card:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.palette-card:active {
-  cursor: grabbing;
-}
-.palette-icon {
-  display: grid;
-  height: 24px;
-  width: 24px;
-  flex: 0 0 auto;
-  place-items: center;
-  border-radius: 6px;
-  background: #f3f4f6;
-  color: #4b5563;
-}
-.palette-label {
-  min-width: 0;
-  flex: 1;
-  line-height: 1.25;
-  overflow-wrap: anywhere;
-}
-</style>