{"version":3,"mappings":"giIAyBA,MAAMA,EAAsBC,EAAqB,UAAM,OAAO,mCAA0C,q4GAAC,EACnGC,EAAuBD,EAAqB,UAAM,OAAO,oCAA2C,+mFAAC,EACrGE,EAA+BF,EACnC,UAAM,OAAO,4CAAmD,oiHAClE,EACMG,EAAgCH,EACpC,UAAM,OAAO,6CAAoD,w9GACnE,EACMI,EAAoBJ,EAAqB,UAAM,OAAO,iCAAwC,4mFAAC,EAC/FK,EAAqBL,EAAqB,UAAM,OAAO,kCAAyC,mrHAAC,EACjGM,EAAkBN,EAAqB,UAAM,OAAO,gCAAuC,scAAC,EAC5FO,EAA2BP,EAAqB,UAAM,OAAO,wCAA+C,+ZAAC,EAC7GQ,EAAiCR,EACrC,UAAM,OAAO,8CAAqD,ydACpE,EACMS,EAA2BT,EAAqB,UAAM,OAAO,wCAA+C,2mMAAC,EAC7GU,EAA6BV,EAAqB,UAAM,OAAO,0CAAiD,ugFAAC,EACjHW,EAA2BX,EAAqB,UAAM,OAAO,wCAA+C,46GAAC,EAC7GY,EAAoCZ,EACxC,UAAM,OAAO,iDAAwD,4jGACvE,EACMa,EAAWb,EAAqB,UAAM,OAAO,wBAA+B,yoDAAC,EAC7Ec,EAAqBd,EAAqB,UAAM,OAAO,kCAAyC,22GAAC,EACjGe,EAA2Bf,EAAqB,UAAM,OAAO,wCAA+C,kqJAAC,EAC7GgB,EAAsBhB,EAAqB,UAAM,OAAO,mCAA0C,g5GAAC,EACnGiB,EAAqCjB,EACzC,UAAM,OAAO,kDAAyD,y7HACxE,EACMkB,EAA+BlB,EACnC,UAAM,OAAO,4CAAmD,ksHAClE,EACMmB,EAA6BnB,EAAqB,UAAM,OAAO,0CAAiD,4iEAAC,EACjHoB,EAAgCpB,EACpC,UAAM,OAAO,6CAAoD,06JACnE,EACMqB,EAAiBrB,EAAqB,UAAM,OAAO,8BAAqC,8nKAAC,EAEzFsB,EAAeC,KACf,CACJC,qBACAC,uBACAC,sBACAC,OACAC,iBACAC,eACAC,iBACAC,sBACF,EAAIC,EAAYV,CAAY,EACtB,CAAEW,qBAAoB,EAAID,EAAYE,IAA0B,EAChE,CAAEC,oBAAmB,EAAIH,EAAYI,IAAsB,EAC3D,CAAEC,WAAU,EAAIL,EAAYM,IAAuB,EACnD,CAAEC,qBAAoBC,UAAS,EAAIR,EAAYS,IAA2B,EAC1E,CAAEC,cAAa,EAAIV,EAAYW,IAA4B,EAC3D,CAAEC,cAAeC,CAAqB,EAAIb,EAAYc,GAAsB,EAC5E,CAAEF,eAAc,EAAIZ,EAAYe,GAAuB,EACvD,CAAEC,qBAAoB,EAAIhB,EAAYiB,IAA6B,EACnE,CAAEC,sBAAqB,EAAIlB,EAAYmB,IAAuB,EAC9DC,EAAgCC,KAEhCC,EAA4BC,KAC5B,CAAEC,oBAAmB,EAAIxB,EAAYsB,CAAyB,EAC9D,CAAEG,uBAA0B,EAAAH,EAE5B,CAAEI,wBAAuBC,wBAA2B,EAAArC,EACpD,CAAEsC,kBAAmBC,EAAyB,EAAIf,EAAqB,EAEvEgB,EAA6BC,KAC7B,CAAEC,+BAA6BC,+BAA6B,EAAIjC,EAAY8B,CAA0B,EACtG,CAAEI,kCAAgCC,kCAAoC,EAAAL,EACtEM,GAA6BC,KAC7BC,GAAsBC","names":["SurfaceDetailsPanel","defineAsyncComponent","SurfaceSettingsPanel","SurfaceSettingsVideoRecorder","SurfaceSettingsScreenRecorder","SurfaceSharePanel","SurfaceRemakePanel","UpgradeRequired","DialogPermitNotification","SurfaceDialogExtensionRequired","SurfacePanelPostExpanded","MembershipTierUpgradeModal","SurfaceEditBookmarkModal","MembershipLibraryTierUpgradeModal","UserMenu","SurfaceReportPanel","SurfaceFreezePadletPanel","SurfaceQrCodeDialog","WhiteboardShapeSpecialEffectsModal","WhiteboardCardTemplatesPanel","AccessibilitySettingsModal","SurfaceAdditionalOptionsPanel","ScreenRecorder","surfaceStore","useSurfaceStore","xWallQuotaExceeded","fileThatExceededSize","xPermitNotification","user","isMobileLayout","xReportPanel","xSettingsPanel","xEditBookmarksDialog","storeToRefs","xCardTemplatesPanel","useWhiteboardPanelsStore","xExpandedPostPanel","useExpandedPostStore","xUserMenu","useAppBarAccountStore","xSurfaceSharePanel","xQrModal","useSurfaceSharePanelStore","xRemakePanel","useSurfaceRemakePanelStore","xUpgradeModal","xLibraryUpgradeModal","useLibraryPlansStore","usePersonalPlansStore","xSurfaceFreezePanel","useSurfaceFreezePadletPanel","xSurfaceDetailsPanel","useSurfacePanelsStore","whiteboardSpecialEffectsStore","useWhiteboardSpecialEffectsStore","surfaceRequireNoticeStore","useSurfaceRequireNoticeStore","xExtensionRequired","hideExtensionRequired","hideWallQuotaExceeded","hidePermitNotification","closeUpgradeModal","closeLibraryUpgradeModal","surfacePostPropertiesStore","useSurfacePostPropertiesStore","xVideoRecorderSettingsPanel","xScreenRecorderSettingsPanel","hideVideoRecorderSettingsPanel","hideScreenRecorderSettingsPanel","accessibilitySettingsStore","useAccessibilitySettingsStore","screenRecorderStore","useScreenRecorderStore"],"sources":["../../../app/javascript/vuecomponents/WhiteboardPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isAppUsing } from '@@/bits/flip'\nimport { defineAsyncComponent } from '@@/bits/vue'\nimport { useAccessibilitySettingsStore } from '@@/pinia/accessibility_settings_store'\nimport { useAppBarAccountStore } from '@@/pinia/app_bar_account'\nimport { useExpandedPostStore } from '@@/pinia/expanded_post'\nimport { useLibraryPlansStore } from '@@/pinia/library_plans'\nimport { usePersonalPlansStore } from '@@/pinia/personal_plans_store'\nimport { useScreenRecorderStore } from '@@/pinia/screen_recorder_store'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceFreezePadletPanel } from '@@/pinia/surface_freeze_padlet_panel'\nimport { useSurfacePanelsStore } from '@@/pinia/surface_panels'\nimport { useSurfacePostPropertiesStore } from '@@/pinia/surface_post_properties'\nimport { useSurfaceRemakePanelStore } from '@@/pinia/surface_remake_panel'\nimport { useSurfaceRequireNoticeStore } from '@@/pinia/surface_require_notice_store'\nimport { useSurfaceSharePanelStore } from '@@/pinia/surface_share_panel'\nimport { useWhiteboardPanelsStore } from '@@/pinia/whiteboard_panels'\nimport { useWhiteboardSpecialEffectsStore } from '@@/pinia/whiteboard_special_effects'\nimport GlobalAlertDialog from '@@/vuecomponents/GlobalAlertDialog.vue'\nimport GlobalConfirmationDialog from '@@/vuecomponents/GlobalConfirmationDialog.vue'\nimport GlobalInputDialog from '@@/vuecomponents/GlobalInputDialog.vue'\nimport { storeToRefs } from 'pinia'\n\n// IMPORTANT: If you're adding a new panel here, please also add it to the\n// `isOverlayVisible` getter in `app/javascript/vuexstore/surface/index.ts`\nconst SurfaceDetailsPanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceDetailsPanel.vue'))\nconst SurfaceSettingsPanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceSettingsPanel.vue'))\nconst SurfaceSettingsVideoRecorder = defineAsyncComponent(\n  () => import('@@/vuecomponents/SurfaceSettingsVideoRecorder.vue'),\n)\nconst SurfaceSettingsScreenRecorder = defineAsyncComponent(\n  () => import('@@/vuecomponents/SurfaceSettingsScreenRecorder.vue'),\n)\nconst SurfaceSharePanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceSharePanel.vue'))\nconst SurfaceRemakePanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceRemakePanel.vue'))\nconst UpgradeRequired = defineAsyncComponent(() => import('@@/vuecomponents/upgrade_required.vue'))\nconst DialogPermitNotification = defineAsyncComponent(() => import('@@/vuecomponents/DialogPermitNotification.vue'))\nconst SurfaceDialogExtensionRequired = defineAsyncComponent(\n  () => import('@@/vuecomponents/SurfaceDialogExtensionRequired.vue'),\n)\nconst SurfacePanelPostExpanded = defineAsyncComponent(() => import('@@/vuecomponents/SurfacePanelPostExpanded.vue'))\nconst MembershipTierUpgradeModal = defineAsyncComponent(() => import('@@/vuecomponents/MembershipTierUpgradeModal.vue'))\nconst SurfaceEditBookmarkModal = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceEditBookmarkModal.vue'))\nconst MembershipLibraryTierUpgradeModal = defineAsyncComponent(\n  () => import('@@/vuecomponents/MembershipLibraryTierUpgradeModal.vue'),\n)\nconst UserMenu = defineAsyncComponent(() => import('@@/vuecomponents/UserMenu.vue'))\nconst SurfaceReportPanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceReportPanel.vue'))\nconst SurfaceFreezePadletPanel = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceFreezePadletPanel.vue'))\nconst SurfaceQrCodeDialog = defineAsyncComponent(() => import('@@/vuecomponents/SurfaceQrCodeDialog.vue'))\nconst WhiteboardShapeSpecialEffectsModal = defineAsyncComponent(\n  () => import('@@/vuecomponents/WhiteboardShapeSpecialEffectsModal.vue'),\n)\nconst WhiteboardCardTemplatesPanel = defineAsyncComponent(\n  () => import('@@/vuecomponents/WhiteboardCardTemplatesPanel.vue'),\n)\nconst AccessibilitySettingsModal = defineAsyncComponent(() => import('@@/vuecomponents/AccessibilitySettingsModal.vue'))\nconst SurfaceAdditionalOptionsPanel = defineAsyncComponent(\n  () => import('@@/vuecomponents/SurfaceAdditionalOptionsPanel.vue'),\n)\nconst ScreenRecorder = defineAsyncComponent(() => import('@@/vuecomponents/ScreenRecorder.vue'))\n\nconst surfaceStore = useSurfaceStore()\nconst {\n  xWallQuotaExceeded,\n  fileThatExceededSize,\n  xPermitNotification,\n  user,\n  isMobileLayout,\n  xReportPanel,\n  xSettingsPanel,\n  xEditBookmarksDialog,\n} = storeToRefs(surfaceStore)\nconst { xCardTemplatesPanel } = storeToRefs(useWhiteboardPanelsStore())\nconst { xExpandedPostPanel } = storeToRefs(useExpandedPostStore())\nconst { xUserMenu } = storeToRefs(useAppBarAccountStore())\nconst { xSurfaceSharePanel, xQrModal } = storeToRefs(useSurfaceSharePanelStore())\nconst { xRemakePanel } = storeToRefs(useSurfaceRemakePanelStore())\nconst { xUpgradeModal: xLibraryUpgradeModal } = storeToRefs(useLibraryPlansStore())\nconst { xUpgradeModal } = storeToRefs(usePersonalPlansStore())\nconst { xSurfaceFreezePanel } = storeToRefs(useSurfaceFreezePadletPanel())\nconst { xSurfaceDetailsPanel } = storeToRefs(useSurfacePanelsStore())\nconst whiteboardSpecialEffectsStore = useWhiteboardSpecialEffectsStore()\n\nconst surfaceRequireNoticeStore = useSurfaceRequireNoticeStore()\nconst { xExtensionRequired } = storeToRefs(surfaceRequireNoticeStore)\nconst { hideExtensionRequired } = surfaceRequireNoticeStore\n\nconst { hideWallQuotaExceeded, hidePermitNotification } = surfaceStore\nconst { closeUpgradeModal: closeLibraryUpgradeModal } = useLibraryPlansStore()\n\nconst surfacePostPropertiesStore = useSurfacePostPropertiesStore()\nconst { xVideoRecorderSettingsPanel, xScreenRecorderSettingsPanel } = storeToRefs(surfacePostPropertiesStore)\nconst { hideVideoRecorderSettingsPanel, hideScreenRecorderSettingsPanel } = surfacePostPropertiesStore\nconst accessibilitySettingsStore = useAccessibilitySettingsStore()\nconst screenRecorderStore = useScreenRecorderStore()\n</script>\n\n<template>\n  <div id=\"surface-panels\" class=\"surface-panels\">\n    <UserMenu\n      v-if=\"xUserMenu\"\n      :user=\"user\"\n      :anchor-left-offset=\"isMobileLayout ? 22 : 16\"\n      :anchor-top-offset=\"isMobileLayout ? 4 : 16\"\n      :is-used-on-surface=\"true\"\n    />\n    <SurfaceSettingsPanel v-if=\"xSettingsPanel\" />\n    <SurfaceSharePanel v-if=\"xSurfaceSharePanel\" />\n    <SurfaceQrCodeDialog v-if=\"xQrModal\" @close=\"xQrModal = false\" />\n    <SurfaceRemakePanel v-if=\"xRemakePanel\" />\n    <SurfacePanelPostExpanded v-if=\"xExpandedPostPanel\" />\n    <!-- Aug 2021: replaced upgrade-required with `MembershipTierUpgradeModal` however not removed because potentially still used by very old app versions. -->\n    <upgrade-required v-if=\"xWallQuotaExceeded\" reason=\"walls\" @close=\"hideWallQuotaExceeded\" />\n\n    <WhiteboardCardTemplatesPanel v-if=\"isAppUsing('sandboxCardTemplates') && xCardTemplatesPanel\" />\n\n    <!-- Any content pickers in surface should be rendered inside this div -->\n    <!-- NOTE: Place modals that should appear beneath the content picker above this div. Place modals that should appear over the content picker below this div. -->\n    <!-- Explanation: Since all modals have the same z-index, we control what gets rendered above the content picker and what gets rendered below the content picker by their relative order in the DOM -->\n    <div id=\"content-picker-portal-target\"></div>\n\n    <SurfaceSettingsVideoRecorder\n      v-if=\"xVideoRecorderSettingsPanel\"\n      :x-scrim=\"false\"\n      @close=\"hideVideoRecorderSettingsPanel\"\n    />\n\n    <SurfaceSettingsScreenRecorder\n      v-if=\"xScreenRecorderSettingsPanel\"\n      :x-scrim=\"false\"\n      @close=\"hideScreenRecorderSettingsPanel\"\n    />\n\n    <MembershipTierUpgradeModal\n      v-if=\"xUpgradeModal\"\n      :user=\"user\"\n      :file-that-exceeded-size=\"fileThatExceededSize\"\n      @cancel=\"usePersonalPlansStore().closePlanUpgradeModal\"\n    />\n    <MembershipLibraryTierUpgradeModal\n      v-if=\"xLibraryUpgradeModal\"\n      :file-that-exceeded-size=\"fileThatExceededSize\"\n      @cancel=\"closeLibraryUpgradeModal\"\n    />\n\n    <SurfaceDialogExtensionRequired v-if=\"xExtensionRequired\" @close=\"hideExtensionRequired\" />\n    <DialogPermitNotification v-if=\"xPermitNotification\" @close=\"hidePermitNotification\" />\n    <SurfaceEditBookmarkModal v-if=\"xEditBookmarksDialog\" />\n    <GlobalAlertDialog />\n    <GlobalInputDialog />\n    <GlobalConfirmationDialog />\n    <SurfaceReportPanel v-if=\"xReportPanel\" />\n    <SurfaceFreezePadletPanel v-if=\"xSurfaceFreezePanel\" />\n    <SurfaceDetailsPanel v-if=\"xSurfaceDetailsPanel\" />\n    <AccessibilitySettingsModal\n      v-if=\"isAppUsing('pageSpecificA11ySettings')\"\n      :visible=\"accessibilitySettingsStore.xAccessibilitySettingsModal\"\n      :portal-selector=\"'#surface-panels'\"\n      :user=\"user\"\n      @close=\"accessibilitySettingsStore.closeAccessibilitySettingsModal\"\n    />\n    <ScreenRecorder v-if=\"isAppUsing('screenRecorderV2') && screenRecorderStore.isVisible\" />\n\n    <!-- NOTE: Any visual effects should be rendered inside this div -->\n    <!-- so that they appear below the special effects modal -->\n    <div id=\"special-effects-portal-target\" data-testid=\"specialEffectsPortalTarget\"></div>\n\n    <WhiteboardShapeSpecialEffectsModal\n      v-if=\"whiteboardSpecialEffectsStore.xSpecialEffectsModal\"\n      @close=\"whiteboardSpecialEffectsStore.closeSpecialEffectsModal\"\n    />\n    <SurfaceAdditionalOptionsPanel v-if=\"surfaceStore.xActionBarMoreMenu\" @close=\"surfaceStore.hideActionBarMoreMenu\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@@/styles/3/modules/all';\n.surface-panels {\n  .curtain {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: surfaceContainerWidth;\n    @include vh100;\n    z-index: $sidepanel-zindex - 1;\n    background-color: $translucent-backdrop-color;\n    -webkit-overflow-scrolling: touch;\n    touch-action: manipulation;\n    @include respondToTouch {\n      cursor: pointer;\n    }\n  }\n}\n</style>\n"],"file":"assets/WhiteboardPanels-843ca9da.js"}