@extends('component-base.layout')

@section('title')
    L - ステップ
@endsection

@push('css')
    <link rel="stylesheet" href="/css/component-base/slide/slide.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/hyperlink/hyperlink.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/breadcrumb/breadcrumb.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/button/button.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/_assets/commons/css/components/step.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/layout-demo/layout-e.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/layout-demo/layout-l.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/hyperlink/hyperlink.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/slide/slide.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/preview/phone_mockup.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/drawer/drawer.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/tag/tag.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/hyperlink/hyperlink.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/layout-demo/layout-l.css?v={{config("sns-line.version")}}">
    <style>
        ::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        ::-webkit-scrollbar-track {
            background: transparent;
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            border: 1px solid transparent;
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0, 0, 0, 0.4);
        }
        .ct202602-steps.vertical {
            justify-content: start;
            width: 214px;
        }
        .ct202602-steps.vertical .ct202602-step:not(:last-child) {
            margin-bottom: 45px;
        }
        .ct202602-steps.vertical .ct202602-step:not(:last-child):before {
            top: 38px;
            left: 16px;
            height: 46px;
        }

        .ct202602-steps.vertical .ct202602-step {
            align-items: flex-start;
            padding-bottom: 8px;
        }
        .ct202602-steps.vertical .ct202602-step .ct202602-circle {
            width: 32px;
            height: 32px;
            min-width: 32px;
            font-size: 14px;
            margin-right: 8px;
        }
        .ct202602-steps.vertical .ct202602-step .ct202602-s-label {
            padding: 8px;
            width: calc(100% - 40px);
        }
        .ct202602-steps.vertical .ct202602-step .ct202602-s-label-title {
            font-size: 15px;
            line-height: 22px;
        }
        .ct202602-steps.vertical .ct202602-step .ct202602-s-label-detail {
            top: 35px;
        }
    </style>
@endpush

