comand-component-library 4.0.2 → 4.0.4

package/src/components/CmdUploadForm.vue

@@ -491,7 +491,7 @@ export default {
         /**
          * set icon for delete-icons
          */
-        deleteIcon: {
+        iconDelete: {
             type: Object,
             default() {
                 return {
@@ -1063,8 +1063,30 @@ export default {
         justify-content: center;
     }
 
+    /* begin box for simple-mode */
+    &.box {
+        display: inline-flex;
+        flex-direction: column;
+        background: var(--default-background);
+
+        text-decoration: none;
+        text-align: center;
+        padding: var(--default-padding);
+
+        span {
+            margin: 0;
+
+            &[class*="icon-"] {
+                font-size: 5rem;
+            }
+        }
+    }
+    /* end box for simple-mode */
+
     .box {
-        background: var(--color-scheme-background-color);
+        box-shadow: none;
+        background: var(--color-scheme-background);
+        border: var(--default-border);
 
         dl {
             justify-content: center;
@@ -1108,11 +1130,11 @@ export default {
 
                 progress {
                     &[value] {
-                        background: var(--color-scheme-background-color);
+                        background: var(--color-scheme-background);
 
                         &::-moz-progress-bar {
-                            border-top-left-radius: var(--border-radius);
-                            border-bottom-left-radius: var(--border-radius);
+                            border-top-left-radius: var(--default-border-radius);
+                            border-bottom-left-radius: var(--default-border-radius);
                             background: var(--primary-color);
                         }
                     }
@@ -1127,7 +1149,7 @@ export default {
                     top: .2rem;
                     padding: .1rem .2rem;
                     line-height: 100%;
-                    background: var(--color-scheme-background-color);
+                    background: var(--color-scheme-background);
                 }
             }
         }
@@ -1194,7 +1216,7 @@ export default {
     .drop-area, &.drop-area {
         border: var(--default-border);
         border-style: dashed;
-        background: var(--color-scheme-background-color);
+        background: var(--color-scheme-background);
         padding: var(--default-padding);
         text-align: center;
 
@@ -1206,23 +1228,6 @@ export default {
             font-size: 5rem;
         }
     }
-
-    &.box {
-        display: inline-flex;
-        flex-direction: column;
-        background: var(--default-background-color);
-        text-decoration: none;
-        text-align: center;
-        padding: var(--default-padding);
-
-        span {
-            margin: 0;
-
-            &[class*="icon-"] {
-                font-size: 5rem;
-            }
-        }
-    }
 }
 
 /* end cmd-upload-form ---------------------------------------------------------------------------------------------- */

package/src/components/CmdWidthLimitationWrapper.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="cmd-width-limitation-wrapper" :class="{'sticky': sticky}">
         <!-- begin slot-content in section -->
-        <section v-if="innerWrapper" :class="setInnerClass" :id="{anchorId: anchorId}">
+        <section v-if="innerWrapper" :class="setInnerClass" :id="anchorId">
             <!-- begin cmd-headline -->
             <CmdHeadline
                 v-if="cmdHeadline"

package/src/components/ComponentSettings.vue

@@ -4,6 +4,7 @@
         :collapsible="true"
         :cmdHeadline="{headlineText: readableName(componentName), headlineLevel: 4, headlineIcon: {iconClass: 'icon-settings-template'}}"
         :openCollapsedBox="true"
+        :allowContentToScroll="true"
         boxBodyClass="settings-body"
     >
         <template v-slot:body>
@@ -24,7 +25,6 @@
 </template>
 
 <script>
-
 export default {
     name: "ComponentSettings",
     data() {

package/src/components/EditComponentWrapper.vue

@@ -485,7 +485,7 @@ function buildComponentPath(component) {
                     font-size: 1rem;
                     display: block;
                     padding: 0.5rem;
-                    background: var(--button-background-color);
+                    background: var(--button-background);
 
                     &:before {
                         content: "";

package/src/main.js

@@ -24,7 +24,7 @@ import '@/assets/styles/logos-iconfont.css'
 import '@/assets/styles/editmode-iconfont.css'
 
 /* import css for global-styles */
-import '@/assets/styles/global-styles.scss'
+import '@/assets/styles/component-library-global-styles.scss'
 
 /* import css for global transitions */
 import '@/assets/styles/transitions.scss'
@@ -36,7 +36,7 @@ import '@/assets/styles/template.css'
 import "prismjs/themes/prism.css"
 
 /* import css for demopage only */
-//import 'comand-frontend-framework/public/demopage-only.css'
+import 'comand-frontend-framework/demopage-only.css'
 /* end imports css from comand-component-library ---------------------------------------------------------------------------------------- */
 
 import router from "./router"

package/src/assets/data/accordion.json

@@ -1,45 +0,0 @@
-{
-  "accordionData1": [
-    {
-      "headlineText": "First",
-      "headlineLevel": 5,
-      "iconClass": "icon-globe",
-      "content": "Content 1",
-      "status": false
-    },
-    {
-      "headlineText": "Second",
-      "headlineLevel": 5,
-      "iconClass": "icon-user-profile",
-      "content": "Content 2",
-      "status": true
-    },
-    {
-      "headlineText": "Third",
-      "headlineLevel": 5,
-      "iconClass": "icon-home",
-      "content": "Content 3",
-      "status": false
-    }
-  ],
-  "accordionData2": [
-    {
-      "headlineText": "First",
-      "headlineLevel": 5,
-      "content": "Content 1",
-      "status": false
-    },
-    {
-      "headlineText": "Second",
-      "headlineLevel": 5,
-      "content": "Content 2",
-      "status": false
-    },
-    {
-      "headlineText": "Third",
-      "headlineLevel": 5,
-      "content": "Content 3",
-      "status": false
-    }
-  ]
-}