{"version":3,"file":"toggle_render_tags-6LpWEw0n.js","sources":["../../../app/javascript/components/material_api_dropdown.vue","../../../app/javascript/components/alert.vue","../../../app/javascript/components/impersonate.vue","../../../app/javascript/components/post_tile.vue","../../../app/javascript/components/toggle_render_tags.vue"],"sourcesContent":["<!--\nSimilar to the <material-dropdown> component, but the data in the\ndropdown is driven by an api endpoint.\n-->\n<template>\n  <div class=\"material-api-dropdown\">\n    <material-dropdown\n      ref                       = \"dropdown\"\n      css-class                 = \"cssClass\"\n      auto-select               = \"false\"\n      hide-decorations          = \"true\"\n      show-decorations          = \"true\"\n      show-placeholder-on-focus = \"false\"\n      searchable                = \"true\"\n      :chevron-color            = \"chevronColor\"\n      :small-chevron            = \"internalSmallChevron\"\n      :blue-underline           = \"blueUnderline\"\n      :dropdown-class           = \"dropdownClass\"\n      :external-items           = \"items\"\n      :id                       = \"id\"\n      :input-class              = \"inputClass\"\n      :name                     = \"name\"\n      :placeholder              = \"placeholder\"\n      :value                    = \"internalValue\"\n      @change                   = \"onChange\"\n      @keyup                    = \"onKeyup\"\n      @blur                     = \"onBlur\"\n      @click                    = \"onClick\"\n    ></material-dropdown>\n  </div>\n</template>\n\n<script>\n  import MaterialDropdown from './material_dropdown.vue'\n  import {get}            from '../lib/async.js'\n  import {toBoolean}      from '../lib/utils.js'\n\n  export default {\n    components: {\n      MaterialDropdown\n    },\n\n    props: {\n      // Endpoint where the dropdown data is retrieved from.\n      apiUrl:        { default: null },\n      // Alternative chevron color passed to the material dropdown\n      chevronColor:  { default: 'medium-blue' },\n      // Show animated blue underline\n      blueUnderline: { default: true },\n      // CSS applied to the material dropdown component.\n      cssClass:      { default: '' },\n      // Classes applied to the dropdown element.\n      dropdownClass: { default: '' },\n      // Passed along to the internal input attribute for posting.\n      id:            { default: '' },\n      // Classes applied to the input element.\n      inputClass:    { default: '' },\n      // Passed along to the internal input attribute for posting.\n      name:          { default: '' },\n      // Text to display prior to having a value\n      placeholder:   { default: '' },\n      // Display a smaller chevron\n      smallChevron:  { default: false },\n      // Input value.\n      modelValue:    { default: null }\n    },\n\n    data() {\n      return {\n        // Internal: List of items retrieved from the API endpoint.\n        items: []\n      }\n    },\n\n    computed: {\n      // Internal: Coercing smallChevron property to boolean\n      internalSmallChevron(){\n        return toBoolean(this.smallChevron)\n      }\n    },\n\n    methods: {\n      // Internal: Call the API to get results.\n      getItems() {\n        get(this.apiUrl, { query: this.$refs.dropdown.internalText })\n          .then((response) => {\n            this.items = response.items.map((item) => {\n              return { text: item.text, value: item.value }\n            })\n          })\n      },\n\n      // Internal: Blur event handler\n      onBlur(value) {\n        this.$emit('blur', value)\n        this.$emit('update:modelValue', value)\n      },\n\n      // Internal: Click event handler\n      onClick() {\n        this.$emit('click')\n      },\n\n      // Intenal: Change event handler.\n      onChange(item) {\n        let value = this.$refs.dropdown.internalValue\n        this.$emit('input', value)\n        this.$emit('update:modelValue', value)\n      },\n\n      // Internal: Key up event handler.\n      onKeyup(event) {\n        this.getItems()\n      }\n    },\n\n    mounted() {\n      this.items = [ { text: this.value, value: this.value } ]\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  @import \"../../assets/stylesheets/colors.scss\";\n</style>\n","<!--\nDisplay a closable message - generally at the top of the page.\n-->\n\n<template>\n  <div v-if   = \"open\"\n       :class = \"`py-3 alert mb-4 d-flex justify-content-between align-items-center fade-in ${alertCss}`\"\n       role   = \"alert\">\n    <div class=\"d-flex justify-content-start align-items-center fs-6 fw-semibold\">\n      <div v-if=\"isError\"\n          class=\"fw-bold me-2 d-flex justify-content-start align-items-center\">\n        <i class=\"bi bi-exclamation-triangle me-3 fs-2\"></i>\n      </div>\n      <div v-if=\"isSuccess\"\n           class=\"fw-bold me-2 d-flex justify-content-start align-items-center\">\n        <i class=\"bi bi-check-circle me-3 fs-2\"></i>\n      </div>\n      <div>\n        <slot>\n        </slot>\n      </div>\n    </div>\n    <a href           = \"\"\n       type           = \"button\"\n       class          = \"close text-decoration-none x-hover fs-1\"\n       data-dismiss   = \"alert\"\n       aria-label     = \"Close\"\n       @click.prevent = \"onCloseClick\">\n      <span aria-hidden=\"true\">&times;</span>\n    </a>\n  </div>\n</template>\n\n<script>\n  import {blank, present} from '../lib/utils.js'\n\n  export default {\n    props: {\n      // Type of message: danger, error, info, success\n      type: { default: '' },\n    },\n\n    data() {\n      return {\n        // Internal: Show this component if true.\n        open: true\n      }\n    },\n\n    computed: {\n      // Internal: CSS styling specific to the alert type.\n      alertCss() {\n        if (blank(this.type)) return ''\n\n        return `alert-${this.type.toLowerCase()}`\n      },\n\n      // Internal: Whether or not the alert is a red error alert\n      isError() {\n        return this.alertCss === 'alert-danger'\n      },\n\n      // Internal: Whether or not the alert is a green success alert\n      isSuccess() {\n        return this.alertCss === 'alert-success'\n      }\n    },\n\n    methods: {\n      // Close button click event handler.\n      onCloseClick() {\n        this.open = false\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"../../assets/stylesheets/colors.scss\";\n\n  .alert {\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);\n    text-shadow: 2px 2px 4px 3px rgba(0, 0, 0, .2);\n    border-style: solid;\n    border-width: 2px;\n    border-color: rgba(14,14,14,.2);\n    z-index:      10000;\n  }\n\n  .alert-danger {\n    background-color: $muted-red;\n    color:            $muted-red-border !important;\n    border-color:     $muted-red-border !important;\n\n    > .x-hover {\n      color:          $muted-red-border !important;\n    }\n  }\n\n  .alert-danger a {\n    color:  $medium-gray !important;\n    text-decoration: underline;\n  }\n\n  .button-danger {\n    @extend .button-danger;\n    color:  $medium-gray !important;\n  }\n\n  .alert-success {\n    background-color: $success-green;\n    color:            $success-green-border !important;\n    border-color:     $success-green-border !important;\n\n    > .x-hover {\n      color:          $success-green-border !important;\n    }\n  }\n\n  .x-hover {\n    transition: all 0.2s ease;\n\n    &:hover {\n      filter: contrast(.5);\n    }\n  }\n</style>\n","<!-- Selection control to change who is logged in. -->\n<template>\n  <div class=\"d-flex justify-content-start align-items-baseline\">\n    <div class=\"w-100\">\n      <material-api-dropdown\n        css-class      = \"display-block w-450\"\n        input-class    = \"devtools-input-color-white\"\n        dropdown-class = \"color-dark-gray\"\n        api-url        = \"/api/autocomplete/impersonate\"\n        v-model        = \"internalUsername\"\n      ></material-api-dropdown>\n    </div>\n\n    <button\n      class  = \"ms-3 btn background-color-nav-blue border-color-nav-blue text-white\"\n      @click = \"impersonate\"\n    >Impersonate</button>\n  </div>\n</template>\n\n<script>\n  import MaterialApiDropdown from './material_api_dropdown.vue'\n  import {put}               from '../lib/async.js'\n\n  export default {\n    components: {\n      MaterialApiDropdown\n    },\n\n    props: {\n      // User name displayed in impersonate section.\n      username: { default: null },\n    },\n\n    data() {\n      return {\n        // Internal mutable representation of the username prop.\n        internalUsername: this.username\n      }\n    },\n\n    methods: {\n      // Internal: Log in as another user.\n      impersonate() {\n        put('/api/users/impersonate', { username: this.internalUsername })\n          .then((results) => {\n            document.location.reload()\n          })\n      },\n    }\n  }\n</script>\n","<!--\nPublic: Create a tile to link to a post. The tile then gets displayed on a collection page or a front page\n\nProperties:\n  subject -   Subject of post\n  permalink - Local URL of post\n  imageUrl -  URL to access tile image\n  imageName - Name of tile image\n-->\n\n<template>\n  <div>\n    <a :href=\"permalink\"\n       class=\"position-relative underline-hover-conditional-region d-block\" aria-label=\"\">\n      <div class=\"post-grid-card-hero-img-wrapper ratio ratio-16x9 h-100 position-relative d-flex align-items-center justify-content-center border-top-left-radius-20 border-top-right-radius-20\">\n        <img :src=\"imageUrl\"\n             :alt=\"imageName\"\n             :title=\"imageName\"\n             class =\"post-grid-card-hero-img w-100 d-block\"\n             v-cloak/>\n      </div><!-- .post-grid-card-hero-img-wrapper -->\n\n      <div class=\"gray_card_area_sizer pt-4 pb-1 px-4 position-relative background-color-lightest-gray border-bottom-left-radius-20 border-bottom-right-radius-20 d-flex justify-content-between flex-column\">\n        <div class=\"d-flex\">\n          <div class=\"d-flex align-items-center color-nav-blue fw-bold text-overflow-elipsis mb-3 ui-fs-7 post-grid-tile-title-sizer\">\n            <div v-cloak class=\"underline-hover-select text-overflow-elipsis\">\n              {{ subject }}\n            </div>\n          </div>\n        </div>\n\n        <div class=\"mb-3\">\n          <div v-cloak class=\"color-medium-gray ui-fs-7 mb-2 mb-lg-0\">\n            {{ date }} &nbsp;<!-- guard against empty date breaking height -->\n          </div>\n        </div><!-- .mb-3 -->\n      </div><!-- .gray_card_area_sizer -->\n    </a>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      // Subject of post\n      subject:   { default: '' },\n      // Date of post\n      date:      { default: '' },\n      // Local URL of post\n      permalink: { default: '' },\n      // URL to access tile image\n      imageUrl:  { default: '' },\n      // Name of tile image\n      imageName: { default: '' }\n    }\n  }\n</script>\n","<!-- Display a checkbox that toggles the visibility of render tags -->\n<template>\n  <label class=\"d-flex justify-content-start align-items-center pointer\">\n    <input type    = \"checkbox\"\n           v-model = \"showTags\"\n           @change = \"toggleRenderTags\"/>\n    <div class=\"ps-2 font-weight-normal\">Show render files</div>\n  </label>\n</template>\n\n<script>\n  import each      from 'lodash/each'\n  import {present} from '../lib/utils.js'\n\n  export default {\n    data() {\n      return {\n        // Toggle switch - true to show the tags.\n        showTags: false\n      }\n    },\n\n    methods: {\n      // Remove the dev-tools-renders class from all dom elements in\n      // the devtools panel.\n      removeRenderClassFromDevtools() {\n        let elements = document.getElementsByClassName('devtools')[0]\n\n        if (present(elements)) {\n          elements = elements.querySelectorAll(\"*\")\n\n          each(elements, (element) => {\n            element.classList.remove('dev-tools-renders')\n          })\n        }\n      },\n\n      // Toggle the display of render tags.\n      toggleRenderTags(e) {\n        let elements = document.getElementsByClassName('dev-tools-renders')\n\n        each(elements, (element) => {\n          if (this.showTags) {\n            element.style.display = 'block'\n          }\n          else {\n            element.style.display = 'none'\n          }\n        })\n      }\n    },\n\n    mounted() {\n      // No need to show render tags of the devtools panel.\n      this.removeRenderClassFromDevtools()\n    }\n  }\n</script>\n"],"names":["_sfc_main","MaterialDropdown","toBoolean","get","response","item","value","event","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_material_dropdown","$props","$options","$data","_ctx","blank","_normalizeClass","_createElementVNode","_hoisted_2","_cache","_createCommentVNode","_hoisted_3","_renderSlot","_withModifiers","args","MaterialApiDropdown","put","results","_component_material_api_dropdown","$event","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_toDisplayString","elements","present","each","element","e"],"mappings":"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"}