@cnamts/synapse 1.0.2 → 1.0.4

package/src/components/Amelipro/StructureMenu/tests/__snapshots__/StructureMenu.spec.ts.snap

@@ -0,0 +1,1377 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`StructureMenu > render correctly 1`] = `
+<div
+  attach="false"
+  class="dialog-radius"
+  eager="false"
+  fullscreen="false"
+  modelvalue="true"
+  persistent="false"
+  width="800"
+>
+  <div
+    class="
+      bg-ap-white
+      dialog
+    "
+    id="my-structure-menu-id-structure-menu"
+  >
+    <div
+      class="
+        align-center
+        d-flex
+        dialog__header
+        flex-nowrap
+        mb-0
+        w-100
+      "
+      id="my-structure-menu-id-structure-menu-header"
+    >
+      <div class="dialog__title">
+        <h2
+          class="
+            ma-0
+            text-h3
+          "
+          id="my-structure-menu-id-structure-menu-title"
+        >
+          Vos structures d’activité
+        </h2>
+      </div>
+      <button
+        class="
+          btn--icon
+          dialog__close-btn
+          elevation-0
+          ml-auto
+          rounded-0
+          v-btn
+          v-btn--density-default
+          v-btn--elevated
+          v-btn--icon
+          v-btn--size-default
+          v-btn--variant-elevated
+          v-theme--light
+        "
+        id="my-structure-menu-id-structure-menu-close-btn"
+        plain=""
+        style="
+          height: auto;
+          width: auto;
+        "
+        type="button"
+      >
+        <span class="v-btn__overlay"></span>
+        <span class="v-btn__underlay"></span>
+        <!---->
+        <span
+          class="v-btn__content"
+          data-no-activator=""
+        >
+          <span
+            class="d-sr-only"
+            id="my-structure-menu-id-structure-menu-close-btn-btn-label"
+          >
+            Fermer la fenêtre modale
+          </span>
+          <span
+            class="
+              amelipro-icon
+              icon-custom
+            "
+            id="my-structure-menu-id-structure-menu-close-btn-icon"
+          >
+            <span
+              aria-hidden="true"
+              class="
+                amelipro-custom-icon
+                custom-color
+              "
+              focusable="false"
+              role="img"
+              style="
+                color: #00749C;
+                height: 40px;
+                width: 40px;
+              "
+            >
+              <span>
+                <svg
+                  aria-hidden="true"
+                  style="enable-background:new 0 0 24 24;"
+                  viewBox="0 0 24 24"
+                  x="0px"
+                  xml:space="preserve"
+                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  y="0px"
+                >
+                  <circle
+                    class="circle-color"
+                    cx="12"
+                    cy="12"
+                    r="12"
+                  />
+                  <polygon
+                    class="shape-color"
+                    points="15.3,16.7 12,13.4 8.7,16.7 7.3,15.3 10.6,12 7.3,8.7 8.7,7.3 12,10.6 15.3,7.3 16.7,8.7 13.4,12 16.7,15.3 "
+                  />
+                </svg>
+              </span>
+            </span>
+          </span>
+        </span>
+        <!---->
+        <!---->
+      </button>
+    </div>
+    <div
+      class="
+        dialog__content
+        mt-4
+        w-100
+      "
+      id="my-structure-menu-id-structure-menu-content"
+      style="min-height: 150px;"
+    >
+      <div
+        class="py-3"
+        id="my-structure-menu-id-structure-menu-content"
+      >
+        <div
+          class="
+            d-flex
+            flex-column
+            flex-md-row
+            justify-md-space-between
+          "
+          id="my-structure-menu-id-structure-menu-first-part"
+        >
+          <div>
+            <p
+              class="
+                body-1
+                font-weight-bold
+                ma-0
+              "
+              id="my-structure-menu-id-structure-menu-user-name"
+            >
+              Jean Martin
+            </p>
+            <p
+              class="
+                body-2
+                font-weight-bold
+                ma-0
+              "
+              id="my-structure-menu-id-structure-menu-user-profession"
+            >
+              Médecin génraliste
+            </p>
+            <p
+              class="
+                body-2
+                ma-0
+                mb-5
+              "
+              id="my-structure-menu-id-structure-menu-user-numbers"
+            >
+              N° RPPS : n° RPPS - N° ADELI : n° Adeli
+            </p>
+          </div>
+          <div
+            class="
+              amelipro-message
+              elevation-0
+              mb-4
+              mb-4
+              mb-md-0
+              mb-md-0
+              message-align-start
+              message-width
+              message-width
+              pa-0
+              text-body-1
+              v-alert
+              v-alert--density-default
+              v-alert--variant-text
+              v-theme--light
+            "
+            dense=""
+            id="my-structure-menu-id-structure-message"
+            style="
+              color: #4D547D;
+              caret-color: #4D547D;
+              width: 100%;
+            "
+          >
+            <!---->
+            <span class="v-alert__underlay"></span>
+            <!---->
+            <div class="v-alert__prepend">
+              <span
+                class="
+                  amelipro-icon
+                  amelipro-message__icon
+                  mr-2
+                "
+                id="my-structure-menu-id-structure-message-icon"
+              >
+                <span
+                  aria-hidden="true"
+                  class="
+                    amelipro-custom-icon
+                    custom-color
+                    large
+                  "
+                  focusable="false"
+                  role="img"
+                  style="
+                    color: #FFFFFF;
+                    border-radius: 50%;
+                    border: 1px solid #FFFFFF;
+                  "
+                >
+                  <span>
+                    <svg
+                      aria-hidden="true"
+                      style="enable-background:new 0 0 24 24;"
+                      version="1.1"
+                      viewBox="0 0 24 24"
+                      x="0px"
+                      xml:space="preserve"
+                      xmlns="http://www.w3.org/2000/svg"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      y="0px"
+                    >
+                      <circle
+                        class="circle-color"
+                        cx="12"
+                        cy="12"
+                        r="12"
+                      />
+                      <g class="shape-color">
+                        <rect
+                          height="7.2"
+                          width="2.4"
+                          x="10.8"
+                          y="10.8"
+                        />
+                        <path d="M11.1,6.3c-0.2,0.2-0.3,0.5-0.3,0.9c0,0.3,0.1,0.6,0.3,0.9c0.2,0.2,0.5,0.3,0.9,0.3c0.3,0,0.6-0.1,0.9-0.3s0.3-0.5,0.3-0.9c0-0.3-0.1-0.6-0.3-0.9C12.6,6.1,12.3,6,12,6C11.7,6,11.4,6.1,11.1,6.3z" />
+                      </g>
+                    </svg>
+                  </span>
+                </span>
+              </span>
+            </div>
+            <div class="v-alert__content">
+              <!---->
+              <!---->
+              <p
+                class="mb-0"
+                id="my-structure-menu-id-structure-menu-message-text"
+              >
+                Si cette liste n’est pas à jour, veuillez contacter votre caisse ou l’assistance technique amelipro au 3608.
+              </p>
+            </div>
+            <!---->
+            <!---->
+          </div>
+        </div>
+        <div
+          id="my-structure-menu-id-structure-menu-tabs-container"
+          max-items-loaded-default="5"
+        >
+          <div
+            arialabelledby="my-structure-menu-id-structure-menu-tabs-label"
+            class="
+              align-sm-center
+              align-start
+              d-flex
+              flex-column
+              flex-sm-row
+            "
+            role="tablist"
+          >
+            <p
+              class="
+                font-weight-bold
+                ma-0
+                mr-3
+              "
+              id="my-structure-menu-id-structure-menu-tabs-label"
+            >
+              Je me connecte sur :
+            </p>
+            <div class="
+              d-flex
+              flex-column
+              flex-sm-row
+            ">
+              <button
+                aria-controls="structure-panel-0"
+                aria-selected="true"
+                class="
+                  bg-ap-blue-darken-2
+                  elevation-0
+                  mb-2
+                  mb-sm-0
+                  mr-0
+                  mr-sm-3
+                  structure-btn
+                  v-btn
+                  v-btn--density-default
+                  v-btn--elevated
+                  v-btn--size-default
+                  v-btn--variant-elevated
+                  v-theme--light
+                "
+                id="my-structure-menu-id-structure-menu-tabs-tab-btn-0"
+                role="tab"
+                style="color: #FFFFFF;"
+                tabindex="0"
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  onlget 1
+                </span>
+                <!---->
+                <!---->
+              </button>
+              <button
+                aria-controls="structure-panel-1"
+                aria-selected="false"
+                class="
+                  bg-ap-grey-lighten-3
+                  elevation-0
+                  mb-2
+                  mb-sm-0
+                  mr-0
+                  mr-sm-3
+                  structure-btn
+                  v-btn
+                  v-btn--density-default
+                  v-btn--elevated
+                  v-btn--size-default
+                  v-btn--variant-elevated
+                  v-theme--light
+                "
+                id="my-structure-menu-id-structure-menu-tabs-tab-btn-1"
+                role="tab"
+                style="color: #1A1B1B;"
+                tabindex="-1"
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  onlget 2
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </div>
+          </div>
+          <div
+            class="mt-4"
+            id="structure-panel-0"
+            role="tabpanel"
+            tabindex="0"
+          >
+            <!-- v-if -->
+            <div
+              class="structure-list"
+              id="structures-0-container"
+              max-items-loaded-default="5"
+            >
+              <div class="
+                v-input
+                v-input--center-affix
+                v-input--density-default
+                v-input--horizontal
+                v-locale--is-ltr
+                v-radio-group
+                v-theme--light
+                w-100
+              ">
+                <!---->
+                <div class="v-input__control">
+                  <label
+                    class="v-label"
+                    id="structures-0-radio-group"
+                  >
+                    <!---->
+                    Je choisis une structure :
+                  </label>
+                  <div
+                    aria-labelledby="structures-0-radio-group"
+                    class="v-selection-control-group"
+                    column=""
+                    label="Je choisis une structure :"
+                    role="radiogroup"
+                  >
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-0-item-0"
+                      id="structures-0-item-0-label"
+                    >
+                      <input
+                        id="structures-0-item-0"
+                        name="structures-0"
+                        type="radio"
+                        value="valeur 1"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-0-item-0-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-0-item-0-structure-infos"
+                          >
+                            <b>
+                              address 1
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 1
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-0-item-1"
+                      id="structures-0-item-1-label"
+                    >
+                      <input
+                        id="structures-0-item-1"
+                        name="structures-0"
+                        type="radio"
+                        value="valeur 2"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-0-item-1-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-0-item-1-structure-infos"
+                          >
+                            <b>
+                              address 2
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 2
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-0-item-2"
+                      id="structures-0-item-2-label"
+                    >
+                      <input
+                        id="structures-0-item-2"
+                        name="structures-0"
+                        type="radio"
+                        value="valeur 3"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-0-item-2-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-0-item-2-structure-infos"
+                          >
+                            <b>
+                              address 3
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 3
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                  </div>
+                </div>
+                <!---->
+                <!---->
+              </div>
+              <div class="
+                d-flex
+                justify-center
+              ">
+                <!-- v-if -->
+                <!-- v-if -->
+              </div>
+            </div>
+          </div>
+          <div
+            class="mt-4"
+            id="structure-panel-1"
+            role="tabpanel"
+            tabindex="-1"
+          >
+            <!-- v-if -->
+            <div
+              class="structure-list"
+              id="structures-1-container"
+              max-items-loaded-default="5"
+              style="display: none;"
+            >
+              <div class="
+                v-input
+                v-input--center-affix
+                v-input--density-default
+                v-input--horizontal
+                v-locale--is-ltr
+                v-radio-group
+                v-theme--light
+                w-100
+              ">
+                <!---->
+                <div class="v-input__control">
+                  <label
+                    class="v-label"
+                    id="structures-1-radio-group"
+                  >
+                    <!---->
+                    Je choisis une structure :
+                  </label>
+                  <div
+                    aria-labelledby="structures-1-radio-group"
+                    class="v-selection-control-group"
+                    column=""
+                    label="Je choisis une structure :"
+                    role="radiogroup"
+                  >
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-1-item-0"
+                      id="structures-1-item-0-label"
+                    >
+                      <input
+                        id="structures-1-item-0"
+                        name="structures-1"
+                        type="radio"
+                        value="valeur 4"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-1-item-0-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-1-item-0-structure-infos"
+                          >
+                            <b>
+                              address 4
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 4
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-1-item-1"
+                      id="structures-1-item-1-label"
+                    >
+                      <input
+                        id="structures-1-item-1"
+                        name="structures-1"
+                        type="radio"
+                        value="valeur 5"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-1-item-1-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-1-item-1-structure-infos"
+                          >
+                            <b>
+                              address 5
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 5
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                    <label
+                      class="
+                        mb-4
+                        pointer
+                        structure-item
+                        w-100
+                      "
+                      for="structures-1-item-2"
+                      id="structures-1-item-2-label"
+                    >
+                      <input
+                        id="structures-1-item-2"
+                        name="structures-1"
+                        type="radio"
+                        value="valeur 6"
+                      />
+                      <span class="
+                        bg-ap-grey-lighten-4
+                        d-flex
+                        flex-column
+                        hover-style
+                        px-2
+                        px-sm-4
+                        py-2
+                        rounded
+                        w-100
+                      ">
+                        <!-- v-if -->
+                        <span class="
+                          align-md-center
+                          d-flex
+                        ">
+                          <span
+                            class="
+                              amelipro-icon
+                              mr-4
+                            "
+                            id="structures-1-item-2-icon"
+                          >
+                            <span
+                              aria-hidden="true"
+                              class="
+                                amelipro-custom-icon
+                                custom-color
+                                x-large
+                              "
+                              focusable="false"
+                              role="img"
+                              style="
+                                color: #01B9F5;
+                                border-radius: 50%;
+                                border: 1px solid #01B9F5;
+                              "
+                            >
+                              <span>
+                                <svg
+                                  aria-hidden="true"
+                                  style="enable-background:new 0 0 60 60;"
+                                  version="1.1"
+                                  viewBox="0 0 60 60"
+                                  x="0px"
+                                  xml:space="preserve"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                                  y="0px"
+                                >
+                                  <circle
+                                    class="circle-color"
+                                    cx="30"
+                                    cy="30"
+                                    r="30"
+                                  />
+                                  <path
+                                    class="shape-color"
+                                    d="M30,30.5c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.1-4.9,4.8-4.9c2.7,0,4.8,2.2,4.8,4.9C34.8,28.3,32.7,30.5,30,30.5L30,30.5z M30,15c-5.9,0-10.6,4.8-10.6,10.7c0,5.6,4.8,12.7,8,16.2C28.6,43.2,30,45,30,45s1.5-1.8,2.8-3.1c3.1-3.4,7.8-10.2,7.8-16.2C40.6,19.8,35.9,15,30,15z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                          <span
+                            class="
+                              align-md-center
+                              d-flex
+                              flex-column
+                              flex-md-row
+                              justify-md-space-between
+                              w-100
+                            "
+                            id="structures-1-item-2-structure-infos"
+                          >
+                            <b>
+                              address 6
+                            </b>
+                            <span>
+                              <!-- v-if -->
+                              AM/FINESS : 6
+                            </span>
+                          </span>
+                        </span>
+                      </span>
+                    </label>
+                  </div>
+                </div>
+                <!---->
+                <!---->
+              </div>
+              <div class="
+                d-flex
+                justify-center
+              ">
+                <!-- v-if -->
+                <!-- v-if -->
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="
+            align-start
+            d-flex
+            justify-end
+            mt-2
+          "
+          id="my-structure-menu-id-structure-menu-"
+        >
+          <div id="my-structure-menu-id-switch-structure-defaut-container">
+            <div class="
+              align-center
+              amelipro-checkbox
+              d-flex
+            ">
+              <div
+                aria-checked="false"
+                aria-describedby="Default-structure-switch-description"
+                aria-disabled="false"
+                class="
+                  align-center
+                  amelipro-checkbox-input
+                  amelipro-switch
+                  d-inline-flex
+                  flex-row
+                  label--left
+                  mr-0
+                  text-body-1
+                "
+                id="my-structure-menu-id-switch-structure-defaut"
+                role="checkbox"
+                tabindex="0"
+              >
+                <span
+                  class="
+                    checkbox-label
+                    text-ap-grey-darken-1
+                  "
+                  id="my-structure-menu-id-switch-structure-defaut-label-text"
+                >
+                  J’en fais ma structure par défaut
+                  <!-- v-if -->
+                  <!-- v-if -->
+                </span>
+              </div>
+            </div>
+            <!-- v-if -->
+          </div>
+          <div
+            class="
+              amelipro-tooltip
+              d-flex
+              justify-center
+              ml-2
+              mt-1
+            "
+            id="my-structure-menu-id-default-structure-switch-description-container"
+          >
+            <button
+              aria-describedby="my-structure-menu-id-default-structure-switch-description"
+              class="
+                btn--icon
+                elevation-0
+                rounded-0
+                tooltip-btn
+                v-btn
+                v-btn--density-default
+                v-btn--elevated
+                v-btn--icon
+                v-btn--size-default
+                v-btn--variant-elevated
+                v-theme--light
+              "
+              id="my-structure-menu-id-default-structure-switch-description-btn"
+              plain=""
+              style="
+                height: auto;
+                width: auto;
+              "
+              type="button"
+            >
+              <span class="v-btn__overlay"></span>
+              <span class="v-btn__underlay"></span>
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                <span
+                  class="d-sr-only"
+                  id="my-structure-menu-id-default-structure-switch-description-btn-btn-label"
+                >
+                  plus d’informations
+                </span>
+                <span
+                  class="
+                    amelipro-icon
+                    icon-custom
+                  "
+                  id="my-structure-menu-id-default-structure-switch-description-btn-icon"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="
+                      amelipro-custom-icon
+                      custom-color
+                      large
+                    "
+                    focusable="false"
+                    role="img"
+                    style="color: #4D547D;"
+                  >
+                    <span>
+                      <svg
+                        aria-hidden="true"
+                        height="34"
+                        style="
+                          shape-rendering:geometricPrecision;
+                          text-rendering:geometricPrecision;
+                          image-rendering:optimizeQuality;
+                          fill-rule:evenodd;
+                          clip-rule:evenodd;
+                        "
+                        viewBox="0 0 6828 6828"
+                        width="34"
+                        xml:space="preserve"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <circle
+                          class="circle-color"
+                          cx="3414"
+                          cy="3414"
+                          r="3321"
+                        />
+                        <g class="shape-color">
+                          <path
+                            class="fil1"
+                            d="M6642 3414c0-891-362-1698-946-2282S4306 187 3414 187c-891 0-1698 361-2282 945S187 2523 187 3414c0 892 361 1698 945 2282s1391 946 2282 946c892 0 1698-362 2282-946s946-1390 946-2282zm-814-2414c618 618 1000 1471 1000 2414 0 942-382 1796-1000 2414-617 618-1471 1000-2414 1000-942 0-1796-382-2414-1000C383 5211 0 4356 0 3414s382-1796 1000-2414C1618 383 2472 0 3414 0s1796 382 2414 1000z"
+                          />
+                          <path
+                            class="fil1"
+                            d="M3055 4035v-140c0-161 29-296 88-402 58-107 161-218 307-333 174-137 287-244 338-320 50-76 75-167 75-272 0-123-41-217-123-283s-200-99-353-99c-139 0-268 19-387 59-118 40-234 87-347 143l-184-387c297-165 615-247 955-247 287 0 515 70 683 210 168 141 253 335 253 582 0 110-16 208-49 294-32 85-81 167-146 244-64 78-177 179-337 303-136 107-227 196-274 266-45 70-68 165-68 283v99h-431zm-90 701c0-221 107-332 323-332 105 0 186 29 242 87 55 58 83 139 83 245 0 104-29 186-85 247s-136 91-240 91-184-30-240-89c-55-59-83-142-83-249z"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </span>
+                </span>
+              </span>
+              <!---->
+              <!---->
+            </button>
+            <!-- teleport start -->
+            <!-- teleport end -->
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="
+        dialog__footer
+        mt-4
+        w-100
+      "
+      id="my-structure-menu-id-structure-menu-footer"
+    >
+      <div
+        class="
+          d-flex
+          flex-column
+          flex-sm-row
+          justify-sm-space-between
+        "
+        id="my-structure-menu-id-default-structure-footer"
+      >
+        <button
+          class="
+            amelipro-btn
+            amelipro-btn--style
+            bg-ap-blue-darken-1
+            elevation-0
+            order-sm-1
+            order-sm-1
+            v-btn
+            v-btn--density-default
+            v-btn--flat
+            v-btn--size-default
+            v-btn--variant-flat
+            v-theme--light
+          "
+          id="my-structure-menu-id-default-structure-confirm-btn"
+          style="
+            height: auto;
+            min-height: 2.5rem;
+            color: #FFFFFF !important;
+          "
+          type="button"
+        >
+          <span class="v-btn__overlay"></span>
+          <span class="v-btn__underlay"></span>
+          <!---->
+          <span
+            class="v-btn__content"
+            data-no-activator=""
+          >
+            <span class="
+              align-center
+              amelipro-custom-btn
+              d-flex
+              flex-row
+            ">
+              Valider
+              <!-- v-if -->
+              <!-- v-if -->
+            </span>
+          </span>
+          <!---->
+          <!---->
+        </button>
+        <button
+          class="
+            amelipro-btn
+            amelipro-btn--style
+            bg-ap-white
+            elevation-0
+            mt-2
+            mt-2
+            mt-sm-0
+            mt-sm-0
+            order-sm-0
+            order-sm-0
+            v-btn
+            v-btn--density-default
+            v-btn--flat
+            v-btn--size-default
+            v-btn--variant-flat
+            v-theme--light
+          "
+          id="my-structure-menu-id-default-structure-cancel-btn"
+          style="
+            height: auto;
+            min-height: 2.5rem;
+            color: #00749C !important;
+            border: 2px solid #00749C !important;
+            background-color: white;
+          "
+          type="button"
+        >
+          <span class="v-btn__overlay"></span>
+          <span class="v-btn__underlay"></span>
+          <!---->
+          <span
+            class="v-btn__content"
+            data-no-activator=""
+          >
+            <span class="
+              align-center
+              amelipro-custom-btn
+              d-flex
+              flex-row
+            ">
+              Retour
+              <!-- v-if -->
+              <!-- v-if -->
+            </span>
+          </span>
+          <!---->
+          <!---->
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;