Merge pull request #144 from db-ui/refactor-corrected-filename

refactor: corrected filename
db-ui · Jan 8, 2024 · e07d36c · e07d36c
2 parents 5fc0217 + 5d53205
commit e07d36c
Show file tree

Hide file tree

Showing 21 changed files with 364 additions and 156 deletions.
diff --git a/.gitignore b/.gitignore
@@ -52,5 +52,5 @@ public/icons
 public/images
 public/css/
 public/js/vue/
-public/js/iframeresizer.contentwindow.min.js
+public/js/iframeResizer.contentWindow.js
 public/favicon.ico
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\"",
     "build": "sass scss:public/css --load-path=node_modules",
     "build:watch": "nodemon --watch scss -e scss -x \"npm run build\"",
-    "copy:assets": "cpr node_modules/vue/dist/ public/js/vue/ -o && cpr node_modules/@db-ui/core/dist/fonts public/fonts -o && cpr node_modules/@db-ui/core/dist/icons public/icons -o && cpr node_modules/@db-ui/core/dist/images public/images -o && cp node_modules/iframe-resizer/js/iframeResizer.contentWindow.min.js public/js/iframeresizer.contentwindow.min.js && cp node_modules/@db-ui/core/dist/favicon.ico public/favicon.ico",
+    "copy:assets": "cpr node_modules/vue/dist/ public/js/vue/ -o && cpr node_modules/@db-ui/core/dist/fonts public/fonts -o && cpr node_modules/@db-ui/core/dist/icons public/icons -o && cpr node_modules/@db-ui/core/dist/images public/images -o && cp node_modules/iframe-resizer/js/iframeResizer.contentWindow.js public/js/iframeResizer.contentWindow.js && cp node_modules/@db-ui/core/dist/favicon.ico public/favicon.ico",
     "serve": "npx http-server public -o",
     "start": "npm-run-all --parallel copy:assets serve build:watch",
     "postinstall": "npm run copy:assets",

diff --git a/public/401-error.html b/public/401-error.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
 	<head>
 		<meta charset="UTF-8" />
@@ -26,6 +26,6 @@
 				VPN first.
 			</p>
 		</main>
-		<script src="./js/iframeresizer.contentwindow.min.js"></script>
+		<script src="./js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>
diff --git a/public/accordion.html b/public/accordion.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8" />
@@ -19,21 +19,27 @@
 					></component-navigation>
 				</header>
 				<section>
-					<div class="component_example" style="min-height: 250px; width: 100%">
+					<div
+						class="component_example"
+						style="min-height: 250px; width: 100%"
+					>
 						<details
 							class="cmp-accordion"
 							:data-size="size"
 							:data-emphasis="emphasisLevel"
 						>
 							<summary>Summary</summary>
 							<p>
-								Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-								eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
-								enim ad minim veniam, quis nostrud exercitation ullamco laboris
-								nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-								in reprehenderit in voluptate velit esse cillum dolore eu fugiat
-								nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-								sunt in culpa qui officia deserunt mollit anim id est laborum.
+								Lorem ipsum dolor sit amet, consectetur
+								adipiscing elit, sed do eiusmod tempor
+								incididunt ut labore et dolore magna aliqua. Ut
+								enim ad minim veniam, quis nostrud exercitation
+								ullamco laboris nisi ut aliquip ex ea commodo
+								consequat. Duis aute irure dolor in
+								reprehenderit in voluptate velit esse cillum
+								dolore eu fugiat nulla pariatur. Excepteur sint
+								occaecat cupidatat non proident, sunt in culpa
+								qui officia deserunt mollit anim id est laborum.
 							</p>
 						</details>
 					</div>
@@ -45,7 +51,9 @@
 					data-emphasis="high"
 					:open="optionsClosed ? false : true"
 				>
-					<summary @click="optionsOpen=!optionsOpen">Konfigurationen</summary>
+					<summary @click="optionsOpen=!optionsOpen">
+						Konfigurationen
+					</summary>
 					<fieldset class="row">
 						<legend>Größe</legend>
 						<fieldset>
