comand-component-library 4.0.27 → 4.0.29

package/src/main.js

@@ -17,13 +17,13 @@ import directiveTelephone from "./directives/telephone"
 import directiveFocus from "./directives/focus"
 
 /* begin imports css from comand-component-library ---------------------------------------------------------------------------------------- */
-import 'comand-ui-iconfonts/base-iconfont/base-iconfont.css'
+import 'comand-ui-iconfonts/src/fonts/base-iconfont/base-iconfont.css'
 
 /* import additional iconfont containing company-logos */
-import 'comand-ui-iconfonts/logos-iconfont/logos-iconfont.css'
+import 'comand-ui-iconfonts/src/fonts/logos-iconfont/logos-iconfont.css'
 
 /* import additional iconfont containing editmode-iconfont-icons */
-import 'comand-ui-iconfonts/editmode-iconfont/editmode-iconfont.css'
+import 'comand-ui-iconfonts/src/fonts/editmode-iconfont/editmode-iconfont.css'
 
 /* import css for global-styles */
 import '@/assets/styles/component-library-global-styles.scss'

package/src/pages/PageWrapper.vue

@@ -1,6 +1,6 @@
 <template>
     <a id="anchor-back-to-top"></a>
-    <div :class="{'overflow-hidden': offCanvasOpen}" id="page-wrapper"
+    <div :class="{'overflow-hidden': offCanvasOpen}" class="page-wrapper" :id="templateId"
          :style="{'scroll-padding-top': heightSiteHeader + 'px'}">
         <!-- begin cmd-site-header -->
         <CmdSiteHeader
@@ -104,7 +104,7 @@
         <CmdBackToTopButton
             href="#anchor-back-to-top"
             :iconBackToTop="iconBackToTop"
-            scroll-container="#page-wrapper"
+            scroll-container=".page-wrapper"
         />
         <!-- end cmd-back-to-top-button -->
 
@@ -154,6 +154,10 @@ export default {
         }
     },
     props: {
+        templateId: {
+            type: String,
+            default: null
+        },
         topHeaderNavigationEntries: {
             default: []
         },
@@ -195,7 +199,7 @@ export default {
 
         if (siteHeader.length > 0) {
             const resizeObserver = new ResizeObserver(entries => {
-                // get height of site-header to set scroll-padding on #page-wrapper
+                // get height of site-header to set scroll-padding on .page-wrapper
                 this.heightSiteHeader = entries[0].target.offsetHeight
             })
             resizeObserver.observe(siteHeader[0])