{"version":3,"file":"photographCalendar.js","sources":["../../../frontend/src/components/organisms/common/PhotographCalendarContent/index.vue","../../../frontend/src/stores/common/photographCalendar/index.ts","../../../frontend/src/components/pages/common/PhotographCalendar/index.vue","../../../frontend/src/entries/common/photographCalendar/App.vue","../../../frontend/src/entries/common/photographCalendar/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport Image from '@/components/atoms/Image/index.vue'\nimport Btn from '@/components/atoms/Btn/index.vue'\nimport SearchPhotographer from '@/components/molecules/SearchPhotographer/index.vue'\nimport { SERVICE_NAME } from '@/constants/global'\nimport { IHolidaysApiResponse } from '@/types/common/holidays'\nimport { IPrefApiResponse } from '@/types/common/pref'\nimport { findColorValue } from '@/utils/style'\n\nconst props = defineProps<{\n  holidays: IHolidaysApiResponse[]\n  pref: IPrefApiResponse['pref']\n  searchPrefDefault: string\n}>()\n\nconst monthlyExampleList: {\n  [key: number]: { title: string; sentence: string }\n} = {\n  1: { title: '成人式', sentence: '成人の記念に晴れ着姿で。お一人でも、ご家族やご友人と一緒でも。' },\n  2: { title: 'おうちフォト', sentence: '寒い季節には、暖かい室内での撮影もオススメ！' },\n  3: { title: '初節句', sentence: '桃の節句／端午の節句に健やかな成長を願って。節句の飾りと一緒に記念撮影。' },\n  4: { title: '入園入学', sentence: '桜を始め、春の花々とあたたかい陽射しの下で、ランドセル姿や制服姿をのこしたい。' },\n  5: { title: 'ピクニック', sentence: 'ご家族で、ご友人で、カップルで、初夏の木漏れ日の中で楽しい時間を写真に。' },\n  6: { title: 'ジューンブライド', sentence: '結婚式の前撮りや二次会など。カジュアルウェディングにも出張撮影。' },\n  7: { title: '海', sentence: '旅行先、帰省先でも。家族や友達全員が写った想い出の写真を。' },\n  8: { title: 'ひまわり', sentence: '夏休みの一枚はコレに決まり。家族、カップル、友達で満開のひまわり畑に。' },\n  9: { title: 'コスモス', sentence: '過ごしやすい気候とカラフルな花畑。シルバーウィークはみんなでお出かけ。' },\n  10: { title: '紅葉', sentence: '色鮮やかでフォトジェニック。紅葉の季節。' },\n  11: { title: '七五三', sentence: '神社などにて自然な七五三詣りの様子を記録。前撮り／後撮りも受け付け！' },\n  12: { title: 'クリスマス', sentence: 'サンタの衣装を着たりクリスマスツリーの前で撮ったり。' },\n}\n</script>\n\n<template>\n  <div class=\"photograph-calendar-content\">\n    <section class=\"main-visual\">\n      <Image\n        :path-pc=\"'/assets/images/ph_calendar-mainimage01.png'\"\n        alt-text=\"こんな撮影してみよう 年間撮影カレンダー\"\n        :width-pc=\"1200\"\n        :is-lazy=\"false\"\n      />\n    </section>\n    <section class=\"calendar\">\n      <h2 class=\"calendar-head\">撮ってみたい！でもどんな写真をお願いすればいいんだろう？</h2>\n      <div class=\"calendar-content\">\n        <h3 class=\"calendar-content-head\">年間イベントと撮影のタイミング</h3>\n        <div class=\"calendar-content-picture\">\n          <Image\n            :path-pc=\"'/assets/images/ph_calendar-calendar-pic01.png'\"\n            alt-text=\"年間撮影カレンダー\"\n            :is-lazy=\"false\"\n          />\n        </div>\n      </div>\n    </section>\n    <section>\n      <SearchPhotographer :holidays=\"props.holidays\" :pref=\"props.pref\" :pref-val=\"props.searchPrefDefault\"\n        ><h2 class=\"search-photographer-title\">フォトグラファーを探す</h2></SearchPhotographer\n      >\n    </section>\n    <section class=\"monthly-example\">\n      <h2 class=\"monthly-example-head\">月別の撮影例</h2>\n      <div class=\"monthly-example-content\">\n        <div v-for=\"(data, month) in monthlyExampleList\" :key=\"month\" class=\"monthly-example-content-item\">\n          <img\n            class=\"monthly-example-content-item-image\"\n            :src=\"`/assets/images/ph_calendar-example-pic${('0' + month).slice(-2)}.jpg`\"\n            loading=\"lazy\"\n          />\n          <div class=\"monthly-example-content-item-text\">\n            <p class=\"monthly-example-content-item-text-month\">{{ month }}月</p>\n            <p class=\"monthly-example-content-item-text-title\">{{ data.title }}</p>\n            <p class=\"monthly-example-content-item-text-sentence\">{{ data.sentence }}</p>\n          </div>\n        </div>\n      </div>\n    </section>\n    <section class=\"links\">\n      <div class=\"links-content\">\n        <div class=\"links-content-item\">\n          <p class=\"links-content-item-text\">通年の撮影ジャンルもご覧ください</p>\n          <Btn class=\"links-content-item-button\" tag=\"a\" :href=\"'/category'\" font-size=\"20px\" color=\"green\"\n            ><span class=\"links-content-item-button-inner\">すべての撮影ジャンル</span></Btn\n          >\n        </div>\n        <div class=\"links-content-item\">\n          <p class=\"links-content-item-text\">どんな写真に仕上がるの？</p>\n          <Btn class=\"links-content-item-button\" tag=\"a\" :href=\"'/photogallery'\" font-size=\"20px\" color=\"green\"\n            ><span class=\"links-content-item-button-inner\">全てのフォトギャラリー</span></Btn\n          >\n        </div>\n        <div class=\"links-content-item\">\n          <p class=\"links-content-item-text\">参加しているフォトグラファー</p>\n          <Btn class=\"links-content-item-button\" tag=\"a\" :href=\"'/photographers'\" font-size=\"20px\" color=\"green\"\n            ><span class=\"links-content-item-button-inner\">全てのフォトグラファー</span></Btn\n          >\n        </div>\n        <div class=\"links-content-item\">\n          <p class=\"links-content-item-text\">ご予約から写真の納品まで</p>\n          <Btn class=\"links-content-item-button\" tag=\"a\" :href=\"'/guide'\" font-size=\"20px\" color=\"green\"\n            ><span class=\"links-content-item-button-inner\">ご利用の流れ</span></Btn\n          >\n        </div>\n      </div>\n    </section>\n    <section class=\"matching\">\n      <h2 class=\"matching-head\">{{ SERVICE_NAME }}は、依頼者とフォトグラファーをマッチングします</h2>\n      <div>\n        <Image :path-pc=\"'/assets/images/toppage-pic04.png'\" :width-pc=\"601\" />\n      </div>\n      <div class=\"matching-content\">\n        <div class=\"matching-content-item-member\">\n          <div class=\"matching-content-balloon\">\n            <span class=\"matching-content-balloon-title\">依頼者<span>「撮ってほしい」</span></span\n            ><br />\n            <span\n              >自然な表情や笑顔を、綺麗に撮ってほしい。それもリーズナブルな価格で。{{\n                SERVICE_NAME\n              }}は気軽に撮影ができ、かつ素敵な写真を提供しています。</span\n            >\n          </div>\n          <Btn class=\"matching-content-button\" tag=\"a\" :href=\"'/sign_up/user'\" font-size=\"14px\" color=\"red\"\n            ><div class=\"matching-content-button-inner\">\n              <span>写真を撮ってほしい方<br /><b>会員登録（無料）</b></span>\n            </div></Btn\n          >\n        </div>\n        <div class=\"matching-content-item-photographer\">\n          <div class=\"matching-content-balloon\">\n            <span class=\"matching-content-balloon-title\">フォトグラファー<span>「撮りたい」</span></span\n            ><br />\n            <span\n              >{{ SERVICE_NAME }}の写真家は、確かな撮影技術を持つ“プロ”や“ハイ・アマチュア”の方々です。{{\n                SERVICE_NAME\n              }}は特にセミプロやアマチュアの写真家が活躍出来る場所を提供しています。</span\n            >\n          </div>\n          <Btn class=\"matching-content-button\" tag=\"a\" :href=\"'/sign_up/photographer'\" font-size=\"14px\" color=\"yellow\"\n            ><div class=\"matching-content-button-inner\">\n              <span>撮影をしたい方<br /><b>フォトグラファー登録（無料）</b></span>\n            </div></Btn\n          >\n        </div>\n      </div>\n    </section>\n    <section class=\"origin-strengths\">\n      <h2 class=\"origin-strengths-head\">{{ SERVICE_NAME }}の出張撮影が選ばれる理由</h2>\n      <div class=\"origin-strengths-content\">\n        <div class=\"origin-strengths-content-item\">\n          <div class=\"origin-strengths-content-item-image\">\n            <Image :path-pc=\"'/assets/images/ill-scene01.png'\" :width-pc=\"320\" />\n          </div>\n          <div class=\"origin-strengths-content-item-text\">\n            <h3 class=\"origin-strengths-content-item-text-title\">本格写真が驚きの低価格</h3>\n            プロやセミプロのフォトグラファーによる撮影が驚くほど高品質でリーズナブル。\n          </div>\n        </div>\n        <div class=\"origin-strengths-content-item\">\n          <div class=\"origin-strengths-content-item-image\">\n            <Image :path-pc=\"'/assets/images/ill-scene02.png'\" :width-pc=\"320\" />\n          </div>\n          <div class=\"origin-strengths-content-item-text\">\n            <h3 class=\"origin-strengths-content-item-text-title\">簡単予約、気軽に撮影</h3>\n            webで１分で予約。近場を選んでふらっと撮影できる手軽さと気軽さ。\n          </div>\n        </div>\n        <div class=\"origin-strengths-content-item\">\n          <div class=\"origin-strengths-content-item-image\">\n            <Image :path-pc=\"'/assets/images/ill-scene03.png'\" :width-pc=\"320\" />\n          </div>\n          <div class=\"origin-strengths-content-item-text\">\n            <h3 class=\"origin-strengths-content-item-text-title\">業界初の写真家指名制</h3>\n            フォトグラファーの作品集や評価を見て選択。審査を通過した質の高いフォトグラファー。\n          </div>\n        </div>\n      </div>\n      <div class=\"origin-strengths-button\">\n        <Btn tag=\"a\" :href=\"'/price/reason'\" font-size=\"16px\" color=\"light-cream\" text-color=\"dark-brown\"\n          ><div class=\"origin-strengths-button-inner\">{{ SERVICE_NAME }}の価格のヒミツ</div></Btn\n        >\n      </div>\n    </section>\n    <section>\n      <SearchPhotographer\n        :holidays=\"props.holidays\"\n        :pref=\"props.pref\"\n        :pref-val=\"props.searchPrefDefault\"\n        color=\"light-blue\"\n        ><h2 class=\"search-photographer-title\">フォトグラファーを探す</h2></SearchPhotographer\n      >\n    </section>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.photograph-calendar-content {\n  text-align: center;\n  .main-visual {\n    background: linear-gradient(v-bind('findColorValue(\"white\")'), v-bind('findColorValue(\"action-light\")'));\n  }\n  .calendar {\n    background: v-bind('findColorValue(\"action-light\")');\n    padding: 50px 10px;\n    .calendar-head {\n      color: v-bind('findColorValue(\"red\")');\n      font-size: 22px;\n      margin-bottom: 0;\n      @media (max-width: 767px) {\n        font-size: 20px;\n      }\n    }\n    .calendar-content {\n      background: v-bind('findColorValue(\"white\")');\n      width: 600px;\n      margin: 50px auto 0;\n      padding: 30px 0 40px;\n      @media (max-width: 767px) {\n        width: 100%;\n        margin-top: 20px;\n      }\n      .calendar-content-head {\n        font-size: 24px;\n        font-weight: normal;\n        margin-bottom: 0;\n      }\n      .calendar-content-picture {\n        margin-top: 10px;\n        @media (min-width: 768px) {\n          height: 600px;\n          margin-left: 50px;\n          margin-right: 50px;\n          padding-right: 15px;\n          overflow-x: hidden;\n          overflow-y: scroll;\n          &::-webkit-scrollbar {\n            width: 20px;\n          }\n          &::-webkit-scrollbar-track {\n            background-color: v-bind('findColorValue(\"light-cream\")');\n          }\n          &::-webkit-scrollbar-thumb {\n            background-color: v-bind('findColorValue(\"dark-brown\")');\n          }\n        }\n      }\n    }\n  }\n  .monthly-example {\n    padding: 50px 10px;\n    .monthly-example-head {\n      font-size: 24px;\n      font-weight: normal;\n      margin-bottom: 0;\n    }\n    .monthly-example-content {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n      max-width: 1000px;\n      margin: 24px auto 0;\n      @media (max-width: 767px) {\n        grid-template-columns: none;\n      }\n    }\n    .monthly-example-content-item {\n      display: block;\n      background: v-bind('findColorValue(\"action-light\")');\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 1px 6px rgb(0 0 0 / 12%), 0 1px 4px rgb(0 0 0 / 24%);\n      .monthly-example-content-item-image {\n        display: block;\n      }\n      .monthly-example-content-item-text {\n        display: grid;\n        gap: 5px;\n        padding: 10px 20px;\n        font-size: 14px;\n        text-align: center;\n        > p {\n          margin-bottom: 0;\n        }\n        .monthly-example-content-item-text-month {\n          color: v-bind('findColorValue(\"green\")');\n          font-weight: bold;\n        }\n        .monthly-example-content-item-text-title {\n          font-weight: bold;\n        }\n        .monthly-example-content-item-text-sentence {\n          text-align: left;\n        }\n      }\n    }\n  }\n  .links {\n    background: v-bind('findColorValue(\"light-cream\")');\n    padding: 80px 20px 108px;\n    .links-content {\n      display: grid;\n      gap: 48px;\n      grid-template-columns: repeat(2, 1fr);\n      max-width: 1000px;\n      margin: 0 auto;\n      @media (max-width: 767px) {\n        grid-template-columns: none;\n      }\n\n      .links-content-item {\n        display: block;\n        text-align: center;\n        .links-content-item-text {\n          font-size: 16px;\n          font-weight: bold;\n          margin-bottom: 0;\n        }\n        .links-content-item-button {\n          margin-top: 16px;\n          height: 60px;\n          line-height: 60px;\n          .links-content-item-button-inner {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            &::before {\n              content: '';\n              display: block;\n              width: 20px;\n              height: 20px;\n              background-color: v-bind('findColorValue(\"white\")');\n              -webkit-mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) center / 20px no-repeat;\n              mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) center / 20px no-repeat;\n            }\n          }\n        }\n      }\n    }\n  }\n  .matching {\n    background: v-bind('findColorValue(\"green\")');\n    padding: 40px 10px;\n    .matching-head {\n      color: v-bind('findColorValue(\"white\")');\n      font-size: 24px;\n      font-weight: normal;\n      @media (max-width: 767px) {\n        font-size: 16px;\n        font-weight: bold;\n        margin: 0 20px;\n      }\n    }\n    .matching-content {\n      display: grid;\n      grid-template-areas: 'm . p';\n      grid-template-columns: repeat(3, 1fr);\n      max-width: 820px;\n      margin: 40px auto 0;\n      @media (max-width: 767px) {\n        row-gap: 30px;\n        grid-template-areas:\n          'm m .'\n          '. p p';\n        grid-template-columns: 1fr 4fr 1fr;\n      }\n      .matching-content-item-member {\n        grid-area: m;\n        .matching-content-balloon::before {\n          @media (max-width: 767px) {\n            left: 10%;\n          }\n        }\n      }\n      .matching-content-item-photographer {\n        grid-area: p;\n        .matching-content-balloon::before {\n          @media (max-width: 767px) {\n            left: 90%;\n          }\n        }\n      }\n      .matching-content-balloon {\n        position: relative;\n        font-size: 14px;\n        width: 100%;\n        text-align: left;\n        box-sizing: border-box;\n        padding: 20px;\n        border-radius: 4px;\n        background: v-bind('findColorValue(\"white\")');\n        text-align: left;\n        &::before {\n          content: '';\n          position: absolute;\n          height: 0;\n          width: 0;\n          top: 0;\n          left: 50%;\n          transform: translate(-50%, -100%) rotate(180deg);\n          border: 5px solid transparent;\n          border-top: 7px solid v-bind('findColorValue(\"white\")');\n        }\n        .matching-content-balloon-title {\n          font-size: 16px;\n          font-weight: bold;\n          > span {\n            font-weight: normal;\n            color: v-bind('findColorValue(\"red\")');\n          }\n        }\n      }\n      .matching-content-button {\n        margin-top: 14px;\n        height: unset;\n        line-height: 1.6;\n        text-align: left;\n        .matching-content-button-inner {\n          display: flex;\n          align-items: center;\n          padding: 10px 20px;\n          &::before {\n            content: '';\n            display: block;\n            width: 14px;\n            height: 14px;\n            margin-right: 5%;\n            flex-shrink: 0;\n            background-color: v-bind('findColorValue(\"white\")');\n            -webkit-mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) left / 14px no-repeat;\n            mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) left / 14px no-repeat;\n          }\n        }\n      }\n    }\n  }\n  .origin-strengths {\n    padding: 40px 10px;\n    @media (max-width: 767px) {\n      padding: 35px 10px;\n    }\n    .origin-strengths-head {\n      font-size: 24px;\n      font-weight: normal;\n      color: v-bind('findColorValue(\"dark-brown\")');\n      margin-bottom: 0;\n      @media (max-width: 767px) {\n        font-size: 18px;\n        font-weight: bold;\n      }\n    }\n\n    .origin-strengths-content {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n      max-width: 800px;\n      margin: 24px auto 0;\n      @media (max-width: 767px) {\n        grid-template-columns: none;\n        gap: 20px;\n        margin-top: 18px;\n      }\n      .origin-strengths-content-item {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        @media (max-width: 767px) {\n          flex-direction: row;\n        }\n        .origin-strengths-content-item-image {\n          flex: 0 0 calc(100% / 3);\n          margin: 0 40px;\n          @media (max-width: 767px) {\n            margin: 0;\n          }\n        }\n        .origin-strengths-content-item-text {\n          font-size: 14px;\n          text-align: left;\n          .origin-strengths-content-item-text-title {\n            font-size: 18px;\n            font-weight: bold;\n            text-align: center;\n            color: v-bind('findColorValue(\"red\")');\n            margin-bottom: 5px;\n            @media (max-width: 767px) {\n              text-align: left;\n            }\n          }\n        }\n      }\n    }\n    .origin-strengths-button {\n      width: 270px;\n      margin: 20px auto 0;\n      @media (max-width: 767px) {\n        width: 100%;\n      }\n      .origin-strengths-button-inner {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        &::before {\n          content: '';\n          display: block;\n          width: 14px;\n          height: 14px;\n          margin-right: 5px;\n          background-color: v-bind('findColorValue(\"dark-brown\")');\n          -webkit-mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) center / 14px no-repeat;\n          mask: url(/assets/images/iconmonstr-arrow-29-icon.svg) center / 14px no-repeat;\n        }\n      }\n    }\n  }\n  .search-photographer-title {\n    margin-bottom: 24px;\n    font-weight: normal;\n    font-size: 24px;\n    @media (max-width: 767px) {\n      font-size: 16px;\n    }\n  }\n}\n</style>\n","import { InjectionKey, reactive } from 'vue'\nimport { AxiosInstance } from 'axios'\nimport { HolidaysApi } from '@/api/common/holidays'\nimport { PrefApi } from '@/api/common/pref'\nimport { useCommonApiError } from '@/hooks/error/common'\nimport { IHolidaysApiResponse } from '@/types/common/holidays'\nimport { IPrefApiResponse } from '@/types/common/pref'\nimport { ApiError, ComputableObject } from '@/types/global'\n\ninterface IStore {\n  holidays: IHolidaysApiResponse[]\n  pref: IPrefApiResponse['pref']\n}\n\nexport class PhotographCalendarStore {\n  holidaysApi: HolidaysApi\n  prefApi: PrefApi\n\n  constructor(axios: AxiosInstance) {\n    this.holidaysApi = new HolidaysApi(axios)\n    this.prefApi = new PrefApi(axios)\n  }\n\n  public state: IStore = reactive<ComputableObject<IStore>>({\n    holidays: [],\n    pref: [],\n  })\n\n  /**\n   * [API] 祝日取得\n   */\n  public async getHolidays(): Promise<void> {\n    await this.holidaysApi\n      .getHolidays()\n      .then((response) => {\n        this.state.holidays = response\n      })\n      .catch(() => {\n        return\n      })\n  }\n  /**\n   * [API] 都道府県の情報を取得\n   */\n  public async getPref(): Promise<void> {\n    await this.prefApi\n      .getPref()\n      .then((response) => {\n        this.state.pref = response.pref\n      })\n      .catch(({ response }: ApiError<null>) => {\n        useCommonApiError(response)\n      })\n  }\n}\nexport const photographCalendarStoreKey: InjectionKey<PhotographCalendarStore> = Symbol('PhotographCalendarStoreKey')\n","<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport PhotographCalendarContent from '@/components/organisms/common/PhotographCalendarContent/index.vue'\nimport { useVueInject } from '@/hooks/vue'\nimport { photographCalendarStoreKey, PhotographCalendarStore } from '@/stores/common/photographCalendar'\n\nconst props = defineProps<{\n  searchPrefDefault: string\n}>()\nconst store = useVueInject<PhotographCalendarStore>(photographCalendarStoreKey)\n\nonMounted(async () => {\n  store.getHolidays()\n  store.getPref()\n})\n</script>\n\n<template>\n  <div class=\"photograph-calendar\">\n    <PhotographCalendarContent\n      :holidays=\"store.state.holidays\"\n      :pref=\"store.state.pref\"\n      :search-pref-default=\"props.searchPrefDefault\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AxiosInstance } from 'axios'\nimport { provide } from 'vue'\nimport PhotographCalendar from '@/components/pages/common/PhotographCalendar/index.vue'\nimport { useVueInject } from '@/hooks/vue'\nimport { pluginKeys } from '@/plugins/axios'\nimport { photographCalendarStoreKey, PhotographCalendarStore } from '@/stores/common/photographCalendar'\n\nconst props = defineProps<{\n  searchPrefDefault: string\n}>()\nprovide(photographCalendarStoreKey, new PhotographCalendarStore(useVueInject<AxiosInstance>(pluginKeys.AXIOS)))\n</script>\n\n<template>\n  <PhotographCalendar :search-pref-default=\"props.searchPrefDefault\"></PhotographCalendar>\n</template>\n","import App from './App.vue'\nimport { mountVue } from '@/entries'\nmountVue('#app', App, 'photographCalendar')\n"],"names":["App"],"mappings":"8nMAeA,KAAM,GAEF,CACF,EAAG,CAAE,MAAO,qBAAO,SAAU,4LAAkC,EAC/D,EAAG,CAAE,MAAO,uCAAU,SAAU,sIAAyB,EACzD,EAAG,CAAE,MAAO,qBAAO,SAAU,0NAAuC,EACpE,EAAG,CAAE,MAAO,2BAAQ,SAAU,4OAA0C,EACxE,EAAG,CAAE,MAAO,iCAAS,SAAU,0NAAuC,EACtE,EAAG,CAAE,MAAO,mDAAY,SAAU,kMAAmC,EACrE,EAAG,CAAE,MAAO,SAAK,SAAU,gLAAgC,EAC3D,EAAG,CAAE,MAAO,2BAAQ,SAAU,oNAAsC,EACpE,EAAG,CAAE,MAAO,2BAAQ,SAAU,oNAAsC,EACpE,GAAI,CAAE,MAAO,eAAM,SAAU,0HAAuB,EACpD,GAAI,CAAE,MAAO,qBAAO,SAAU,8MAAqC,EACnE,GAAI,CAAE,MAAO,iCAAS,SAAU,8JAA6B,CAAA,i5HCfxD,MAAM,EAAwB,CAInC,YAAY,EAAsB,CAK3B,KAAA,MAAgB,EAAmC,CACxD,SAAU,CAAC,EACX,KAAM,CAAC,CAAA,CACR,EAPM,KAAA,YAAc,GAAI,GAAY,CAAK,EACnC,KAAA,QAAU,GAAI,GAAQ,CAAK,CAClC,MAUa,cAA6B,CACxC,KAAM,MAAK,YACR,YACA,EAAA,KAAK,AAAC,GAAa,CAClB,KAAK,MAAM,SAAW,CAAA,CACvB,EACA,MAAM,IAAM,CACX,CACD,CACL,MAIa,UAAyB,CACpC,KAAM,MAAK,QACR,QACA,EAAA,KAAK,AAAC,GAAa,CACb,KAAA,MAAM,KAAO,EAAS,IAC5B,CAAA,EACA,MAAM,CAAC,CAAE,cAA+B,CACvC,EAAkB,CAAQ,CAAA,CAC3B,CACL,CACF,CACa,KAAA,GAAoE,OAAO,4BAA4B,2FC9C9G,EAAQ,EAAsC,CAA0B,EAE9E,SAAU,SAAY,CACpB,EAAM,YAAY,EAClB,EAAM,QAAQ,CAAA,CACf,6OCHD,SAAQ,EAA4B,GAAI,IAAwB,EAA4B,EAAW,KAAK,CAAC,CAAC,mGCT9G,EAAS,OAAQA,GAAK,oBAAoB"}