@@ -70,7 +78,9 @@
 								value="regular-low"
 								@change="changeEmphasis('low')"
 							/>
-							<label class="elm-label" for="size02">Medium: Low Emphasis</label>
+							<label class="elm-label" for="size02"
+								>Medium: Low Emphasis</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -122,6 +132,6 @@ <h4 v-if="computedLink != ''">Design Preview</h4>
 		<script>
 			const mountedApp = app.mount("#app");
 		</script>
-		<script src="./js/iframeresizer.contentwindow.min.js"></script>
+		<script src="./js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>
diff --git a/public/breadcrumb.html b/public/breadcrumb.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8" />
@@ -23,29 +23,51 @@
 						<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
 							<ol>
 								<li>
-									<a href="#" class="elm-link" title="Title text">Startseite</a>
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
+										>Startseite</a
+									>
 								</li>
 								<li v-if="level === 'default'">
-									<a href="#" class="elm-link" title="Title text"
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
 										>Seite XYZ {{index}}</a
 									>
 								</li>
 								<li v-if="level === 'default'">
-									<a href="#" class="elm-link" title="Title text"
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
 										>Seite XYZ {{index}}</a
 									>
 								</li>
 
 								<li v-if="level === 'shortened'">
-									<a href="#" class="elm-link" title="Title text"
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
 										>Seite XYZ {{index}}</a
 									>
 								</li>
 								<li v-if="level === 'shortened'">
-									<a href="#" class="elm-link" title="Title text">...</a>
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
+										>...</a
+									>
 								</li>
 								<li v-if="level === 'shortened'">
-									<a href="#" class="elm-link" title="Title text"
+									<a
+										href="#"
+										class="elm-link"
+										title="Title text"
 										>Seite XYZ {{index}}</a
 									>
 								</li>
@@ -69,7 +91,9 @@
 					data-emphasis="high"
 					:open="optionsClosed ? false : true"
 				>
-					<summary @click="optionsOpen=!optionsOpen">Konfigurationen</summary>
+					<summary @click="optionsOpen=!optionsOpen">
+						Konfigurationen
+					</summary>
 					<fieldset class="row">
 						<legend>States</legend>
 						<fieldset>
@@ -81,7 +105,9 @@
 								v-model="level"
 								value="default"
 							/>
-							<label class="elm-label" for="radio01">Default</label>
+							<label class="elm-label" for="radio01"
+								>Default</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -120,6 +146,6 @@ <h4 v-if="computedLink != ''">Design Preview</h4>
 		<script>
 			const mountedApp = app.mount("#app");
 		</script>
-		<script src="js/iframeresizer.contentwindow.min.js"></script>
+		<script src="js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>
diff --git a/public/button.html b/public/button.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8" />
@@ -41,7 +41,9 @@
 					data-emphasis="high"
 					:open="optionsClosed ? false : true"
 				>
-					<summary @click="optionsOpen=!optionsOpen">Konfigurationen</summary>
+					<summary @click="optionsOpen=!optionsOpen">
+						Konfigurationen
+					</summary>
 					<fieldset class="row">
 						<legend>Icons</legend>
 						<fieldset>
@@ -53,7 +55,9 @@
 								v-model="iconPosition"
 								value="none"
 							/>
-							<label class="elm-label" for="iconposition01">Default</label>
+							<label class="elm-label" for="iconposition01"
+								>Default</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -64,7 +68,9 @@
 								v-model="iconPosition"
 								value="leading"
 							/>
-							<label class="elm-label" for="iconposition02">Leading Icon</label>
+							<label class="elm-label" for="iconposition02"
+								>Leading Icon</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -103,7 +109,9 @@
 								v-model="size"
 								value="regular"
 							/>
-							<label class="elm-label" for="radio02">Regular</label>
+							<label class="elm-label" for="radio02"
+								>Regular</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -126,7 +134,9 @@
 							id="checkbox01"
 							v-model="disabled"
 						/>
-						<label class="elm-label" for="checkbox01">Disabled</label>
+						<label class="elm-label" for="checkbox01"
+							>Disabled</label
+						>
 					</fieldset>
 
 					<h4 v-if="computedLink != ''">Design Preview</h4>
