Deploying to gh-pages from @ 0cb30d5 🚀

lmc-eu · Oct 18, 2023 · 326b842 · 326b842
1 parent 1ee4208
commit 326b842
Show file tree

Hide file tree

Showing 45 changed files with 207 additions and 82 deletions.
diff --git a/docs/assets/spirit-web-asset.258c6295.css b/docs/assets/spirit-web-asset.258c6295.css
diff --git a/docs/assets/spirit-web-asset.4afa03d7.css b/docs/assets/spirit-web-asset.4afa03d7.css
diff --git a/docs/assets/spirit-web-chunk.b0239532.js b/docs/assets/spirit-web-chunk.b0239532.js
diff --git a/docs/assets/spirit-web-chunk.bdd9ab57.js b/docs/assets/spirit-web-chunk.bdd9ab57.js
diff --git a/docs/assets/spirit-web-entry.8b7ef196.js b/docs/assets/spirit-web-entry.8b7ef196.js
diff --git a/docs/assets/spirit-web-entry.3f0c78ba.js → docs/assets/spirit-web-entry.c619278e.js b/docs/assets/spirit-web-entry.3f0c78ba.js → docs/assets/spirit-web-entry.c619278e.js
diff --git a/docs/assets/spirit-web-entry.e65261cc.js b/docs/assets/spirit-web-entry.e65261cc.js
diff --git a/docs/index.html b/docs/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/icons/index.html b/docs/src/icons/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Accordion/index.html b/docs/src/scss/components/Accordion/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Alert/index.html b/docs/src/scss/components/Alert/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Breadcrumbs/index.html b/docs/src/scss/components/Breadcrumbs/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Button/index.html b/docs/src/scss/components/Button/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Checkbox/index.html b/docs/src/scss/components/Checkbox/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Collapse/index.html b/docs/src/scss/components/Collapse/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Container/index.html b/docs/src/scss/components/Container/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Dropdown/index.html b/docs/src/scss/components/Dropdown/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/FieldGroup/index.html b/docs/src/scss/components/FieldGroup/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/FileUploader/index.html b/docs/src/scss/components/FileUploader/index.html
@@ -18,9 +18,9 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-entry.e65261cc.js"></script>
-    <link rel="modulepreload" crossorigin href="/spirit-design-system/assets/spirit-web-chunk.b0239532.js">
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-entry.8b7ef196.js"></script>
+    <link rel="modulepreload" crossorigin href="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js">
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 
@@ -735,6 +735,126 @@ <h3 id="attachments-customAttachmentActions" hidden>Attachments</h3>
             <!-- Example custom action functionality: end -->
 
           </section>