@section('contents')
    <div id="vue-element" v-cloak>
        <div class="layout-e">
            {{-- Breadcrumb --}}
            <lme-breadcrumb :items="breadcrumbs"></lme-breadcrumb>

            {{-- Header: Title + Info bar --}}
            <div class="layout-e-header">
                <div class="layout-e-header-left">
                    <div class="layout-e-title">ページタイトル名</div>
                    <lme-button-flat style="width: 146px" size="md" :icon="true">
                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M8.9982 15.1806C8.97355 15.1806 8.94729 15.1725 8.92226 15.1573L8.14264 14.6551C7.41586 14.1868 6.57453 13.9392 5.7096 13.9392H1.68795C1.37754 13.9392 1.125 13.6871 1.125 13.3773V3.39303C1.125 3.08262 1.37754 2.83008 1.68795 2.83008H5.7096C6.57555 2.83008 7.41688 3.07761 8.14264 3.54592L9.00022 4.0957L9.85781 3.54592C10.5846 3.07761 11.4259 2.83008 12.2909 2.83008H16.3125C16.6229 2.83008 16.8755 3.08262 16.8755 3.39303V13.3773C16.8755 13.6871 16.6229 13.9392 16.3125 13.9392H12.2909C11.4249 13.9392 10.5826 14.1868 9.85477 14.6551L9.07414 15.1573C9.05224 15.1725 9.02596 15.1806 8.9982 15.1806ZM12.2909 4.0957C11.6682 4.0957 11.0632 4.27322 10.5412 4.60904L9.68366 5.15883L9.56216 5.2378V13.3591C10.3981 12.9103 11.3422 12.6736 12.2909 12.6736H15.6098V4.0957H12.2909ZM2.39062 4.0957V12.6736H5.7096C6.65982 12.6736 7.60303 12.9106 8.43727 13.3591V5.2378L8.31576 5.15883L7.45819 4.60904C6.93725 4.27322 6.33259 4.0957 5.7096 4.0957H2.39062ZM14.2875 9.86088H11.0232C10.9545 9.86088 10.8987 9.80183 10.8987 9.72925V8.93849C10.8987 8.86592 10.9545 8.80687 11.0232 8.80687H14.2895C14.3216 8.80687 14.3521 8.82005 14.3753 8.84398C14.3996 8.86899 14.413 8.90344 14.412 8.93849V9.72925C14.412 9.80183 14.3562 9.86088 14.2875 9.86088ZM6.97522 9.86088H3.71092C3.64226 9.86088 3.58639 9.80183 3.58639 9.72925V8.93849C3.58639 8.86592 3.64226 8.80687 3.71092 8.80687H6.97725C7.0093 8.80687 7.03978 8.82005 7.06305 8.84398C7.08737 8.86899 7.10075 8.90344 7.09976 8.93849V9.72925C7.09976 9.8006 7.04274 9.86088 6.97522 9.86088ZM14.2875 7.4005H11.0232C10.9545 7.4005 10.8987 7.34145 10.8987 7.26888V6.4771C10.8987 6.40453 10.9545 6.34548 11.0232 6.34548H14.2875C14.3562 6.34548 14.412 6.40453 14.412 6.4771V7.26888C14.412 7.34145 14.3562 7.4005 14.2875 7.4005ZM6.97522 7.4005H3.71092C3.64226 7.4005 3.58639 7.34145 3.58639 7.26888V6.4771C3.58639 6.40453 3.64226 6.34548 3.71092 6.34548H6.97725C7.0093 6.34548 7.03978 6.35866 7.06305 6.38259C7.08737 6.4076 7.10075 6.44205 7.09976 6.4771V7.26888C7.09976 7.34023 7.04274 7.4005 6.97522 7.4005Z"
                                  fill="currentColor" />
                        </svg>
                        <span style="margin-left: 8px;">使い方を見る</span>
                    </lme-button-flat>
                </div>

                <div class="layout-e-info-bar">
                    <div class="layout-e-info-item">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4.54997 14.2538C4.51642 14.2538 4.48355 14.2399 4.45981 14.2157L1.80751 11.5643C1.75933 11.5152 1.75732 11.4381 1.80301 11.3924L6.38131 6.81413C6.01535 5.43667 6.41342 3.95513 7.41991 2.94863C8.17803 2.19206 9.18437 1.77539 10.2536 1.77539C10.9695 1.77539 11.6717 1.96666 12.2844 2.32853C12.3306 2.35554 12.3633 2.39868 12.3765 2.45C12.3898 2.5014 12.382 2.55511 12.3546 2.60123C12.3454 2.616 12.3354 2.62857 12.3231 2.64083L9.62941 5.33453L10.6905 6.39563L13.3824 3.70283C13.4203 3.6654 13.4706 3.64478 13.5242 3.64478C13.5777 3.64478 13.6281 3.6654 13.6659 3.70283C13.6781 3.71326 13.689 3.72734 13.6965 3.74243C14.6236 5.31208 14.3686 7.31209 13.0764 8.60603C12.3198 9.36266 11.314 9.77938 10.2443 9.77942C9.89429 9.77944 9.5457 9.73379 9.20821 9.64373L4.63171 14.2202C4.61047 14.2419 4.58144 14.2538 4.54997 14.2538ZM6.86679 7.91998L6.86508 7.92048L3.27001 11.5157L4.50751 12.7532L8.78881 8.47013L8.92832 8.33422C9.33276 8.54267 9.78807 8.65294 10.2462 8.65294C11.0149 8.65294 11.7378 8.35341 12.2817 7.80953C12.8733 7.21882 13.1784 6.39938 13.1187 5.56133L11.0442 7.63583C10.9498 7.73028 10.824 7.7823 10.6901 7.7823C10.5561 7.7823 10.4304 7.73028 10.3359 7.63583L8.39101 5.69093C8.19574 5.49565 8.19574 5.17791 8.39101 4.98263L10.4673 2.90813C10.4021 2.90347 10.3327 2.90038 10.2555 2.90038C9.48473 2.90038 8.76089 3.19974 8.21731 3.74333C7.32805 4.63259 7.11719 5.98022 7.69261 7.09673L6.86731 7.92203L6.86679 7.91998Z" fill="#1677FF"/>
                        </svg>
                        <span>管理名テキスト</span>
                    </div>
                    <div class="layout-e-info-divider"></div>
                    <div class="layout-e-info-item">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.7497 13.1251H2.2504C1.97448 13.1251 1.75 12.9006 1.75 12.6247V3.3754C1.75 3.09948 1.97448 2.875 2.2504 2.875H6.2221C6.25289 2.875 6.28405 2.88746 6.3076 2.9092L8.1409 4.6624H13.7497C14.0256 4.6624 14.2501 4.88688 14.2501 5.1628V12.6247C14.2501 12.9006 14.0256 13.1251 13.7497 13.1251ZM2.875 4V12.0001H13.1251V5.7874H7.6891L5.8207 4H2.875Z" fill="#1677FF"/>
                        </svg>
                        <span>未分類</span>
                    </div>
                    <button class="layout-e-info-action">変更する</button>
                </div>
            </div>

            {{-- Body: Steps sidebar + Content --}}
            <div class="layout-e-body">
                <button class="layout-g-preview-btn" @click="showDrawer = !showDrawer">
                    <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M7.4375 1.33307V0.125253C7.4375 0.0205652 7.31719 -0.0372473 7.23594 0.0268152L0.192187 5.52838C-0.0640625 5.72838 -0.0640625 6.11432 0.192187 6.31432L7.23594 11.8159C7.31875 11.8799 7.4375 11.8221 7.4375 11.7174V10.5096C7.4375 10.4331 7.40156 10.3596 7.34219 10.3128L1.71719 5.92213L7.34219 1.52994C7.40156 1.48307 7.4375 1.40963 7.4375 1.33307Z" fill="currentColor"/>
                    </svg>
                    プレビュー
                </button>

                {{-- Left sidebar with steps --}}
                <div class="layout-e-sidebar">
                    <steps :steps="steps" :step_active="currentStep" :type_step="2" :is_detail="true"></steps>
                </div>

                {{-- Right content area --}}
                <div class="layout-e-content">
                    <div class="layout-e-content-inner">
                        <div class="layout-e-section-title">セクションタイトル名</div>
                    </div>

                    {{-- Footer buttons --}}
                    <div class="layout-e-footer">
                        <lme-button kind="default" size="lg" type="secondary" @click="saveNext">
                            保存して次へ
                            <svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M9.05664 6.91047L0.251953 0.0335191C0.148438 -0.0465591 0 0.0257066 0 0.156566V1.66633C0 1.76203 0.0449219 1.85383 0.119141 1.91243L7.15039 7.40266L0.119141 12.8929C0.0429688 12.9515 0 13.0433 0 13.139V14.6488C0 14.7796 0.150391 14.8519 0.251953 14.7718L9.05664 7.89485C9.37695 7.64485 9.37695 7.16047 9.05664 6.91047Z" fill="currentColor"/>
                            </svg>
                        </lme-button>
                        <lme-button kind="default" size="lg" @click="saveTop">保存してTOPに戻る</lme-button>
                    </div>
                </div>



                {{-- Preview Drawer --}}
                <lme-drawer v-model="showDrawer" width="350px" title="プレビュー">
                    <button class="layout-g-preview-btn" @click="showDrawer = !showDrawer" style="right: 350px">
                        <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M7.4375 1.33307V0.125253C7.4375 0.0205652 7.31719 -0.0372473 7.23594 0.0268152L0.192187 5.52838C-0.0640625 5.72838 -0.0640625 6.11432 0.192187 6.31432L7.23594 11.8159C7.31875 11.8799 7.4375 11.8221 7.4375 11.7174V10.5096C7.4375 10.4331 7.40156 10.3596 7.34219 10.3128L1.71719 5.92213L7.34219 1.52994C7.40156 1.48307 7.4375 1.40963 7.4375 1.33307Z" fill="currentColor"/>
                        </svg>
                        閉 じ る
                    </button>

                    <template>
                        <div style="padding: 16px">
                            <lme-phone-mockup>
                                @include('component-base.preview.phone_mockup_content_sample')
                            </lme-phone-mockup>
                        </div>

                        <hr>

                        {{-- Action list --}}
                        <div class="drawer-content" style="padding: 0;">
                            <div class="layout-g-action-section-title">
                                <div>
                                    設定中のアクション
                                </div>
                                <div>
                                    <lme-hyperlink href="#" :underline="false">非表示</lme-hyperlink>
                                </div>
                            </div>
                            <div class="layout-g-action-tags">
                                <div class="item-tag">
                                    <lme-tag text="テキスト送信" type="primary" size="sm">
                                        <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-10" y="-10" width="30.9375" height="30.9376"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_377_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M10.8281 10.9376H0.109462C0.049105 10.9376 0 10.8885 0 10.8281V9.73429C0 9.67393 0.049105 9.62482 0.109462 9.62482H10.8281C10.8875 9.62482 10.9376 9.67495 10.9376 9.73429V10.8281C10.9376 10.8875 10.8875 10.9376 10.8281 10.9376ZM9.03026 8.53099H7.812C7.75364 8.53099 7.70269 8.49364 7.68521 8.43806L6.95756 6.16849H3.96112L3.22639 8.43806C3.20917 8.49364 3.15821 8.53099 3.0996 8.53099H1.93725C1.9009 8.53099 1.86698 8.51678 1.84174 8.49098C1.81727 8.46597 1.8042 8.4332 1.80495 8.39869C1.80495 8.38194 1.80602 8.36803 1.81125 8.35459L4.66043 0.0905625C4.6785 0.0355512 4.72796 0 4.78643 0H6.18503C6.2404 0 6.2922 0.03724 6.31103 0.0905625L9.15626 8.35459C9.18058 8.42442 9.14461 8.49914 9.07436 8.52469C9.05929 8.52888 9.04447 8.53099 9.03026 8.53099ZM5.43611 1.47498L4.2777 5.08174H6.63784L5.49202 1.47499L5.43611 1.47498Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_377_clip_path" transform="translate(10 10)"><path d="M10.8281 10.9376H0.109462C0.049105 10.9376 0 10.8885 0 10.8281V9.73429C0 9.67393 0.049105 9.62482 0.109462 9.62482H10.8281C10.8875 9.62482 10.9376 9.67495 10.9376 9.73429V10.8281C10.9376 10.8875 10.8875 10.9376 10.8281 10.9376ZM9.03026 8.53099H7.812C7.75364 8.53099 7.70269 8.49364 7.68521 8.43806L6.95756 6.16849H3.96112L3.22639 8.43806C3.20917 8.49364 3.15821 8.53099 3.0996 8.53099H1.93725C1.9009 8.53099 1.86698 8.51678 1.84174 8.49098C1.81727 8.46597 1.8042 8.4332 1.80495 8.39869C1.80495 8.38194 1.80602 8.36803 1.81125 8.35459L4.66043 0.0905625C4.6785 0.0355512 4.72796 0 4.78643 0H6.18503C6.2404 0 6.2922 0.03724 6.31103 0.0905625L9.15626 8.35459C9.18058 8.42442 9.14461 8.49914 9.07436 8.52469C9.05929 8.52888 9.04447 8.53099 9.03026 8.53099ZM5.43611 1.47498L4.2777 5.08174H6.63784L5.49202 1.47499L5.43611 1.47498Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>テキスト送信</span>
                                    </lme-tag>
                                    <div class="info"></div>
                                    <div class="text">入力テキスト入力テキス...</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="テンプレート送信" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-7.8125" y="-9.125" width="29.625" height="32.2504"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_384_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M11.3753 13.1254H2.62535C2.38392 13.1254 2.1875 12.9289 2.1875 12.6875V1.31285C2.1875 1.07142 2.38392 0.875 2.62535 0.875H8.43316C8.54778 0.875 8.6603 0.921786 8.74186 1.00336L11.684 3.94546C11.7655 4.02703 11.8123 4.14012 11.8123 4.25574V12.6875C11.8123 12.9289 11.6163 13.1254 11.3753 13.1254ZM3.17188 1.85938V12.141H10.828V5.38659H7.87482C7.55828 5.38659 7.30074 5.12905 7.30074 4.8125V1.85938H3.17188ZM8.23077 1.88379V4.45734H10.8035L8.23077 1.88379ZM6.89045 9.32409H4.37517C4.31482 9.32409 4.26571 9.27498 4.26571 9.21463V8.55864C4.26571 8.49828 4.31482 8.44918 4.37517 8.44918H6.89045C6.95081 8.44918 6.99991 8.49828 6.99991 8.55864V9.21463C6.99991 9.27498 6.95081 9.32409 6.89045 9.32409ZM9.62465 7.4648H4.37517C4.31482 7.4648 4.26571 7.4157 4.26571 7.35534V6.69935C4.26571 6.63899 4.31482 6.58989 4.37517 6.58989H9.62465C9.68501 6.58989 9.73411 6.63899 9.73411 6.69935V7.35534C9.73411 7.4157 9.68501 7.4648 9.62465 7.4648Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_384_clip_path" transform="translate(7.8125 9.125)"><path d="M11.3753 13.1254H2.62535C2.38392 13.1254 2.1875 12.9289 2.1875 12.6875V1.31285C2.1875 1.07142 2.38392 0.875 2.62535 0.875H8.43316C8.54778 0.875 8.6603 0.921786 8.74186 1.00336L11.684 3.94546C11.7655 4.02703 11.8123 4.14012 11.8123 4.25574V12.6875C11.8123 12.9289 11.6163 13.1254 11.3753 13.1254ZM3.17188 1.85938V12.141H10.828V5.38659H7.87482C7.55828 5.38659 7.30074 5.12905 7.30074 4.8125V1.85938H3.17188ZM8.23077 1.88379V4.45734H10.8035L8.23077 1.88379ZM6.89045 9.32409H4.37517C4.31482 9.32409 4.26571 9.27498 4.26571 9.21463V8.55864C4.26571 8.49828 4.31482 8.44918 4.37517 8.44918H6.89045C6.95081 8.44918 6.99991 8.49828 6.99991 8.55864V9.21463C6.99991 9.27498 6.95081 9.32409 6.89045 9.32409ZM9.62465 7.4648H4.37517C4.31482 7.4648 4.26571 7.4157 4.26571 7.35534V6.69935C4.26571 6.63899 4.31482 6.58989 4.37517 6.58989H9.62465C9.68501 6.58989 9.73411 6.63899 9.73411 6.69935V7.35534C9.73411 7.4157 9.68501 7.4648 9.62465 7.4648Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>テンプレート送信</span>
                                    </lme-tag>
                                    <div class="info"></div>
                                    <div class="text">1件選択中</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="シナリオ" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-8.46875" y="-8.03125" width="30.9375" height="30.0595"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_393_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M12.272 12.0283H8.75656C8.64888 12.0283 8.56126 11.9407 8.56126 11.833V10.5627H6.70591C6.6525 10.5627 6.60905 10.5193 6.60905 10.4659V7.43715H5.43725V8.757C5.43725 8.86469 5.34964 8.9523 5.24195 8.9523H1.72655C1.61886 8.9523 1.53125 8.86469 1.53125 8.757V5.24081C1.53125 5.13269 1.61886 5.04473 1.72655 5.04473H5.24353C5.35121 5.04473 5.43883 5.13269 5.43883 5.24081V6.55988H6.61063V3.53115C6.61063 3.47774 6.65408 3.43429 6.70749 3.43429H8.56284V2.16405C8.56284 2.05636 8.65045 1.96875 8.75814 1.96875H12.2735C12.3812 1.96875 12.4688 2.05636 12.4688 2.16405V5.68103C12.4688 5.78871 12.3812 5.87633 12.2735 5.87633H8.75814C8.65045 5.87633 8.56284 5.78871 8.56284 5.68103V4.31314H7.4879V9.68625H8.56284V8.31915C8.56284 8.21146 8.65045 8.12385 8.75814 8.12385H12.272C12.3796 8.12385 12.4673 8.21146 12.4673 8.31915V11.833C12.4673 11.9407 12.3796 12.0283 12.272 12.0283ZM9.48973 9.05231V11.1045H11.5404V9.05231H9.48973ZM2.45971 5.97476V8.02541H4.51036V5.97476H2.45971ZM9.48973 2.89721V4.94944H11.5404V2.89721H9.48973Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_393_clip_path" transform="translate(8.46875 8.03125)"><path d="M12.272 12.0283H8.75656C8.64888 12.0283 8.56126 11.9407 8.56126 11.833V10.5627H6.70591C6.6525 10.5627 6.60905 10.5193 6.60905 10.4659V7.43715H5.43725V8.757C5.43725 8.86469 5.34964 8.9523 5.24195 8.9523H1.72655C1.61886 8.9523 1.53125 8.86469 1.53125 8.757V5.24081C1.53125 5.13269 1.61886 5.04473 1.72655 5.04473H5.24353C5.35121 5.04473 5.43883 5.13269 5.43883 5.24081V6.55988H6.61063V3.53115C6.61063 3.47774 6.65408 3.43429 6.70749 3.43429H8.56284V2.16405C8.56284 2.05636 8.65045 1.96875 8.75814 1.96875H12.2735C12.3812 1.96875 12.4688 2.05636 12.4688 2.16405V5.68103C12.4688 5.78871 12.3812 5.87633 12.2735 5.87633H8.75814C8.65045 5.87633 8.56284 5.78871 8.56284 5.68103V4.31314H7.4879V9.68625H8.56284V8.31915C8.56284 8.21146 8.65045 8.12385 8.75814 8.12385H12.272C12.3796 8.12385 12.4673 8.21146 12.4673 8.31915V11.833C12.4673 11.9407 12.3796 12.0283 12.272 12.0283ZM9.48973 9.05231V11.1045H11.5404V9.05231H9.48973ZM2.45971 5.97476V8.02541H4.51036V5.97476H2.45971ZM9.48973 2.89721V4.94944H11.5404V2.89721H9.48973Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>シナリオ</span>
                                    </lme-tag>
                                    <div class="info">停止</div>
                                    <div class="text">シナリオ管理名</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="タグ" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-8.82422" y="-8.82416" width="31.6489" height="31.6487"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_403_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M6.28666 12.8245C6.24955 12.8245 6.21605 12.8107 6.18979 12.7844L1.21594 7.81053C1.19004 7.78501 1.17578 7.75089 1.17578 7.71445C1.17578 7.67803 1.19004 7.6439 1.21594 7.61838L7.61831 1.21522C7.64481 1.18872 7.67881 1.17584 7.72226 1.17584H7.72777L12.0015 1.58062C12.2235 1.60273 12.3993 1.77859 12.4197 1.99878L12.8245 6.27254C12.8276 6.31364 12.8136 6.35353 12.7859 6.382L6.38351 12.7844C6.35724 12.8107 6.32375 12.8245 6.28666 12.8245ZM8.05301 2.25078L2.58856 7.71524L6.28508 11.4118L11.7503 5.9473L11.4298 2.5705L8.05301 2.25078ZM9.29726 5.90635C8.63376 5.90635 8.09396 5.36656 8.09396 4.70305C8.09396 4.03955 8.63376 3.49975 9.29726 3.49975C9.96076 3.49975 10.5006 4.03955 10.5006 4.70305C10.5006 5.36656 9.96076 5.90635 9.29726 5.90635ZM9.29726 4.26599C9.05583 4.26599 8.85941 4.46205 8.85941 4.70305C8.85941 4.94448 9.05583 5.14091 9.29726 5.14091C9.53826 5.14091 9.73433 4.94448 9.73433 4.70305C9.73433 4.46205 9.53826 4.26599 9.29726 4.26599Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_403_clip_path" transform="translate(8.82422 8.82416)"><path d="M6.28666 12.8245C6.24955 12.8245 6.21605 12.8107 6.18979 12.7844L1.21594 7.81053C1.19004 7.78501 1.17578 7.75089 1.17578 7.71445C1.17578 7.67803 1.19004 7.6439 1.21594 7.61838L7.61831 1.21522C7.64481 1.18872 7.67881 1.17584 7.72226 1.17584H7.72777L12.0015 1.58062C12.2235 1.60273 12.3993 1.77859 12.4197 1.99878L12.8245 6.27254C12.8276 6.31364 12.8136 6.35353 12.7859 6.382L6.38351 12.7844C6.35724 12.8107 6.32375 12.8245 6.28666 12.8245ZM8.05301 2.25078L2.58856 7.71524L6.28508 11.4118L11.7503 5.9473L11.4298 2.5705L8.05301 2.25078ZM9.29726 5.90635C8.63376 5.90635 8.09396 5.36656 8.09396 4.70305C8.09396 4.03955 8.63376 3.49975 9.29726 3.49975C9.96076 3.49975 10.5006 4.03955 10.5006 4.70305C10.5006 5.36656 9.96076 5.90635 9.29726 5.90635ZM9.29726 4.26599C9.05583 4.26599 8.85941 4.46205 8.85941 4.70305C8.85941 4.94448 9.05583 5.14091 9.29726 5.14091C9.53826 5.14091 9.73433 4.94448 9.73433 4.70305C9.73433 4.46205 9.53826 4.26599 9.29726 4.26599Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>タグ</span>
                                    </lme-tag>
                                    <div class="info">つける</div>
                                    <div class="text">タグ名 / タグ名タグ名タグ名</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="顧客情報" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-8.14062" y="-8.44141" width="30.2817" height="30.8824"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_413_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M12.0316 12.4411H11.211C11.1512 12.4411 11.1031 12.3944 11.1015 12.3347C11.074 11.2807 10.6478 10.2887 9.90136 9.54148C9.12563 8.76654 8.09532 8.33976 7.00021 8.33976C5.90432 8.33976 4.87401 8.76654 4.09906 9.54148C3.35187 10.2887 2.92565 11.2807 2.89891 12.3347C2.89733 12.3944 2.84924 12.4411 2.78945 12.4411H1.96887C1.93901 12.4411 1.9111 12.4293 1.89028 12.4079C1.86961 12.3867 1.85865 12.3588 1.85941 12.3292C1.87282 11.6747 2.00848 11.0396 2.26261 10.4416C2.52243 9.82907 2.89336 9.27929 3.36511 8.80753C3.835 8.33529 4.3845 7.96463 4.99839 7.70582C5.00204 7.70374 5.00568 7.70234 5.00933 7.70095L5.01494 7.69872C4.13467 7.06172 3.60924 6.03343 3.60924 4.94957C3.60924 3.07978 5.13042 1.55859 7.00021 1.55859C8.86957 1.55859 10.3904 3.07978 10.3904 4.94957C10.3904 6.03445 9.8652 7.06158 8.9855 7.69716C8.98838 7.69878 8.991 7.69971 8.99377 7.7007C8.9966 7.70171 8.99933 7.70269 9.00204 7.70424C9.61512 7.96464 10.1647 8.33532 10.6353 8.80596C11.1089 9.27952 11.4795 9.8293 11.737 10.44C11.9909 11.0389 12.1268 11.6745 12.141 12.3292C12.1414 12.3592 12.1301 12.3874 12.1092 12.4086C12.0885 12.4295 12.061 12.4411 12.0316 12.4411ZM7.00021 2.59731C6.37254 2.59731 5.78215 2.84202 5.3378 3.28637C4.89345 3.73072 4.64874 4.32139 4.64874 4.94957C4.64874 5.57724 4.89345 6.16763 5.3378 6.61198C5.78215 7.05633 6.37254 7.30104 7.00021 7.30104C7.62788 7.30104 8.21827 7.05633 8.66262 6.61198C9.10698 6.16684 9.35169 5.57645 9.35169 4.94957C9.35169 4.32218 9.10698 3.73151 8.66262 3.28637C8.21827 2.84202 7.62788 2.59731 7.00021 2.59731Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_413_clip_path" transform="translate(8.14062 8.44141)"><path d="M12.0316 12.4411H11.211C11.1512 12.4411 11.1031 12.3944 11.1015 12.3347C11.074 11.2807 10.6478 10.2887 9.90136 9.54148C9.12563 8.76654 8.09532 8.33976 7.00021 8.33976C5.90432 8.33976 4.87401 8.76654 4.09906 9.54148C3.35187 10.2887 2.92565 11.2807 2.89891 12.3347C2.89733 12.3944 2.84924 12.4411 2.78945 12.4411H1.96887C1.93901 12.4411 1.9111 12.4293 1.89028 12.4079C1.86961 12.3867 1.85865 12.3588 1.85941 12.3292C1.87282 11.6747 2.00848 11.0396 2.26261 10.4416C2.52243 9.82907 2.89336 9.27929 3.36511 8.80753C3.835 8.33529 4.3845 7.96463 4.99839 7.70582C5.00204 7.70374 5.00568 7.70234 5.00933 7.70095L5.01494 7.69872C4.13467 7.06172 3.60924 6.03343 3.60924 4.94957C3.60924 3.07978 5.13042 1.55859 7.00021 1.55859C8.86957 1.55859 10.3904 3.07978 10.3904 4.94957C10.3904 6.03445 9.8652 7.06158 8.9855 7.69716C8.98838 7.69878 8.991 7.69971 8.99377 7.7007C8.9966 7.70171 8.99933 7.70269 9.00204 7.70424C9.61512 7.96464 10.1647 8.33532 10.6353 8.80596C11.1089 9.27952 11.4795 9.8293 11.737 10.44C11.9909 11.0389 12.1268 11.6745 12.141 12.3292C12.1414 12.3592 12.1301 12.3874 12.1092 12.4086C12.0885 12.4295 12.061 12.4411 12.0316 12.4411ZM7.00021 2.59731C6.37254 2.59731 5.78215 2.84202 5.3378 3.28637C4.89345 3.73072 4.64874 4.32139 4.64874 4.94957C4.64874 5.57724 4.89345 6.16763 5.3378 6.61198C5.78215 7.05633 6.37254 7.30104 7.00021 7.30104C7.62788 7.30104 8.21827 7.05633 8.66262 6.61198C9.10698 6.16684 9.35169 5.57645 9.35169 4.94957C9.35169 4.32218 9.10698 3.73151 8.66262 3.28637C8.21827 2.84202 7.62788 2.59731 7.00021 2.59731Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>顧客情報</span>
                                    </lme-tag>
                                    <div class="info">登録</div>
                                    <div class="text">管理名管理名管理名管理名</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="ステータス" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-9.125" y="-7.81238" width="32.2505" height="29.6249"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_423_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M12.6875 11.8124H1.31285C1.07142 11.8124 0.875 11.6164 0.875 11.3754V2.62547C0.875 2.38404 1.07142 2.18762 1.31285 2.18762H12.6875C12.9289 2.18762 13.1254 2.38404 13.1254 2.62547V11.3754C13.1254 11.6164 12.9289 11.8124 12.6875 11.8124ZM1.85938 3.172V10.8281H12.141V3.172H1.85938ZM7.13641 9.2011H6.53634C6.47883 9.2011 6.43245 9.15708 6.42845 9.09872C6.37624 8.40499 5.79268 7.86156 5.09994 7.86156C4.40674 7.86156 3.82285 8.40499 3.77064 9.09872C3.76664 9.15708 3.72026 9.2011 3.66275 9.2011H3.06268C3.03202 9.2011 3.00283 9.18842 2.98257 9.16631C2.96255 9.14446 2.95297 9.11599 2.95558 9.08612C2.99299 8.37991 3.37423 7.73547 3.97539 7.36228C3.71887 7.0788 3.5777 6.71168 3.5777 6.32987C3.5777 5.48573 4.26093 4.79897 5.10072 4.79897C5.94052 4.79897 6.62375 5.48573 6.62375 6.32987C6.62375 6.71387 6.48252 7.08052 6.22606 7.36228C6.82796 7.73563 7.20927 8.38055 7.24588 9.08612C7.2474 9.11653 7.23679 9.14532 7.21601 9.16717C7.1952 9.18905 7.16692 9.2011 7.13641 9.2011ZM5.09994 5.61955C4.71 5.61955 4.39276 5.9382 4.39276 6.32987C4.39276 6.72198 4.71 7.04098 5.09994 7.04098C5.48944 7.04098 5.80633 6.72198 5.80633 6.32987C5.80633 5.9382 5.48944 5.61955 5.09994 5.61955ZM10.9487 8.4766H8.4098C8.35595 8.4766 8.31215 8.42749 8.31215 8.36713V7.71115C8.31215 7.65079 8.35595 7.60168 8.4098 7.60168H10.9487C11.0021 7.60168 11.0456 7.65079 11.0456 7.71115V8.36713C11.0456 8.42749 11.0021 8.4766 10.9487 8.4766ZM10.0313 6.50785H8.34365C8.32598 6.50785 8.31215 6.45977 8.31215 6.39838V5.7424C8.31215 5.68102 8.32598 5.63293 8.34365 5.63293H10.0313C10.0489 5.63293 10.0628 5.68102 10.0628 5.7424V6.39838C10.0628 6.45977 10.0489 6.50785 10.0313 6.50785Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_423_clip_path" transform="translate(9.125 7.81238)"><path d="M12.6875 11.8124H1.31285C1.07142 11.8124 0.875 11.6164 0.875 11.3754V2.62547C0.875 2.38404 1.07142 2.18762 1.31285 2.18762H12.6875C12.9289 2.18762 13.1254 2.38404 13.1254 2.62547V11.3754C13.1254 11.6164 12.9289 11.8124 12.6875 11.8124ZM1.85938 3.172V10.8281H12.141V3.172H1.85938ZM7.13641 9.2011H6.53634C6.47883 9.2011 6.43245 9.15708 6.42845 9.09872C6.37624 8.40499 5.79268 7.86156 5.09994 7.86156C4.40674 7.86156 3.82285 8.40499 3.77064 9.09872C3.76664 9.15708 3.72026 9.2011 3.66275 9.2011H3.06268C3.03202 9.2011 3.00283 9.18842 2.98257 9.16631C2.96255 9.14446 2.95297 9.11599 2.95558 9.08612C2.99299 8.37991 3.37423 7.73547 3.97539 7.36228C3.71887 7.0788 3.5777 6.71168 3.5777 6.32987C3.5777 5.48573 4.26093 4.79897 5.10072 4.79897C5.94052 4.79897 6.62375 5.48573 6.62375 6.32987C6.62375 6.71387 6.48252 7.08052 6.22606 7.36228C6.82796 7.73563 7.20927 8.38055 7.24588 9.08612C7.2474 9.11653 7.23679 9.14532 7.21601 9.16717C7.1952 9.18905 7.16692 9.2011 7.13641 9.2011ZM5.09994 5.61955C4.71 5.61955 4.39276 5.9382 4.39276 6.32987C4.39276 6.72198 4.71 7.04098 5.09994 7.04098C5.48944 7.04098 5.80633 6.72198 5.80633 6.32987C5.80633 5.9382 5.48944 5.61955 5.09994 5.61955ZM10.9487 8.4766H8.4098C8.35595 8.4766 8.31215 8.42749 8.31215 8.36713V7.71115C8.31215 7.65079 8.35595 7.60168 8.4098 7.60168H10.9487C11.0021 7.60168 11.0456 7.65079 11.0456 7.71115V8.36713C11.0456 8.42749 11.0021 8.4766 10.9487 8.4766ZM10.0313 6.50785H8.34365C8.32598 6.50785 8.31215 6.45977 8.31215 6.39838V5.7424C8.31215 5.68102 8.32598 5.63293 8.34365 5.63293H10.0313C10.0489 5.63293 10.0628 5.68102 10.0628 5.7424V6.39838C10.0628 6.45977 10.0489 6.50785 10.0313 6.50785Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>ステータス</span>
                                    </lme-tag>
                                    <div class="info">つける</div>
                                    <div class="text">管理名管理名管理名管理名</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="スタッフ" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-8.25" y="-8.25" width="30.5" height="30.5"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_433_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M11.9224 12.25H9.40627C8.92382 12.25 8.53133 11.8575 8.53133 11.3751V8.53133C8.53133 8.04889 8.92382 7.6564 9.40627 7.6564H11.2656V7.00039C11.2656 4.64812 9.35223 2.7344 7.00039 2.7344C4.64812 2.7344 2.7344 4.64812 2.7344 7.00039V7.6564H4.59373C5.07618 7.6564 5.46867 8.04889 5.46867 8.53133V11.3751C5.46867 11.8575 5.07618 12.25 4.59373 12.25H2.0784C1.89732 12.25 1.75 12.103 1.75 11.9224V7.00039C1.75 4.10531 4.10531 1.75 7.00039 1.75C9.89504 1.75 12.25 4.10531 12.25 7.00039V11.9224C12.25 12.103 12.103 12.25 11.9224 12.25ZM9.51573 8.6408V11.2656H11.2656V8.6408H9.51573ZM2.7344 8.6408V11.2656H4.48427V8.6408H2.7344Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_433_clip_path" transform="translate(8.25 8.25)"><path d="M11.9224 12.25H9.40627C8.92382 12.25 8.53133 11.8575 8.53133 11.3751V8.53133C8.53133 8.04889 8.92382 7.6564 9.40627 7.6564H11.2656V7.00039C11.2656 4.64812 9.35223 2.7344 7.00039 2.7344C4.64812 2.7344 2.7344 4.64812 2.7344 7.00039V7.6564H4.59373C5.07618 7.6564 5.46867 8.04889 5.46867 8.53133V11.3751C5.46867 11.8575 5.07618 12.25 4.59373 12.25H2.0784C1.89732 12.25 1.75 12.103 1.75 11.9224V7.00039C1.75 4.10531 4.10531 1.75 7.00039 1.75C9.89504 1.75 12.25 4.10531 12.25 7.00039V11.9224C12.25 12.103 12.103 12.25 11.9224 12.25ZM9.51573 8.6408V11.2656H11.2656V8.6408H9.51573ZM2.7344 8.6408V11.2656H4.48427V8.6408H2.7344Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>スタッフ</span>
                                    </lme-tag>
                                    <div class="info">つける</div>
                                    <div class="text">スタッフ名</div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="ブックマーク" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11.9009 12.951L11.8999 12.9505L7.00078 10.6283L2.10158 12.95L2.10059 1.0498H11.9009V12.9499V12.951ZM7.00105 9.42489L10.8507 11.2004V2.10001H3.1508V11.2004L7.00105 9.42489Z" fill="#1677FF"/>
                                        </svg>

                                        <span>ブックマーク</span>
                                    </lme-tag>
                                    <div class="info">外す</div>
                                    <div class="text"></div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="ブロック" type="primary" size="sm">
                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-9.125" y="-9.125" width="32.25" height="32.25"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_452_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M7 13.125C3.62267 13.125 0.875 10.3773 0.875 7C0.875 3.62267 3.62267 0.875 7 0.875C10.3773 0.875 13.125 3.62267 13.125 7C13.125 10.3773 10.3773 13.125 7 13.125ZM3.05553 3.78945C2.3192 4.69321 1.91368 5.8334 1.91368 7C1.91368 9.80417 4.1954 12.0855 7 12.0855C8.1679 12.0855 9.30782 11.68 10.2098 10.9437L3.05553 3.78945ZM7 1.91368C5.8334 1.91368 4.69321 2.3192 3.78945 3.05553L10.9437 10.2098C11.6796 9.30838 12.0855 8.16843 12.0855 7C12.0855 4.1954 9.80417 1.91368 7 1.91368Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_452_clip_path" transform="translate(9.125 9.125)"><path d="M7 13.125C3.62267 13.125 0.875 10.3773 0.875 7C0.875 3.62267 3.62267 0.875 7 0.875C10.3773 0.875 13.125 3.62267 13.125 7C13.125 10.3773 10.3773 13.125 7 13.125ZM3.05553 3.78945C2.3192 4.69321 1.91368 5.8334 1.91368 7C1.91368 9.80417 4.1954 12.0855 7 12.0855C8.1679 12.0855 9.30782 11.68 10.2098 10.9437L3.05553 3.78945ZM7 1.91368C5.8334 1.91368 4.69321 2.3192 3.78945 3.05553L10.9437 10.2098C11.6796 9.30838 12.0855 8.16843 12.0855 7C12.0855 4.1954 9.80417 1.91368 7 1.91368Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>ブロック</span>
                                    </lme-tag>
                                    <div class="info">ブロックする</div>
                                    <div class="text"></div>
                                </div>
                                <div class="item-tag">
                                    <lme-tag text="既読状態" type="primary" size="sm">
                                        <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <foreignObject x="-10" y="-10" width="31.1567" height="28.8026"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_7024_463_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M11.0471 0H10.0914C9.95745 0 9.8303 0.0615234 9.74827 0.166797L4.11135 7.30762L1.40842 3.88281C1.32503 3.77754 1.19924 3.71602 1.06526 3.71602H0.109596C0.0179946 3.71602 -0.0325914 3.82129 0.0234633 3.89238L3.76819 8.63652C3.94319 8.85801 4.27952 8.85801 4.45588 8.63652L11.1332 0.175C11.1893 0.105273 11.1387 0 11.0471 0Z" fill="#1677FF"/>
                                            <defs>
                                                <clipPath id="bgblur_0_7024_463_clip_path" transform="translate(10 10)"><path d="M11.0471 0H10.0914C9.95745 0 9.8303 0.0615234 9.74827 0.166797L4.11135 7.30762L1.40842 3.88281C1.32503 3.77754 1.19924 3.71602 1.06526 3.71602H0.109596C0.0179946 3.71602 -0.0325914 3.82129 0.0234633 3.89238L3.76819 8.63652C3.94319 8.85801 4.27952 8.85801 4.45588 8.63652L11.1332 0.175C11.1893 0.105273 11.1387 0 11.0471 0Z"/>
                                                </clipPath></defs>
                                        </svg>

                                        <span>既読状態</span>
                                    </lme-tag>
                                    <div class="info">未読にする</div>
                                    <div class="text"></div>
                                </div>
                            </div>
                        </div>
                    </template>
                </lme-drawer>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="/js/media/vue.min.js"></script>
    <script src="/js/component-base/slide/lme-slider.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/drawer/lme-drawer.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/tag/lme-tag.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-phone-mockup.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/components/steps.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/hyperlink/lme-hyperlink.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/breadcrumb/lme-breadcrumb.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button-flat.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/layout-demo/layout-l-2.js?v={{config("sns-line.version")}}"></script>
@endpush