@@ -151,6 +161,6 @@ <h4 v-if="computedLink != ''">Design Preview</h4>
 		<script>
 			const mountedApp = app.mount("#app");
 		</script>
-		<script src="./js/iframeresizer.contentwindow.min.js"></script>
+		<script src="./js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>
diff --git a/public/checkbox.html b/public/checkbox.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8" />
@@ -44,7 +44,9 @@
 					data-emphasis="high"
 					:open="optionsClosed ? false : true"
 				>
-					<summary @click="optionsOpen=!optionsOpen">Konfigurationen</summary>
+					<summary @click="optionsOpen=!optionsOpen">
+						Konfigurationen
+					</summary>
 					<fieldset class="row">
 						<legend>Label</legend>
 						<fieldset>
@@ -56,7 +58,9 @@
 								v-model="displayLabel"
 								value="true"
 							/>
-							<label class="elm-label" for="displaylabel01">Mit Label</label>
+							<label class="elm-label" for="displaylabel01"
+								>Mit Label</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -67,7 +71,9 @@
 								v-model="displayLabel"
 								value="false"
 							/>
-							<label class="elm-label" for="displaylabel02">Ohne Label</label>
+							<label class="elm-label" for="displaylabel02"
+								>Ohne Label</label
+							>
 						</fieldset>
 					</fieldset>
 
@@ -92,7 +98,9 @@
 								id="disabled"
 								v-model="disabled"
 							/>
-							<label class="elm-label" for="disabled">Disabled</label>
+							<label class="elm-label" for="disabled"
+								>Disabled</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -101,7 +109,9 @@
 								id="indeterminate"
 								v-model="indeterminate"
 							/>
-							<label class="elm-label" for="indeterminate">Indeterminate</label>
+							<label class="elm-label" for="indeterminate"
+								>Indeterminate</label
+							>
 						</fieldset>
 					</fieldset>
 
@@ -127,6 +137,6 @@ <h4 v-if="computedLink != ''">Design Preview</h4>
 		<script>
 			const mountedApp = app.mount("#app");
 		</script>
-		<script src="js/iframeresizer.contentwindow.min.js"></script>
+		<script src="js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>
diff --git a/public/chips.html b/public/chips.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8" />
@@ -83,7 +83,9 @@
 					data-emphasis="high"
 					:open="optionsClosed ? false : true"
 				>
-					<summary @click="optionsOpen=!optionsOpen">Konfigurationen</summary>
+					<summary @click="optionsOpen=!optionsOpen">
+						Konfigurationen
+					</summary>
 
 					<fieldset class="row">
 						<legend>Icons</legend>
@@ -94,7 +96,9 @@
 								id="checkbox02"
 								v-model="iconBefore"
 							/>
-							<label class="elm-label" for="checkbox02">Leading Icon</label>
+							<label class="elm-label" for="checkbox02"
+								>Leading Icon</label
+							>
 						</fieldset>
 						<fieldset>
 							<input
@@ -103,7 +107,9 @@
 								id="checkbox03"
 								v-model="iconAfter"
 							/>
-							<label class="elm-label" for="checkbox03">Trailing Icon</label>
+							<label class="elm-label" for="checkbox03"
+								>Trailing Icon</label
+							>
 						</fieldset>
 					</fieldset>
 
@@ -115,7 +121,9 @@
 							id="checkbox01"
 							v-model="disabled"
 						/>
-						<label class="elm-label" for="checkbox01">Disabled</label>
+						<label class="elm-label" for="checkbox01"
+							>Disabled</label
+						>
 					</fieldset>
 
 					<h4 v-if="computedLink != ''">Design Preview</h4>
@@ -140,6 +148,6 @@ <h4 v-if="computedLink != ''">Design Preview</h4>
 		<script>
 			const mountedApp = app.mount("#app");
 		</script>
-		<script src="./js/iframeresizer.contentwindow.min.js"></script>
+		<script src="./js/iframeResizer.contentWindow.js"></script>
 	</body>
 </html>