{"version":3,"file":"OzPadletLogo-54012289.js","sources":["../../../app/javascript/library/v4/components/OzPadletLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NATIVE_HOST } from '@@/bits/url'\nimport { OzBaseButtonHrefMode } from '@@/library/v4/components/OzBaseButton.vue'\nimport type { StyleValue } from 'vue/types/jsx'\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Dark mode.\n     */\n    darkMode?: 'auto' | boolean\n\n    /**\n     * URL where the logo points to.\n     */\n    href?: string\n\n    /**\n     * Color scheme.\n     */\n    colorScheme?: ColorScheme\n\n    /**\n     * Size preset.\n     */\n    sizePreset?: SizePreset\n\n    /**\n     * See `OzBaseButton`.\n     */\n    hrefMode?: OzBaseButtonHrefMode\n\n    /**\n     * Determines whether to show the crane icon.\n     */\n    xCraneIcon?: boolean\n\n    /**\n     * Style to apply to svg element\n     */\n    svgStyle?: StyleValue\n\n    /**\n     * Determines whether to show the old padlet wordmark (with two dots before \"P\").\n     */\n    xOldPadletWordmark?: boolean\n  }>(),\n  {\n    darkMode: 'auto',\n    href: `https://${NATIVE_HOST}`,\n    colorScheme: ColorScheme.Text100,\n    sizePreset: SizePreset.W64px,\n    hrefMode: OzBaseButtonHrefMode.Default,\n    xCraneIcon: false,\n    svgStyle: undefined,\n    xOldPadletWordmark: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'click', event: MouseEvent): void\n}>()\n\nfunction click(event: MouseEvent): void {\n  if (props.hrefMode !== OzBaseButtonHrefMode.Default) event.preventDefault()\n  if (props.hrefMode === OzBaseButtonHrefMode.HistoryPushState) {\n    // Store the url in the history state so you can read it later\n    window?.history?.pushState({ url: props.href }, '', props.href)\n  }\n\n  /**\n   * Click event\n   * @property {MouseEvent} event click event\n   */\n  emit('click', event)\n}\n</script>\n\n<script lang=\"ts\">\nenum ColorScheme {\n  Text100 = 'Text100',\n  Text200 = 'Text200',\n  Text300 = 'Text300',\n}\n\nenum SizePreset {\n  // Size preset for old padlet wordmark (with two dots before \"P\")\n  W48px = 'W48px',\n  W64px = 'W64px',\n  W96px = 'W96px',\n  W128px = 'W128px',\n  W160px = 'W160px',\n\n  // Size preset for new padlet wordmark (without two dots before \"P\")\n  H20px = 'H20px',\n  H24px = 'H24px',\n}\n\nexport { OzBaseButtonHrefMode as OzPadletLogoHrefMode } from '@@/library/v4/components/OzBaseButton.vue'\nexport { ColorScheme as OzPadletLogoColorScheme, SizePreset as OzPadletLogoSizePreset }\nexport default {}\n</script>\n\n<!-- eslint-disable vuejs-accessibility/anchor-has-content -->\n<template>\n  <a\n    :class=\"[\n      'flex',\n      'items-center',\n      'group',\n\n      // Focus styles\n      'padlet-logo',\n      sizePreset === SizePreset.W48px && 'padlet-logo-w-12',\n      sizePreset === SizePreset.W64px && 'padlet-logo-w-16',\n      sizePreset === SizePreset.W96px && 'padlet-logo-w-24',\n      sizePreset === SizePreset.W128px && 'padlet-logo-w-32',\n      sizePreset === SizePreset.W160px && 'padlet-logo-w-40',\n      sizePreset === SizePreset.H20px && 'padlet-logo-h-5',\n      sizePreset === SizePreset.H24px && 'padlet-logo-h-6',\n      {\n        'padlet-logo-light': darkMode === false,\n        'padlet-logo-dark': darkMode === true,\n        'padlet-logo-auto': darkMode === 'auto',\n      },\n    ]\"\n    :href=\"href\"\n    data-testid=\"padletLogo\"\n    @click=\"click\"\n  >\n    <svg\n      :viewBox=\"xOldPadletWordmark ? '0 0 160 40' : '0 0 72 20'\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      :aria-label=\"__('Padlet home')\"\n      :class=\"[\n        'block',\n\n        /**\n         * COLOR SCHEMES\n         */\n\n        // Text\n        'fill-current',\n        colorScheme !== ColorScheme.Text200 && {\n          'text-dark-text-100': darkMode === false,\n          'text-light-text-100': darkMode === true,\n          'text-dark-text-100 dark:text-light-text-100': darkMode === 'auto',\n        },\n        colorScheme === ColorScheme.Text200 && {\n          'text-dark-text-200': darkMode === false,\n          'text-light-text-200': darkMode === true,\n          'text-dark-text-200 dark:text-light-text-200': darkMode === 'auto',\n        },\n\n        // Background\n        'hover-hover:group-hover:opacity-100',\n        'transition-opacity',\n        'motion-reduce:transition-none',\n        colorScheme === ColorScheme.Text300 && {\n          'opacity-[.38]': darkMode === false,\n          'opacity-[.50]': darkMode === true,\n          'opacity-[.38] dark:opacity-[.50]': darkMode === 'auto',\n        },\n\n        /**\n         * SIZE PRESETS\n         */\n        sizePreset === SizePreset.W48px && 'w-12',\n        sizePreset === SizePreset.W64px && 'w-16',\n        sizePreset === SizePreset.W96px && 'w-24',\n        sizePreset === SizePreset.W128px && 'w-32',\n        sizePreset === SizePreset.W160px && 'w-40',\n        sizePreset === SizePreset.H20px && 'h-5',\n        sizePreset === SizePreset.H24px && 'h-6',\n      ]\"\n      :style=\"svgStyle\"\n    >\n      <path\n        v-if=\"xOldPadletWordmark\"\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M32.5487 29.7758C40.227 29.7758 46.4109 23.5404 46.4109 15.9136C46.4109 8.28691 40.227 2 32.5487 2C32.3942 2 32.2911 2 32.188 2H25.5919H23.273H18.6351V15.8621V39H25.5919V29.7242H32.1365C32.2911 29.7758 32.4457 29.7758 32.5487 29.7758ZM32.5487 22.8189C36.3106 22.8189 39.4025 19.727 39.4025 15.8621C39.4025 12.0487 36.3621 8.90529 32.5487 8.90529H25.5919V22.7674H32.5487V22.8189ZM60.3245 39C62.8496 39 65.2201 38.3301 67.2813 37.1448V39H74.2382V11.2758H67.2813V13.1309C65.2201 11.9457 62.8496 11.2758 60.3245 11.2758C52.6462 11.2758 46.4109 17.4596 46.4109 25.1379C46.4109 32.8162 52.6462 39 60.3245 39ZM67.2298 25.1379C67.2298 28.9513 64.1379 32.0947 60.273 32.0947C56.4596 32.0947 53.3162 29.0028 53.3162 25.1379C53.3162 21.3245 56.4081 18.1811 60.273 18.1811C64.1379 18.1811 67.2298 21.273 67.2298 25.1379ZM103.508 2H96.5515V13.1309C94.4903 11.9457 92.1198 11.2758 89.5947 11.2758C81.968 11.2758 75.7326 17.4596 75.7326 25.1379C75.7326 32.8162 81.968 39 89.5947 39C92.1198 39 94.4903 38.3301 96.5515 37.1448V39H103.508V25.1379V2ZM89.5947 32.0947C93.4081 32.0947 96.5515 29.0028 96.5515 25.1379C96.5515 21.3245 93.4596 18.1811 89.5947 18.1811C85.7298 18.1811 82.6379 21.273 82.6379 25.1379C82.6894 28.9513 85.7813 32.0947 89.5947 32.0947ZM113.145 2H106.188V39H113.145V2ZM142.673 27.4568C141.951 31.5794 139.426 35.3412 135.51 37.351C128.398 41.0097 119.999 38.2785 116.701 31.734C113.042 24.6226 115.773 16.2228 122.936 12.6156C129.481 9.26602 137.829 11.9972 141.436 19.1602C141.797 19.8816 142.106 20.6031 142.312 21.376L135.819 24.6741L124.43 30.4972C126.492 32.2493 129.584 32.6616 132.366 31.2187C134.582 30.085 135.87 27.663 135.87 25.1379L142.673 27.4568ZM122.008 25.6017L133.397 19.7786C131.336 18.0265 128.398 17.5627 126.079 18.7479C123.297 20.1908 121.854 22.922 122.008 25.6017ZM13.2758 29.3635C13.2758 31.9401 11.2145 34.0014 8.63788 34.0014C6.06128 34.0014 4 31.9401 4 29.3635C4 26.7869 6.06128 24.7256 8.63788 24.7256C11.2145 24.7256 13.2758 26.8384 13.2758 29.3635ZM8.63788 16.6351C11.2145 16.6351 13.2758 14.5738 13.2758 11.9972C13.2758 9.42061 11.2145 7.35933 8.63788 7.35933C6.06128 7.35933 4 9.42061 4 11.9972C4 14.5738 6.11281 16.6351 8.63788 16.6351ZM144.734 2H151.691V13.5432H157.102V20.5H151.691V39H144.734V2Z\"\n      />\n      <path\n        v-else\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M7.2 14.7984C11.1765 14.7984 14.4 11.5749 14.4 7.59844C14.4 3.62199 11.1765 0.398438 7.2 0.398438C7.13312 0.398438 7.06644 0.39935 7 0.401162V0.398438H3.6H2.4H0V7.59844V19.5984H3.6V14.7984H7V14.7957C7.06644 14.7975 7.13312 14.7984 7.2 14.7984ZM7.19992 11.1984H7.2C9.16019 11.1984 10.7492 9.58664 10.7492 7.59844C10.7492 5.61024 9.16019 3.99848 7.2 3.99844H7.19992H3.6V11.1984H7.19992ZM25.2 5.19844H28.8V19.5984H25.2V18.6353C24.141 19.2479 22.9114 19.5985 21.6 19.5985C17.6235 19.5985 14.4 16.3749 14.4 12.3985C14.4 8.42204 17.6235 5.19849 21.6 5.19849C22.9114 5.19849 24.141 5.54911 25.2 6.16172V5.19844ZM21.6 8.79844C23.5882 8.79844 25.2 10.4102 25.2 12.3984C25.2 14.3867 23.5882 15.9984 21.6 15.9984C19.6118 15.9984 18 14.3867 18 12.3984C18 10.4102 19.6118 8.79844 21.6 8.79844ZM44 0.398438H40.4V6.16167C39.3409 5.54906 38.1114 5.19844 36.8 5.19844C32.8235 5.19844 29.6 8.42199 29.6 12.3984C29.6 16.3749 32.8235 19.5984 36.8 19.5984C38.1114 19.5984 39.3409 19.2478 40.4 18.6352V19.5984H44V12.3984V0.398438ZM40.4 12.4169C40.39 14.3966 38.7821 15.9984 36.8 15.9984C34.8118 15.9984 33.2 14.3866 33.2 12.3984C33.2 10.4102 34.8118 8.79839 36.8 8.79839C38.7821 8.79839 40.39 10.4002 40.4 12.3799V12.4169ZM49 0.398438H45.4V19.5984H49V0.398438ZM64.33 13.6088C63.9644 15.7426 62.6474 17.7036 60.6252 18.7339C56.9257 20.6189 52.5901 19.2102 50.8645 15.8236C48.9795 12.1241 50.3883 7.78843 54.0878 5.90344C57.4743 4.17789 61.81 5.58664 63.695 9.28615C63.884 9.65698 64.0353 10.0392 64.1506 10.4281L60.5086 12.2838L60.5088 12.2838L54.882 15.1508C55.9628 16.051 57.5435 16.2637 58.9871 15.5282C60.1296 14.9461 60.8166 13.695 60.8047 12.3864L64.33 13.6088ZM53.6108 12.656L59.5229 9.64364C58.4565 8.73604 56.9329 8.49409 55.7184 9.11291C54.2747 9.84852 53.5176 11.2525 53.6108 12.656ZM65.4 0.398438H68.9985V6.39844H71.7984V9.99844H68.9985V19.5984H65.4V0.398438Z\"\n      />\n    </svg>\n\n    <!-- Padlet crane icon -->\n    <svg\n      v-if=\"xCraneIcon\"\n      viewBox=\"0 0 25 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      data-testid=\"padletLogoCraneIcon\"\n      :class=\"[\n        'crane-icon',\n        'group-active:transition-transform group-active:scale-[1.2]',\n\n        /**\n         * SIZE PRESETS\n         */\n        sizePreset === SizePreset.W48px && 'w-3',\n        sizePreset === SizePreset.W64px && 'w-4',\n        sizePreset === SizePreset.W96px && 'w-6',\n        sizePreset === SizePreset.W128px && 'w-8',\n        sizePreset === SizePreset.W160px && 'w-10',\n        sizePreset === SizePreset.H20px && 'h-5',\n        sizePreset === SizePreset.H24px && 'h-6',\n\n        // Spacing\n        sizePreset === SizePreset.W48px && 'ms-1.5',\n        sizePreset === SizePreset.W64px && 'ms-2',\n        sizePreset === SizePreset.W96px && 'ms-2.5',\n        sizePreset === SizePreset.W128px && 'ms-3',\n        sizePreset === SizePreset.W160px && 'ms-4',\n        sizePreset === SizePreset.H20px && 'ms-1.5',\n        sizePreset === SizePreset.H24px && 'ms-1.75',\n      ]\"\n    >\n      <path\n        d=\"M24.0622 9.70996L22.6421 7.114C22.6421 7.114 22.64 7.10974 22.6393 7.10761C22.6336 7.09555 22.6272 7.0842 22.6209 7.07213C22.6045 7.04304 22.5868 7.01536 22.5662 6.9891C22.5279 6.93588 22.4803 6.88762 22.4292 6.84717C22.4037 6.82659 22.3767 6.80885 22.349 6.79252C22.3065 6.76698 22.2625 6.7464 22.2163 6.73078C22.2043 6.72652 22.1936 6.72298 22.183 6.72014C22.1149 6.69956 22.0439 6.68891 21.9715 6.68891H19.4039C19.3032 6.68891 19.2031 6.7102 19.1108 6.74994L15.955 8.11108L13.0063 1.26068C12.7884 0.75327 12.2633 0.406953 11.7019 0.398438H11.6792C11.1179 0.406953 10.5934 0.75327 10.3749 1.25926L7.41982 8.12457L2.26623 5.28377C2.09378 5.18868 1.90146 5.13829 1.70914 5.13829C1.30179 5.13829 0.920701 5.35971 0.713478 5.71596C0.506966 6.0715 0.506966 6.49801 0.713478 6.85781C0.714188 6.86136 0.716317 6.8642 0.719155 6.86633L0.973925 7.29781L7.5064 18.6979C7.51278 18.7099 7.51988 18.722 7.52698 18.7334L7.53194 18.7412C7.84633 19.2642 8.41406 19.5984 9.05489 19.5984C9.18759 19.5984 9.3203 19.5835 9.44946 19.5544L11.6906 19.0449L13.931 19.5544C14.0602 19.5835 14.1943 19.5984 14.327 19.5984C15.0232 19.5984 15.6342 19.2039 15.9252 18.6006L17.7426 15.4284L20.9879 10.3416C21.0042 10.3501 21.0198 10.3586 21.0362 10.3664L22.6925 11.1541C22.8359 11.2223 22.9877 11.257 23.1439 11.257C23.5108 11.257 23.855 11.0605 24.0444 10.7418C24.2339 10.4225 24.2403 10.0364 24.0615 9.70854L24.0622 9.70996ZM12.2413 1.409C12.2768 1.45158 12.3052 1.49984 12.3279 1.55235C12.2988 1.50197 12.2704 1.45442 12.2413 1.409Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M23.4132 10.0622C23.5559 10.3233 23.2805 10.6143 23.0116 10.4866L21.3545 9.69955L21.9719 7.42578L23.4125 10.0622H23.4132Z\"\n        fill=\"#CED0D4\"\n      />\n      <path\n        d=\"M12.328 1.55187L16.9231 12.2274L12.0576 12.9228L11.6914 1.13672C11.949 1.14027 12.2201 1.30065 12.3287 1.55187H12.328Z\"\n        fill=\"#FFD54F\"\n      />\n      <path\n        d=\"M16.9231 12.2266L15.3398 18.0515C15.2128 18.6107 14.6557 18.9613 14.0958 18.8343L11.6914 18.2885L12.0611 13.6615L16.9238 12.2273L16.9231 12.2266Z\"\n        fill=\"#FF833E\"\n      />\n      <path\n        d=\"M11.6904 1.13672L11.3206 12.9228L6.45801 12.2274L11.0531 1.55187C11.1617 1.30065 11.4328 1.14027 11.6904 1.13672Z\"\n        fill=\"#53E047\"\n      />\n      <path\n        d=\"M11.3209 13.6615L11.6906 18.2885L9.28629 18.8343C8.72637 18.9613 8.16928 18.6107 8.04154 18.0515L6.45898 12.2266L11.3216 13.6608L11.3209 13.6615Z\"\n        fill=\"#9466E8\"\n      />\n      <path\n        d=\"M17.6018 11.9336C17.6678 12.0869 17.6799 12.2579 17.6359 12.419L16.7829 15.5578L21.9712 7.42578H19.403L16.2471 8.78763L17.6011 11.9336H17.6018Z\"\n        fill=\"#FF4081\"\n      />\n      <path\n        d=\"M5.74524 12.4195C5.70124 12.2585 5.71331 12.0874 5.7793 11.9341L7.12625 8.80451L1.90879 5.92823C1.54615 5.72811 1.14945 6.1312 1.35525 6.49029L6.63871 15.7074L5.74524 12.4195Z\"\n        fill=\"#3992DE\"\n      />\n    </svg>\n  </a>\n</template>\n\n<style lang=\"postcss\" scoped>\n.padlet-logo:focus-visible {\n  position: relative;\n  outline: none;\n}\n\n.padlet-logo:focus-visible::after {\n  content: '';\n  position: absolute;\n  pointer-events: none;\n  outline-style: solid;\n  inset-block: calc(var(--logo-height) / 2 * -1);\n  inset-inline: calc(var(--logo-width) / 6 * -1);\n}\n\n.padlet-logo-w-12:focus-visible::after {\n  --logo-height: 0.75rem;\n  --logo-width: 3rem;\n  outline-width: 2px;\n  border-radius: 0.75rem;\n}\n\n.padlet-logo-w-16:focus-visible::after {\n  --logo-height: 1rem;\n  --logo-width: 4rem;\n  outline-width: 2px;\n  border-radius: 0.75rem;\n}\n\n.padlet-logo-w-24:focus-visible::after {\n  --logo-height: 1.5rem;\n  --logo-width: 6rem;\n  outline-width: 3px;\n  border-radius: 1rem;\n}\n\n.padlet-logo-w-32:focus-visible::after {\n  --logo-height: 2rem;\n  --logo-width: 8rem;\n  outline-width: 4px;\n  border-radius: 1.75rem;\n}\n\n.padlet-logo-w-40:focus-visible::after {\n  --logo-height: 2.5rem;\n  --logo-width: 10rem;\n  outline-width: 4px;\n  border-radius: 1.75rem;\n}\n\n.padlet-logo-h-5:focus-visible::after {\n  --logo-height: 1rem;\n  --logo-width: 4rem;\n  outline-width: 2px;\n  border-radius: 0.75rem;\n}\n\n.padlet-logo-h-6:focus-visible::after {\n  --logo-height: 1.5rem;\n  --logo-width: 6rem;\n  outline-width: 3px;\n  border-radius: 1rem;\n}\n\n.padlet-logo-light:focus-visible::after {\n  outline-color: theme('colors.grape.500');\n}\n\n.padlet-logo-dark:focus-visible::after {\n  outline-color: theme('colors.canary.500');\n}\n\n.padlet-logo-auto:focus-visible::after {\n  outline-color: theme('colors.grape.500');\n\n  @media (prefers-color-scheme: dark) {\n    outline-color: theme('colors.canary.500');\n  }\n}\n\n.padlet-logo:hover:not(:active) .crane-icon {\n  animation: wiggle;\n  animation-duration: 600ms;\n  animation-fill-mode: forward;\n  transition: all 100ms ease-out;\n}\n\n@keyframes wiggle {\n  0% {\n    transform: rotate(8deg);\n    transition: all 200ms ease-out;\n  }\n  25% {\n    transform: rotate(-8deg);\n  }\n  50% {\n    transform: rotate(8deg);\n  }\n  75% {\n    transform: rotate(-8deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n</style>\n"],"names":["ColorScheme","SizePreset","__default__","click","event","props","hrefMode","OzBaseButtonHrefMode","Default","preventDefault","HistoryPushState","window","history","pushState","url","href","emit"],"mappings":"4aA+EA,IAAKA,GAAAA,IACHA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UAHPA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IAEHA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,OAAS,SAGTA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QAVLA,IAAAA,GAAA,CAAA,CAAA,EAeL,MAAAC,EAAe,CAAA,0WArCf,SAASC,EAAMC,EAAyB,OAClCC,EAAMC,WAAaC,EAAqBC,SAASJ,EAAMK,iBACvDJ,EAAMC,WAAaC,EAAqBG,oBAElCC,EAAAA,2BAAAC,UAAAD,MAAAA,EAASE,UAAU,CAAEC,IAAKT,EAAMU,IAAK,EAAG,GAAIV,EAAMU,OAO5DC,EAAK,QAASZ,CAAK,CACrB"}