{"version":3,"mappings":"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","names":["SizePreset","skewAngle","computed","props","sizePreset","dir","OzSkewedButton","defineAsyncComponent","OzPlainButton","OzIcon","n","surfacePostsStore","useSurfacePostsStore","surfaceSectionsStore","useSurfaceSectionsStore","surfaceMapStore","useSurfaceMapStore","surfaceDemoPadletPanelStore","useSurfaceOnboardingDemoPadletPanelStore","backgroundColor","backgroundLuminance","colorScheme","fontId","format","isGrid","isMap","isReadOnly","skinPrimaryVariantColorAsRGB","isSectionBreakout","isFrozen","storeToRefs","useSurfaceStore","isDraggingPostInNonManuallySortedWall","useSurfacePostsDragAndDropStore","canIModerate","canIPost","useSurfacePermissionsStore","sectionBeingRenamedId","canEditSectionNameInline","xSectionSpecificButtons","sectionUnderActionId","sectionUnderActionRightClickCoordinates","shouldHideSectionButtonsWhenDragging","value","handleOpenSectionActionMenu","sectionId","e","isDemoPadletPanelDesktop","pageX","pageY","x","y","startEditingSectionTitle","startRenamingSection","finishEditingSectionTitle","newTitle","editSectionTitle","title","stopRenamingSection","$el","ref","addPostButtonRef","emitHeaderResize","emit","getBoundingClientRect","watch","newSectionBeingRenamedId","nextTick","element","document","getElementById","isElementInViewport","scrollIntoView","onBeforeUnmount","sectionAddPostButton","shouldShow","icon","label","__","onClick","startPickingLocation","section","id","startNewPost","attributes","wall_section_id","testId","sectionActionsButton","sectionSpecificButtons","filter","button","sectionTitleRef","expose"],"sources":["../../../app/javascript/library/v4/components/OzSkewedButton.vue","../../../app/javascript/vuecomponents/SurfacePostGroupHeaderSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport OzBaseButton, { OzBaseButtonHrefMode } from '@@/library/v4/components/OzBaseButton.vue'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Label corresponding to the button.\n     */\n    ariaLabel: string\n    /**\n     * Dark mode.\n     */\n    darkMode?: boolean | 'auto'\n    /**\n     * Direction.\n     */\n    dir?: 'ltr' | 'rtl' | 'auto'\n    /**\n     * Whether the button is disabled.\n     */\n    disabled?: boolean\n    /**\n     * See `OzBaseButton`.\n     */\n    href?: string\n    /**\n     * See `OzBaseButton`.\n     */\n    hrefMode?: OzBaseButtonHrefMode\n    /**\n     * Applies preset sizes/shapes.\n     */\n    sizePreset?: SizePreset\n  }>(),\n  {\n    ariaLabel: '',\n    darkMode: 'auto',\n    dir: 'auto',\n    disabled: false,\n    href: undefined,\n    hrefMode: OzBaseButtonHrefMode.Default,\n    sizePreset: SizePreset.H40px,\n  },\n)\n\ndefineEmits<{\n  (name: 'focus', e: FocusEvent): void\n  (name: 'blur', e: FocusEvent): void\n  (name: 'mouseenter', e: MouseEvent): void\n  (name: 'mouseleave', e: MouseEvent): void\n  (name: 'click', e: MouseEvent): void\n}>()\n\nconst skewAngle = computed(() => {\n  switch (props.sizePreset) {\n    case SizePreset.H40px:\n      return props.dir === 'rtl' ? -10 : 10\n    default:\n      return 0\n  }\n})\n</script>\n\n<script lang=\"ts\">\nenum SizePreset {\n  H40px = 'H40px',\n}\n\nexport { OzBaseButtonHrefMode as OzSkewedButtonHrefMode } from '@@/library/v4/components/OzBaseButton.vue'\nexport { SizePreset as OzSkewedButtonSizePreset }\n</script>\n\n<template>\n  <OzBaseButton\n    :aria-label=\"ariaLabel\"\n    :dir=\"dir\"\n    :disabled=\"disabled\"\n    :href=\"href\"\n    :href-mode=\"hrefMode\"\n    :class=\"[\n      // SIZE & SHAPE\n      // Common styles\n      // Remove the default focus ring\n      'focus-visible:outline-none',\n\n      // Reset user agent styles\n      // Don't set px-0 here so we won't have specificity issues\n      'py-0',\n\n      // Centralize button content\n      'flex',\n      'items-center',\n      'justify-center',\n\n      // Presets\n      sizePreset === SizePreset.H40px && [\n        'h-10',\n        'px-3.5',\n        'rounded-[5px]',\n        'focus-visible:ring-[2.5px]',\n\n        // Skew the button along the X axis\n        {\n          'skew-x-[10deg]': dir === 'ltr',\n          'skew-x-[-10deg]': dir === 'rtl',\n          'skew-x-[10deg] rtl:skew-x-[-10deg]': dir === 'auto',\n        },\n      ],\n\n      // COLOR SCHEMES\n      // Focus ring\n      {\n        'ring-grape-500': darkMode === false,\n        'ring-canary-500': darkMode === true,\n        'ring-grape-500 dark:ring-canary-500': darkMode === 'auto',\n      },\n\n      // Background\n      {\n        'active:!bg-grape-500': darkMode === false,\n        'active:!bg-canary-500': darkMode === true,\n        'active:!bg-grape-500 dark:active:!bg-canary-500': darkMode === 'auto',\n      },\n\n      // Text\n      {\n        'text-dark-text-200 active:text-light-text-200': darkMode === false,\n        'text-light-text-200 active:text-dark-text-200': darkMode === true,\n        'text-dark-text-200 dark:text-light-text-200 active:text-light-text-200 dark:active:text-dark-text-200':\n          darkMode === 'auto',\n      },\n    ]\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n    @mouseenter=\"$emit('mouseenter', $event)\"\n    @mouseleave=\"$emit('mouseleave', $event)\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span\n      :class=\"[\n        'flex',\n        'items-center',\n        'justify-center',\n\n        // Unskew the content on the X axis\n        {\n          'skew-x-[-10deg]': dir === 'ltr',\n          'skew-x-[10deg]': dir === 'rtl',\n          'skew-x-[-10deg] rtl:skew-x-[10deg]': dir === 'auto',\n        },\n      ]\"\n    >\n      <slot></slot>\n    </span>\n  </OzBaseButton>\n</template>\n","<script setup lang=\"ts\">\nimport { isElementInViewport } from '@@/bits/dom'\nimport { __ } from '@@/bits/intl'\nimport { defineAsyncComponent } from '@@/bits/vue'\nimport OzBaseButton from '@@/library/v4/components/OzBaseButton.vue'\nimport { OzPlainButtonColorScheme, OzPlainButtonSizePreset } from '@@/library/v4/components/OzPlainButton.vue'\nimport { OzSkewedButtonSizePreset } from '@@/library/v4/components/OzSkewedButton.vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceMapStore } from '@@/pinia/surface_map'\nimport { useSurfaceOnboardingDemoPadletPanelStore } from '@@/pinia/surface_onboarding_demo_padlet_panel_store'\nimport { useSurfacePermissionsStore } from '@@/pinia/surface_permissions'\nimport { useSurfacePostsStore } from '@@/pinia/surface_posts'\nimport { useSurfacePostsDragAndDropStore } from '@@/pinia/surface_posts_drag_and_drop'\nimport { useSurfaceSectionsStore } from '@@/pinia/surface_sections'\nimport type { LabelledSection } from '@@/types'\nimport SurfaceSectionTitle from '@@/vuecomponents/SurfaceSectionTitle.vue'\nimport type { LongPressEvent } from '@@/vuedirectives/emit_long_press'\nimport { storeToRefs } from 'pinia'\nimport type { ComponentPublicInstance } from 'vue'\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nconst OzSkewedButton = defineAsyncComponent(() => import('@@/library/v4/components/OzSkewedButton.vue'))\nconst OzPlainButton = defineAsyncComponent(() => import('@@/library/v4/components/OzPlainButton.vue'))\nconst OzIcon = defineAsyncComponent(() => import('@@/library/v4/components/OzIcon.vue'))\n\nconst props = defineProps<{\n  section: Required<LabelledSection>\n  useDefaultBgColor?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (name: 'long-press', event: LongPressEvent): void\n  (name: 'resize', value: DOMRectReadOnly): void\n  (name: 'before-unmount'): void\n}>()\n\nconst surfacePostsStore = useSurfacePostsStore()\nconst surfaceSectionsStore = useSurfaceSectionsStore()\nconst surfaceMapStore = useSurfaceMapStore()\nconst surfaceDemoPadletPanelStore = useSurfaceOnboardingDemoPadletPanelStore()\n\nconst {\n  backgroundColor,\n  backgroundLuminance,\n  colorScheme,\n  dir,\n  fontId,\n  format,\n  isGrid,\n  isMap,\n  isReadOnly,\n  skinPrimaryVariantColorAsRGB,\n  isSectionBreakout,\n  isFrozen,\n} = storeToRefs(useSurfaceStore())\nconst { isDraggingPostInNonManuallySortedWall } = storeToRefs(useSurfacePostsDragAndDropStore())\nconst { canIModerate, canIPost } = storeToRefs(useSurfacePermissionsStore())\nconst {\n  sectionBeingRenamedId,\n  canEditSectionNameInline,\n  xSectionSpecificButtons,\n  sectionUnderActionId,\n  sectionUnderActionRightClickCoordinates,\n} = storeToRefs(surfaceSectionsStore)\n\nconst shouldHideSectionButtonsWhenDragging = computed(\n  () => !isGrid.value && isDraggingPostInNonManuallySortedWall.value,\n)\n\nfunction handleOpenSectionActionMenu(sectionId: LabelledSection['id'], e?: MouseEvent): void {\n  if (surfaceDemoPadletPanelStore.isDemoPadletPanelDesktop) return\n  if (sectionId) {\n    sectionUnderActionId.value = sectionId\n    const isOpeningAtCoordinates = e?.pageX != null && e?.pageY != null\n    if (isOpeningAtCoordinates) {\n      sectionUnderActionRightClickCoordinates.value = { x: e.pageX, y: e.pageY }\n    } else {\n      sectionUnderActionRightClickCoordinates.value = null\n    }\n  }\n}\n\nfunction startEditingSectionTitle(sectionId: LabelledSection['id']): void {\n  if (sectionId) surfaceSectionsStore.startRenamingSection(sectionId)\n}\n\nfunction finishEditingSectionTitle(newTitle): void {\n  if (sectionBeingRenamedId.value == null) return\n  const edited = surfaceSectionsStore.editSectionTitle({\n    sectionId: sectionBeingRenamedId.value,\n    title: newTitle,\n  })\n  if (edited) {\n    surfaceSectionsStore.stopRenamingSection()\n  }\n}\n\nconst $el = ref<HTMLElement | null>(null)\nconst addPostButtonRef = ref<InstanceType<typeof OzBaseButton> | null>(null)\n\nfunction emitHeaderResize(): void {\n  if ($el.value) {\n    emit('resize', $el.value.getBoundingClientRect())\n  }\n}\n\nwatch(sectionBeingRenamedId, (newSectionBeingRenamedId) => {\n  if (newSectionBeingRenamedId == null) return\n  nextTick(() => {\n    const element = document.getElementById(`section-title-${newSectionBeingRenamedId}`)\n    if (element && !isElementInViewport(element)) {\n      element?.scrollIntoView(true)\n    }\n  })\n})\n\nonBeforeUnmount(() => {\n  emit('before-unmount')\n})\n\nconst sectionAddPostButton = computed(() => ({\n  shouldShow: canIPost.value && !isReadOnly.value && !isSectionBreakout.value && !isFrozen.value,\n  icon: 'plus_thin',\n  label: __('Add post to this section'),\n  onClick: () => {\n    if (isMap.value) {\n      surfaceMapStore.startPickingLocation({ sectionId: props.section.id })\n    } else {\n      surfacePostsStore.startNewPost({ attributes: { wall_section_id: props.section.id } })\n    }\n  },\n  id: `section-add-post-button-${props.section.id}`,\n  testId: `${props.section.title}SectionAddPostButton`,\n}))\n\nconst sectionActionsButton = computed(() => ({\n  shouldShow: !isReadOnly.value && !isSectionBreakout.value,\n  icon: 'dot_3_horizontal',\n  label: __('Open section actions menu'),\n  onClick: () => handleOpenSectionActionMenu(props.section.id),\n  id: `section-action-menu-button-${props.section.id}`,\n  testId: `${props.section.title}SectionTitleMoreButton`,\n}))\n\nconst sectionSpecificButtons = computed(() =>\n  [sectionAddPostButton.value, sectionActionsButton.value].filter((button) => button.shouldShow),\n)\n\n// There's a possibility that some elements inside $el is not rendered yet.\n// Therefore we also need to watch for whenever child elements of $el are rendered/hidden.\nwatch(addPostButtonRef, () => {\n  emitHeaderResize()\n})\n\nconst sectionTitleRef = ref<ComponentPublicInstance | null>(null)\ndefineExpose({\n  sectionTitleRef,\n})\n</script>\n\n<template>\n  <header\n    ref=\"$el\"\n    :class=\"{ flex: true, 'flex-col': isGrid, 'flex-row items-end': !isGrid, 'justify-between': isMap }\"\n    @long-press=\"$emit('long-press', $event)\"\n  >\n    <SurfaceSectionTitle\n      :id=\"section.ariaLabelledby\"\n      :ref=\"'sectionTitleRef'\"\n      :section-id=\"section.id\"\n      :class=\"[isMap && 'me-3 desktop:me-2.5', 'surface-group-title', isGrid && 'max-w-[calc(100%-6px)]']\"\n      :background-color=\"useDefaultBgColor ? undefined : skinPrimaryVariantColorAsRGB || backgroundColor\"\n      :can-edit=\"canIModerate && !isFrozen && !surfaceDemoPadletPanelStore.isDemoPadletPanelDesktop\"\n      :can-edit-inline=\"canEditSectionNameInline\"\n      :dark-mode=\"backgroundLuminance === 'dark'\"\n      :dir=\"dir\"\n      :edit-mode=\"section.id === sectionBeingRenamedId\"\n      :x-more-button=\"!isReadOnly && !surfaceDemoPadletPanelStore.isDemoPadletPanelDesktop\"\n      :font-id=\"fontId\"\n      :format=\"format\"\n      :title=\"section.title\"\n      @open-actions=\"handleOpenSectionActionMenu(section.id)\"\n      @open-actions-at-coordinates=\"(e) => handleOpenSectionActionMenu(section.id, e)\"\n      @start-editing=\"startEditingSectionTitle(section.id)\"\n      @finish-editing=\"finishEditingSectionTitle\"\n      @cancel-editing=\"surfaceSectionsStore.stopRenamingSection()\"\n      @resize=\"emitHeaderResize\"\n    />\n    <div\n      v-if=\"xSectionSpecificButtons\"\n      :class=\"[\n        'flex flex-row space-s-1 surface-section-action-buttons',\n        shouldHideSectionButtonsWhenDragging && 'invisible',\n      ]\"\n    >\n      <component\n        :is=\"isMap ? OzPlainButton : OzSkewedButton\"\n        v-for=\"button in sectionSpecificButtons\"\n        :id=\"button.id\"\n        :key=\"button.id\"\n        :data-testid=\"button.testId\"\n        :class=\"[\n          'shrink-0',\n          isMap\n            ? ['w-6 h-6 p-1']\n            : [\n                'transition-shadow motion-reduce:transition-none',\n                {\n                  'hover-overlay-light': backgroundLuminance === 'light',\n                  'hover-overlay-dark': backgroundLuminance === 'dark',\n                },\n              ],\n        ]\"\n        :size-preset=\"isMap ? OzPlainButtonSizePreset.H24px : OzSkewedButtonSizePreset.H40px\"\n        :color-scheme=\"isMap && OzPlainButtonColorScheme.Secondary\"\n        :style=\"!isMap && { backgroundColor: skinPrimaryVariantColorAsRGB || backgroundColor }\"\n        :title=\"button.label\"\n        :aria-label=\"button.label\"\n        :dark-mode=\"isMap ? colorScheme === 'dark' : backgroundLuminance === 'dark'\"\n        :dir=\"dir\"\n        @click=\"button.onClick\"\n      >\n        <OzIcon :name=\"button.icon\" :size=\"16\" />\n      </component>\n    </div>\n    <OzBaseButton\n      v-if=\"isGrid && sectionAddPostButton.shouldShow && !surfaceDemoPadletPanelStore.isDemoPadletPanelDesktop\"\n      ref=\"addPostButtonRef\"\n      :aria-label=\"sectionAddPostButton.label\"\n      :title=\"sectionAddPostButton.label\"\n      :class=\"[\n        'flex',\n        'items-center',\n        'justify-center',\n\n        'transition-all motion-reduce:transition-none',\n\n        // Size & shape\n        'mt-3 tablet-portrait:mt-4',\n        'rounded-lg',\n        'w-full h-8',\n        'p-0',\n\n        // Base\n        {\n          'bg-[rgba(255,255,255,0.32)]': backgroundLuminance === 'light',\n          'bg-[rgba(0,0,0,0.24)]': backgroundLuminance === 'dark',\n        },\n        'backdrop-blur-sm',\n        {\n          'text-dark-text-200': backgroundLuminance === 'light',\n          'text-light-text-200': backgroundLuminance === 'dark',\n        },\n\n        // Hover\n        {\n          'hover-hover:hover:bg-light-ui-100': backgroundLuminance === 'light',\n          'hover-hover:hover:bg-dark-ui-100': backgroundLuminance === 'dark',\n        },\n        {\n          'hover-hover:hover:text-dark-text-100': backgroundLuminance === 'light',\n          'hover-hover:hover:text-light-text-100': backgroundLuminance === 'dark',\n        },\n\n        // Focus\n        'focus-visible:outline-none',\n        'focus-visible:ring-2',\n        {\n          'ring-grape-500': backgroundLuminance === 'light',\n          'ring-canary-500': backgroundLuminance === 'dark',\n        },\n\n        // Active\n        {\n          'hover-hover:active:bg-grape-500': backgroundLuminance === 'light',\n          'hover-hover:active:bg-canary-500': backgroundLuminance === 'dark',\n        },\n        {\n          'hover-hover:active:text-light-text-100': backgroundLuminance === 'light',\n          'hover-hover:active:text-dark-text-100': backgroundLuminance === 'dark',\n        },\n      ]\"\n      @click=\"sectionAddPostButton.onClick\"\n    >\n      <OzIcon :name=\"sectionAddPostButton.icon\" :size=\"16\" />\n    </OzBaseButton>\n  </header>\n</template>\n\n<style scoped>\n@media (hover: hover) {\n  .hover-overlay-light:hover {\n    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);\n  }\n\n  .hover-overlay-dark:hover {\n    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);\n  }\n}\n</style>\n"],"file":"assets/SurfacePostGroupHeaderSection-38d9e81d.js"}