@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/preview/phone_mockup.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="/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/segmented/segmented.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-l.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/hyperlink/hyperlink.css?v={{config("sns-line.version")}}">

    <style>
        :root {
            --primary-blue: #007bff;
            --bg-light-blue: #eef6ff;
            --text-gray: #333;
            --text-light-blue: #7fbfff;
        }
        ::-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);
        }

        .action-container {
            background: white;
            width: 345px;
            border-radius: 8px;
            padding: 16px;
        }

        .header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            font-weight: bold;
        }

        .hide-link {
            color: var(--primary-blue);
            text-decoration: none;
            font-size: 14px;
        }

        .action-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .action-item {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            gap: 12px;
        }

        /* Label style (The blue pills) */
        .label {
            display: flex;
            align-items: center;
            background-color: var(--bg-light-blue);
            color: var(--primary-blue);
            padding: 6px 16px;
            border-radius: 20px;
            border: 1px solid #d0e7ff;
            font-size: 14px;
            min-width: 120px;
            font-weight: 500;
        }

        .label i {
            margin-right: 8px;
            font-style: normal;
        }

        /* Action text (Blue middle text) */
        .action-text {
            color: var(--text-light-blue);
            font-size: 14px;
            white-space: nowrap;
        }

        /* Description text */
        .description {
            color: var(--text-gray);
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
@endpush

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

            {{-- Header: title + info bar --}}
            <div class="layout-g-header" style="width: 800px;">
                <div class="layout-g-header-left">
                    <div class="layout-g-title">ページタイトル名</div>
                    <lme-button-flat size="md">
                        <svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: 3px;">
                            <path d="M7.8732 12.3505C7.84855 12.3505 7.82229 12.3424 7.79726 12.3272L7.01764 11.825C6.29086 11.3567 5.44953 11.1091 4.5846 11.1091H0.56295C0.25254 11.1091 0 10.8571 0 10.5472V0.56295C0 0.25254 0.25254 0 0.56295 0H4.5846C5.45055 0 6.29188 0.247534 7.01764 0.715837L7.87522 1.26562L8.73281 0.715837C9.45959 0.247534 10.3009 0 11.1659 0H15.1875C15.4979 0 15.7505 0.25254 15.7505 0.56295V10.5472C15.7505 10.8571 15.4979 11.1091 15.1875 11.1091H11.1659C10.2999 11.1091 9.45756 11.3567 8.72977 11.825L7.94914 12.3272C7.92724 12.3424 7.90096 12.3505 7.8732 12.3505ZM11.1659 1.26562C10.5432 1.26562 9.93821 1.44314 9.41625 1.77896L8.55866 2.32875L8.43716 2.40772V10.529C9.27306 10.0802 10.2172 9.84352 11.1659 9.84352H14.4848V1.26562H11.1659ZM1.26562 1.26562V9.84352H4.5846C5.53482 9.84352 6.47803 10.0806 7.31227 10.529V2.40772L7.19076 2.32875L6.33319 1.77896C5.81225 1.44314 5.20759 1.26562 4.5846 1.26562H1.26562ZM13.1625 7.0308H9.8982C9.82953 7.0308 9.77366 6.97175 9.77366 6.89917V6.10841C9.77366 6.03584 9.82953 5.97679 9.8982 5.97679H13.1645C13.1966 5.97679 13.2271 5.98997 13.2503 6.0139C13.2746 6.03891 13.288 6.07336 13.287 6.10841V6.89917C13.287 6.97175 13.2312 7.0308 13.1625 7.0308ZM5.85022 7.0308H2.58592C2.51726 7.0308 2.46139 6.97175 2.46139 6.89917V6.10841C2.46139 6.03584 2.51726 5.97679 2.58592 5.97679H5.85225C5.8843 5.97679 5.91478 5.98997 5.93805 6.0139C5.96237 6.03891 5.97575 6.07336 5.97476 6.10841V6.89917C5.97476 6.97052 5.91774 7.0308 5.85022 7.0308ZM13.1625 4.57043H9.8982C9.82953 4.57043 9.77366 4.51137 9.77366 4.4388V3.64703C9.77366 3.57445 9.82953 3.5154 9.8982 3.5154H13.1625C13.2312 3.5154 13.287 3.57445 13.287 3.64703V4.4388C13.287 4.51137 13.2312 4.57043 13.1625 4.57043ZM5.85022 4.57043H2.58592C2.51726 4.57043 2.46139 4.51137 2.46139 4.4388V3.64703C2.46139 3.57445 2.51726 3.5154 2.58592 3.5154H5.85225C5.8843 3.5154 5.91478 3.52858 5.93805 3.55251C5.96237 3.57752 5.97575 3.61197 5.97476 3.64703V4.4388C5.97476 4.51015 5.91774 4.57043 5.85022 4.57043Z" fill="currentColor"/>
                        </svg>

                        <span style="margin-left: 8px;">使い方を見る</span>
                    </lme-button-flat>
                </div>

                <div class="layout-g-info-bar">
                    <div class="layout-g-info-item">
                        <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: 3px;">
                            <path d="M2.77995 12.4784C2.7464 12.4784 2.71353 12.4645 2.68979 12.4403L0.0374936 9.78894C-0.0106864 9.73985 -0.0126964 9.66274 0.0329936 9.61704L4.61129 5.03874C4.24533 3.66128 4.6434 2.17974 5.64989 1.17324C6.40801 0.41667 7.41435 0 8.48354 0C9.19943 0 9.90168 0.19127 10.5144 0.55314C10.5606 0.58015 10.5933 0.62329 10.6065 0.67461C10.6198 0.72601 10.612 0.77972 10.5846 0.82584C10.5754 0.84061 10.5654 0.85318 10.5531 0.86544L7.85939 3.55914L8.92049 4.62024L11.6124 1.92744C11.6503 1.89001 11.7006 1.86939 11.7541 1.86939C11.8077 1.86939 11.858 1.89001 11.8959 1.92744C11.9081 1.93787 11.919 1.95195 11.9265 1.96704C12.8536 3.53669 12.5986 5.5367 11.3064 6.83064C10.5498 7.58727 9.54396 8.00399 8.47428 8.00403C8.12427 8.00405 7.77568 7.9584 7.43819 7.86834L2.86169 12.4448C2.84045 12.4665 2.81142 12.4784 2.77995 12.4784ZM5.09677 6.14459L5.09506 6.14509L1.49999 9.74034L2.73749 10.9778L7.01879 6.69474L7.1583 6.55883C7.56274 6.76728 8.01805 6.87755 8.47619 6.87755C9.24492 6.87755 9.96781 6.57802 10.5117 6.03414C11.1033 5.44343 11.4084 4.62399 11.3487 3.78594L9.27419 5.86044C9.17974 5.95489 9.05397 6.00691 8.92004 6.00691C8.78611 6.00691 8.66034 5.95489 8.56589 5.86044L6.62099 3.91554C6.42572 3.72026 6.42572 3.40252 6.62099 3.20724L8.69729 1.13274C8.63211 1.12808 8.56263 1.12499 8.48547 1.12499C7.71471 1.12499 6.99087 1.42435 6.44729 1.96794C5.55803 2.8572 5.34717 4.20483 5.92259 5.32134L5.09729 6.14664L5.09677 6.14459Z" fill="#1677FF"/>
                        </svg>

                        <span>管理名テキスト</span>
                    </div>
                    <div class="layout-g-info-divider"></div>
                    <div class="layout-g-info-item">
                        <svg width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: 3px;">
                            <path d="M11.9997 10.2501H0.5004C0.22448 10.2501 0 10.0256 0 9.7497V0.5004C0 0.22448 0.22448 0 0.5004 0H4.4721C4.50289 0 4.53405 0.01246 4.5576 0.0342L6.3909 1.7874H11.9997C12.2756 1.7874 12.5001 2.01188 12.5001 2.2878V9.7497C12.5001 10.0256 12.2756 10.2501 11.9997 10.2501ZM1.125 1.125V9.1251H11.3751V2.9124H5.9391L4.0707 1.125H1.125Z" fill="#1677FF"/>
                        </svg>

                        <span>未分類</span>
                    </div>
                    <lme-button-ghost type="blue" size="sm">変更する</lme-button-ghost>
                </div>
            </div>

            {{-- Body wrapper --}}
            <div class="layout-g-body-wrapper">

                {{-- Preview toggle button (vertical pill) --}}
                <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>

                {{-- Body content --}}
                <div class="layout-g-body">

                    {{-- Steps panel (variant 3 only) --}}
                    <div v-if="showSteps" class="layout-g-steps-panel">
                        <steps :steps="steps" :type_step="TYPE_STEP.VERTICAL" :is_detail="true"></steps>
                    </div>

                    {{-- Main content --}}
                    <div class="layout-g-main">

                        {{-- Top info card --}}
                        <div class="layout-g-card" style="min-height: 100px; display: flex; align-items: center; width: 800px">
                        </div>

                        {{-- Section 1 --}}
                        <div class="layout-g-section" style="width: 800px">
                            <div class="layout-g-section-inner">
                                <div class="layout-g-section-title">セクションタイトル名</div>
                                <div style="height: 80px; display: flex; align-items: center;">

                                </div>
                            </div>


                            {{-- Footer --}}
                            <div class="layout-g-footer">
                                <lme-button-flat size="lg" @click="goBack">戻る</lme-button-flat>
                                <template v-if="showSteps">
                                    <lme-button-default size="lg" kind="secondary" @click="saveAndBack">保存してTOPに戻る</lme-button-default>
                                    <lme-button-default size="lg" @click="saveAndNext">保存して次へ</lme-button-default>
                                </template>
                                <template v-else>
                                    <lme-button-default size="lg" @click="save">保存する</lme-button-default>
                                </template>
                            </div>
                        </div>


                    </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/component-base/slide/lme-slider.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/button/lme-button-ghost.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button-default.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/segmented/lme-segmented.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-phone-mockup.js?v={{config("sns-line.version")}}"></script>
    <script>
        const STATUS = { WAITING: 1, PROCESSING: 2, DONE: 3, ERROR: 4 };
    </script>
    <script src="/_assets/commons/js/components/steps.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/layout-demo/layout-l.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/hyperlink/lme-hyperlink.js?v={{config("sns-line.version")}}"></script>
@endpush