{"version":3,"file":"MultiSelectorDefault-e3e9065f.js","sources":["../../../app/frontend/components/form/MultiSelectorDefault.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  PropType,\n  getCurrentInstance,\n  ref,\n  computed,\n  watch,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n} from 'vue'\nimport throttle from 'lodash/throttle'\nimport AccordionTrigger from '@/components/accordion/AccordionTrigger.vue'\nimport AccordionBody from '@/components/accordion/AccordionBody.vue'\nimport backdrop from '@/models/backdrop'\nimport resizedWidth from '@/utilities/resizedWidth'\nimport scrollUtil from '@/utilities/scrollUtil'\nimport type { Ref } from 'vue'\n\nconst BACKDROP_CANCEL_ID = 'multiSelector'\nconst SELECTOR_ITEMS_MAX_HEIGHT = 300\n\nexport default defineComponent({\n  name: 'MultiSelectorDefault',\n\n  components: {\n    AccordionTrigger,\n    AccordionBody,\n  },\n\n  props: {\n    /**\n     * <select> 要素の valueを受け取る\n     * 値が null の場合は value 指定なしとして内部データで処理を行う\n     */\n    modelValue: {\n      type: Array as PropType<MultiSelect>,\n      default: () => [],\n    },\n\n    /**\n     * <select> 要素の <option> 部分に渡す配列\n     *\n     * @example [1, 2, 3, 4] : number 型の配列\n     * @example ['1', '2', '3', '4'] : String 型の配列\n     * @example [{ value: '1', label: 'ラベル1' }] : Object 型の配列 value と画面に表示する内容が異なる場合\n     *\n     */\n    items: {\n      type: Array as PropType<SelectorOption[]>,\n      required: true,\n    },\n\n    /**\n     * フォームの name 属性\n     * 任意プロパティ\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    placeholder: {\n      type: String,\n      default: '複数選択できます',\n    },\n\n    /**\n     * <option> の末尾に付与される単位\n     * 任意プロパティ\n     *\n     * @example unit=\"個\" => <option>1個</option>\n     */\n    unit: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * セレクターの非活性フラグ\n     * 任意プロパティ\n     *\n     * @usage 活性状態を管理する親の data を受け渡す\n     */\n    isDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * エラー発生状態かどうか\n     * ※ エラー状態は外から受け取る\n     */\n    isError: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * 選択のリセットボタンを表示するかどうか\n     */\n    hasReset: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['update:modelValue', 'change'],\n\n  setup(props, { emit }) {\n    // model の backdrop の処理実体を定義\n    backdrop(() => {\n      isShowItems.value = false\n    }, BACKDROP_CANCEL_ID)\n\n    /**\n     * コンポーネント内部でもつ選択状態の値\n     * 親コンポーネントから value プロパティ を受け取らない場合は、このプロパティの値が selector に反映される\n     */\n    const localValue: Ref<MultiSelect> = ref([])\n    const localItems: Ref<SelectItem[]> = ref([])\n    const isShowItems = ref(false)\n    const root = ref()\n    const selectorEl = ref()\n    const itemsPositionStyle = ref('')\n    const maxWidth = ref('')\n    const overflowHiddenBlockEl: Ref<HTMLElement | undefined> = ref()\n\n    /**\n     * 選択された要素のラベル配列\n     */\n    const selectedLabels = computed<string[]>(() => {\n      return props.items.filter(v => {\n        return (localValue.value as ReadonlyArray<string | number>).includes(itemValue(v))\n      }).map(v => itemLabel(v))\n    })\n\n    watch(() => props.modelValue, (newValue) => {\n      if (localValue.value !== newValue) localValue.value = newValue\n    })\n\n    /**\n     * [リアクティブデータの描画漏れ回避策]\n     *\n     * option の値が更新されたら強制描画する\n     */\n    watch(() => props.items, (newValue) => {\n      if (newValue.length) {\n        const instance = getCurrentInstance()\n        nextTick(() => {\n          instance?.proxy?.$forceUpdate()\n          initItems()\n        })\n      }\n    }, { deep: true })\n\n    /**\n     * セレクターが開かれた際にドロップダウン部分の位置の再計算\n     */\n    watch(isShowItems, (newValue) => {\n      if (newValue) {\n        findOverflowHiddenWrapper()\n        initItemsPosition()\n      }\n    })\n\n    onMounted(() => {\n      localValue.value = props.modelValue\n      initItems()\n    })\n\n    nextTick(() => {\n      initMaxWidth()\n      findOverflowHiddenWrapper()\n      initItemsPosition()\n    })\n\n    /**\n     * 「選択肢」の初期化\n     */\n    const initItems = () => {\n      if (!props.items.length) {\n        console.warn('No selector options are passed to the component.')\n        return\n      }\n\n      const itemValues = props.items.map(item => itemValue(item)) as Array<string |  number | undefined>\n\n      // props で渡された選択肢配列の重複チェック\n      // Set は重複を自動的に排除するため、重複があった場合、length にズレが生じる\n      const itemValueSets = new Set(itemValues)\n      if (itemValueSets.size !== itemValues.length) {\n        console.warn('There are duplicate items in the selector options.')\n      }\n\n      // items 配列の初期化\n      localItems.value = []\n\n      props.items.forEach(v => {\n        localItems.value.push({\n          label: itemLabel(v),\n          value: itemValue(v),\n        })\n      })\n    }\n\n    /**\n     * item の値\n     *\n     * @param item {String|Object}\n     */\n    const itemValue = (item: SelectorOption): string | number => {\n      return (typeof item === 'object' ? item.value : item) as string | number\n    }\n\n    /**\n     * item 表示用のラベル\n     *\n     * @param item {String|Object}\n     */\n    const itemLabel = (item: SelectorOption): string => {\n      return typeof item === 'object' ? item.label.toString() : item.toString()\n    }\n\n    const initMaxWidth = () => {\n      maxWidth.value = ''\n      nextTick(() => {\n        if (root.value) {\n          maxWidth.value = getComputedStyle(root.value.parentNode).width\n        }\n      })\n    }\n\n    /**\n     * 先祖 DOM を再帰的に取得し続け、overflow: hidden が設定されているラッパーを探索する\n     *\n     * @description body まで到達したら終了するように設定されているが、念の為探索上限を 70 とする\n     */\n    const findOverflowHiddenWrapper = () => {\n      let node = root.value ? root.value : undefined\n      if (!node) return\n\n      let remainingLoop = 70 // 無限ループ対策\n      overflowHiddenBlockEl.value = undefined\n      while(!!remainingLoop && node.tagName.toUpperCase() !== 'BODY') {\n        node = node.parentNode\n        const style = window.getComputedStyle(node)\n        if (style && style.getPropertyValue('overflow').toUpperCase() === 'HIDDEN') {\n          overflowHiddenBlockEl.value = node\n          break\n        }\n        remainingLoop--\n      }\n      remainingLoop = 70\n    }\n\n    /**\n     * ドロップダウンリストの表示位置計算\n     */\n    const initItemsPosition = () => {\n      if (!localItems.value.length || !selectorEl.value) return\n\n      // サジェストのボタン 1 つの高さ（ブラウザ環境で誤差は出るので、大まかな概算値）\n      const SELECTOR_ITEM_HEIGHT = 58\n\n      // 入力フォームの画面表示位置\n      const SELECTOR_POSITION = selectorEl.value.getBoundingClientRect().top\n\n      // サジェスト全体の高さ\n      const itemsHeight = SELECTOR_ITEMS_MAX_HEIGHT < localItems.value.length * SELECTOR_ITEM_HEIGHT\n        ? SELECTOR_ITEMS_MAX_HEIGHT\n        : localItems.value.length * SELECTOR_ITEM_HEIGHT\n\n      // ドロップダウンリストを表示する位置を算出する上で基準となる高さ（overflow: hidden が設定されている block か、もしくは document 全体）\n      let referenceHeight = 0\n\n      /**\n       * overflow: hidden が先祖に設定されている場合、画面の高さではなく、その先祖ラッパー側の高さで計算する\n       * （overflow: hidden の影響で、ドロップダウンリストの表示が隠れてしまうため）\n       */\n      let OVERFLOW_HIDDEN_BLOCK_POSITION\n      if (overflowHiddenBlockEl.value) {\n        OVERFLOW_HIDDEN_BLOCK_POSITION = overflowHiddenBlockEl.value.getBoundingClientRect().top\n        if (document.documentElement.clientHeight < (OVERFLOW_HIDDEN_BLOCK_POSITION + overflowHiddenBlockEl.value.offsetHeight)) {\n          referenceHeight = document.documentElement.clientHeight\n        } else {\n          referenceHeight = OVERFLOW_HIDDEN_BLOCK_POSITION + overflowHiddenBlockEl.value.offsetHeight\n        }\n      } else {\n        referenceHeight = document.documentElement.clientHeight\n      }\n\n      /**\n       * 下に表示できるスペースがある場合は下にドロップダウン表示する\n       * 下にスペースがない場合、\n       *    先祖に overflow: hidden が設定されており、且つドロップダウンを上に表示した際に、その overflow: hidden の範囲内に収まっていない場合は、超過分だけ position を下にずらす\n       *    上表示で収まっている場合はそのままセレクターの上部に表示する\n       */\n      itemsPositionStyle.value = referenceHeight > (SELECTOR_POSITION + selectorEl.value.offsetHeight + itemsHeight)\n        ? `top: ${selectorEl.value.offsetHeight}px`\n        : overflowHiddenBlockEl.value && OVERFLOW_HIDDEN_BLOCK_POSITION! > (SELECTOR_POSITION - itemsHeight)\n          ? `bottom: ${selectorEl.value.offsetHeight - (OVERFLOW_HIDDEN_BLOCK_POSITION! - (SELECTOR_POSITION - itemsHeight))}px`\n          : `bottom: ${selectorEl.value.offsetHeight}px`\n    }\n\n    /**\n     * 選択された際の発火イベント\n     * @param target 選択された項目の DOM\n     */\n    const onChange = (value: string | number, target: HTMLInputElement) => {\n      emit('update:modelValue', localValue.value)\n      emit('change', value, target)\n    }\n\n    const reset = () => {\n      localValue.value = []\n      emit('update:modelValue', localValue.value)\n    }\n\n    /**\n     * window のリサイズイベントを監視して、幅に変更があったらサジェストの表示位置を再取得\n     */\n    const resizeListener = throttle(async () => {\n      initMaxWidth()\n      initItemsPosition()\n    }, 50)\n\n    scrollUtil.throttle({\n      callback: () => {\n        initItemsPosition()\n      },\n      wait: 10,\n    })\n\n    window.addEventListener('resize', resizeListener)\n\n    onBeforeUnmount(() => {\n      // イベントリスナー解除\n      window.removeEventListener('resize', resizeListener)\n    })\n\n    return {\n      // constants\n      BACKDROP_CANCEL_ID,\n\n      // data\n      localValue,\n      localItems,\n      isShowItems,\n      root,\n      selectorEl,\n      itemsPositionStyle,\n      maxWidth,\n\n      // computed\n      selectedLabels,\n\n      // methods\n      itemValue,\n      itemLabel,\n      initItemsPosition,\n      onChange,\n      reset,\n    }\n  }\n})\n</script>\n\n<template>\n  <div\n    v-if=\"items\"\n    ref=\"root\"\n    class=\"o-selector__multi\"\n    :data-backdrop-cancel=\"BACKDROP_CANCEL_ID\"\n    :data-focus=\"isShowItems\"\n    :data-disabled=\"isDisabled\"\n    :data-error=\"isError\"\n    :style=\"{\n      'max-width': maxWidth,\n    }\">\n    <!--\n      セレクターがレンダリングされていない状態での block の基本幅を max-width とするため、\n      max-width の算出が完了するまでレンダリングしない\n    -->\n    <dl\n      v-show=\"maxWidth\"\n      class=\"o-selector__multi--unit\">\n      <dt\n        ref=\"selectorEl\"\n        class=\"o-selector__multi--term\">\n        <div\n          class=\"o-action__multiSelector\"\n          :data-focus=\"isShowItems\"\n          :data-disabled=\"isDisabled\"\n          :data-error=\"isError\"\n          :data-selected=\"!!(localValue.length)\">\n          <AccordionTrigger\n            v-model:open-state=\"isShowItems\"\n            class=\"o-action__multiSelector--item\"\n            tag-name=\"button\"\n            :disabled=\"isDisabled\">\n            {{ selectedLabels.join('、') || placeholder }}\n          </AccordionTrigger>\n        <!-- /.o-action__multiSelector --></div>\n      </dt>\n\n      <transition name=\"is-fade\">\n        <dd\n          v-show=\"isShowItems\"\n          class=\"o-selector__multi--description\"\n          :style=\"itemsPositionStyle\">\n          <AccordionBody\n            class=\"o-list__multiSelector\"\n            :open-state=\"isShowItems\"\n            unit-of-visible-height=\"px\">\n            <ul class=\"o-list__multiSelector--items\">\n              <li\n                v-if=\"hasReset\"\n                class=\"o-list__multiSelector--item\">\n                <div class=\"o-action__reset\">\n                  <button\n                    class=\"o-action__reset--item\"\n                    @click.prevent=\"reset\">\n                    選択を解除\n                  </button>\n                <!-- o-action__reset --></div>\n              </li>\n              <li\n                v-for=\"item in localItems\"\n                :key=\"item.label\"\n                class=\"o-list__multiSelector--item\">\n                <div class=\"o-selector__checkboxItem\">\n                  <label class=\"o-selector__checkboxItem--label\">\n                    <input\n                      v-model=\"localValue\"\n                      class=\"o-selector__checkboxItem--item\"\n                      type=\"checkbox\"\n                      :name=\"name ? `${name}[]` : undefined\"\n                      :value=\"item.value\"\n                      :disabled=\"isDisabled\"\n                      @change=\"onChange((item.value as string | number), ($event.target as HTMLInputElement))\">\n                    {{ item.label }}{{ unit }}\n                  </label>\n                </div>\n              </li>\n            </ul>\n          </AccordionBody>\n        </dd>\n      </transition>\n    </dl>\n  <!-- /.o-selector__multi --></div>\n</template>\n\n<style lang=\"sass\" scoped>\n.o-selector__multi\n  $root: &\n  width: 100%\n  position: relative\n  margin:\n    top: 14px\n    left: 0\n    right: auto\n\n  &:first-child\n    margin-top: 0\n\n  & &--description\n    width: 100%\n    max-height: 300px\n    position: absolute\n    overflow-y: auto\n    background-color: rgba($bg-xx-light-cyan, 1)\n    border: 1px solid $border-xx-light-cyan\n    border-radius: $border-radius\n    box-shadow: $box-shadow\n    z-index: 2\n\n.o-list__multiSelector\n  & &--item\n    border-top: 1px solid $border-x-light-gray\n\n    &:first-child\n      border-top: none\n\n.o-action__multiSelector\n  $root: &\n\n  & &--item\n    width: 100%\n    min-height: 1em\n    display: block\n    position: relative\n    overflow: hidden\n    text-align: left\n    text-overflow: ellipsis\n    padding: 0.6em 30px 0.6em 1em\n    background-color: rgba($bg-xx-light-cyan, 1)\n    border: 1px solid $border-xx-light-cyan\n    border-radius: $border-radius\n    white-space: nowrap\n    +transition\n\n    &::after\n      +iconTriangle(down)\n      position: absolute\n      top: 50%\n      right: 10px\n      transform: translateY(-50%)\n      +transition\n\n    +mouseover\n      border-color: $border-light-cyan\n\n  &[data-focus=\"true\"]\n    #{$root}--item\n      background-color: $bg-white\n      border-color: $border-light-cyan\n      box-shadow: $box-shadow\n\n      &::after\n        transform: translateY(-50%) rotate(-180deg)\n\n  &[data-disabled=\"true\"]\n    #{$root}--item\n      border-color: $border-xx-light-cyan\n      opacity: 0.4\n      cursor: default\n\n      &::after\n        opacity: 0.3\n\n  &[data-error=\"true\"]\n    #{$root}--item\n      background-color: rgba($bg-error, 1)\n      border-color: $border-error\n\n  &[data-selected=\"false\"]\n    #{$root}--item\n      color: rgba($font-black, 0.4)\n\n.o-action__reset\n  & &--item\n    width: 100%\n    min-height: 1em\n    display: block\n    text-align: left\n    padding: 0.5em 1em\n    +transition\n\n    +mouseover\n      background-color: rgba($bg-x-light-cyan, 1)\n\n.o-selector__checkboxItem\n  & &--label\n    width: 100%\n    min-height: 1em\n    display: block\n    padding: 0.5em 1em\n    +transition\n\n    +mouseover\n      background-color: rgba($bg-x-light-cyan, 1)\n\n  & &--item\n    +checkboxStyle\n    +transition\n    cursor: pointer\n\n    &:checked\n      background-color: rgba($bg-xx-light-cyan, 1)\n      border: 1px solid $border-xx-light-cyan\n\n      &::after\n        opacity: 1\n\n    +mouseover\n      &:not(:checked)\n        border-color: $border-light-cyan\n\n    &:disabled\n      cursor: default\n\n      &:not(:checked)\n        border-color: $border-xx-light-cyan\n\n    &[data-is-error=\"true\"]\n      background-color: rgba($bg-error, 1)\n      border-color: $border-error\n\n      &:not(:checked)\n        border-color: $border-error\n</style>\n"],"names":["BACKDROP_CANCEL_ID","SELECTOR_ITEMS_MAX_HEIGHT","_sfc_main","defineComponent","AccordionTrigger","AccordionBody","props","emit","backdrop","isShowItems","localValue","ref","localItems","root","selectorEl","itemsPositionStyle","maxWidth","overflowHiddenBlockEl","selectedLabels","computed","v","itemValue","itemLabel","watch","newValue","instance","getCurrentInstance","nextTick","_a","initItems","findOverflowHiddenWrapper","initItemsPosition","onMounted","initMaxWidth","itemValues","item","node","remainingLoop","style","SELECTOR_ITEM_HEIGHT","SELECTOR_POSITION","itemsHeight","referenceHeight","OVERFLOW_HIDDEN_BLOCK_POSITION","onChange","value","target","reset","resizeListener","throttle","scrollUtil","onBeforeUnmount","_hoisted_2","_hoisted_3","_hoisted_6","_component_AccordionBody","_resolveComponent","_createElementBlock","_ctx","_normalizeStyle","_createElementVNode","_cache","$event","_hoisted_4","_withCtx","_withDirectives","_hoisted_5","_hoisted_7","_withModifiers","args","_createCommentVNode","_openBlock","_Fragment","_renderList","_hoisted_8","_hoisted_9","_hoisted_10","_vModelCheckbox"],"mappings":"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"}