+
+          <section class="docs-Section">
+            <h2 class="docs-Heading">FileUploader with Meta Data</h2>
+
+            <div class="docs-Stack docs-Stack--start">
+
+              <!-- Modal: start -->
+              <dialog id="example_modal_data" class="Modal" aria-labelledby="example_modal_data">
+
+                <!-- ModalDialog: start -->
+                <div class="ModalDialog ModalDialog--expandOnMobile">
+
+                  <!-- ModalBody: start -->
+                  <div class="ModalBody">
+                    <div class="pt-400 pt-tablet-600" data-example-content>
+                      <!-- here will be an image -->
+                    </div>
+                  </div>
+                  <!-- ModalBody: end -->
+
+                  <!-- ModalFooter: start -->
+                  <footer class="ModalFooter ModalFooter--right">
+                    <div class="ModalFooter__actions">
+                      <button
+                        type="button"
+                        class="Button Button--primary Button--medium"
+                        data-spirit-target="#example_modal_data"
+                        data-spirit-dismiss="modal"
+                      >
+                        Confirm
+                      </button>
+                      <button
+                        type="button"
+                        class="Button Button--secondary Button--medium"
+                        data-spirit-target="#example_modal_data"
+                        data-element="cancel"
+                      >
+                        Cancel
+                      </button>
+                    </div>
+                  </footer>
+                  <!-- ModalFooter: end -->
+
+                </div>
+                <!-- ModalDialog: end -->
+
+              </dialog>
+              <!-- Modal: end -->
+
+              <!-- FileUploader: start -->
+              <div id="example_customMetaData" class="FileUploader" data-spirit-toggle="fileUploader">
+
+                <!-- FileUploaderAttachment template: start -->
+                <template data-spirit-snippet="item">
+                  <li class="FileUploaderAttachment" data-spirit-populate-field="item" data-spirit-imagePreview="true">
+                    <span class="FileUploaderAttachment__image">
+                      <img src="" width="54" height="54" alt="" />
+                    </span>
+                    <svg width="24" height="24" aria-hidden="true">
+                      <use xlink:href="/icons/svg/sprite.svg#file" />
+                    </svg>
+                    <span class="FileUploaderAttachment__name">
+                      <span class="text-truncate" data-spirit-populate-field="name"></span>
+                    </span>
+                    <span class="FileUploaderAttachment__slot">
+
+                      <!-- Slot content: start -->
+                      <button type="button" class="FileUploaderAttachment__action" onclick="moduleFunctions.customEdit(event)">
+                        <span class="accessibility-hidden">Edit</span>
+                        <svg width="24" height="24" aria-hidden="true">
+                          <use xlink:href="/icons/svg/sprite.svg#edit" />
+                        </svg>
+                      </button>
+                      <!-- Slot content: end -->
+
+                    </span>
+                    <button type="button" class="FileUploaderAttachment__action" data-spirit-populate-field="button">
+                      <span class="accessibility-hidden">Remove</span>
+                      <svg width="24" height="24" aria-hidden="true">
+                        <use xlink:href="/icons/svg/sprite.svg#close" />
+                      </svg>
+                    </button>
+                  </li>
+                </template>
+                <!-- FileUploaderAttachment template: end -->
+
+                <!-- FileUploaderInput: start -->
+                <div class="FileUploaderInput" data-spirit-element="wrapper" data-spirit-file-queue-limit="1" data-spirit-queue-limit-behavior="disable" >
+                  <label for="fileUploaderWithMetaData" class="FileUploaderInput__label">Label</label>
+                  <input type="file" id="fileUploaderWithMetaData" name="attachmentMetaData" class="FileUploaderInput__input" data-spirit-element="input" />
+                  <div class="FileUploaderInput__dropZone" data-spirit-element="dropZone">
+                    <svg width="24" height="24" aria-hidden="true">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#upload" />
+                    </svg>
+                    <label for="fileUploaderWithMetaData" class="FileUploaderInput__dropZoneLabel">
+                      <span class="FileUploaderInput__link link-primary link-underlined">Upload your file(s)</span>
+                      <span class="FileUploaderInput__dragAndDropLabel">or drag and drop here</span>
+                    </label>
+                    <div class="FileUploaderInput__helperText">Max size of each file is 10 MB</div>
+                  </div>
+                </div>
+                <!-- FileUploaderInput: end -->
+
+                <!-- FileUploaderList: start -->
+                <h3 id="attachments-fileUploaderWithMetaData" hidden>Attachments</h3>
+                <ul class="FileUploaderList" id="FileUploaderListWithMetaData" aria-labelledby="attachments-fileUploaderWithMetaData" data-spirit-element="list"></ul>
+                <!-- FileUploaderList: end -->
+
+              </div>
+              <!-- FileUploader: end -->
+              <script>
+                const moduleFunctions = {}
+              </script>
+
+
+
+            </div>
+
+          </section>
+
           <section class="docs-Section">
             <h2 class="docs-Heading">
               Input with Attachment

diff --git a/docs/src/scss/components/Grid/index.html b/docs/src/scss/components/Grid/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Header/index.html b/docs/src/scss/components/Header/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Item/index.html b/docs/src/scss/components/Item/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Modal/index.html b/docs/src/scss/components/Modal/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Pagination/index.html b/docs/src/scss/components/Pagination/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.b0239532.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4afa03d7.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.bdd9ab57.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.258c6295.css">
   </head>
   <body>