comand-component-library 4.2.51 → 4.2.53

package/src/ComponentLibrary.vue

@@ -20,10 +20,7 @@
                                     <span>Select template</span>
                                     <select id="select-template" v-model="selectedTemplate">
                                         <option value="blank">Blank/Unstyled</option>
-                                        <option value="business">Business</option>
-                                        <option value="casual">Casual</option>
-                                        <option value="dating">Dating</option>
-                                        <option value="influencer">Influencer</option>
+                                        <option value="dating">Material-Web</option>
                                     </select>
                                 </label>
                                 <div>
@@ -780,25 +777,44 @@
                         headlinePosition="body" :cmdIcon="{ iconClass: 'icon-home', type: 'auto' }"
                         textBody="Box with large icon, headline in body and content all given by properties." />
                 </CmdBoxWrapper>
+
+                <!-- begin product boxes -->
                 <h3>Product boxes</h3>
-                <div class="grid-container-create-columns">
-                    <div class="grid-small-item" v-for="(product, index) in boxProductData" :key="index">
-                        <CmdBox boxType="product" :product="product" :cmdHeadline="{ headlineLevel: 4 }" />
-                    </div>
-                </div>
+                <CmdBoxWrapper :boxesPerRow="[5, 2, 1]" :useRowViewAsDefault="true" :useGap="true">
+                    <template v-slot="slotProps">
+                        <CmdBox 
+                            v-for="(product, index) in boxProductData" 
+                            :key="index" 
+                            boxType="product" 
+                            :product="product" 
+                            :cmdHeadline="{ headlineLevel: 4 }"
+                            :rowView="slotProps.rowView" 
+                        />
+                    </template>
+                </CmdBoxWrapper>
+                <!-- end product boxes -->
+
+                <!-- begin user boxes -->
                 <h3>User boxes</h3>
                 <CmdBoxWrapper :boxesPerRow="[5, 2, 1]" :useRowViewAsDefault="true" :useGap="true">
                     <template v-slot="slotProps">
-                        <CmdBox v-for="index in boxUserData.length" :key="index" boxType="user"
-                            :user="boxUserData[index - 1]" :cmdHeadline="{ headlineLevel: 5 }"
-                            :rowView="slotProps.rowView" />
+                        <CmdBox 
+                            v-for="index in boxUserData.length" 
+                            :key="index" 
+                            boxType="user"
+                            :user="boxUserData[index - 1]" 
+                            :cmdHeadline="{ headlineLevel: 5 }"
+                            :rowView="slotProps.rowView" 
+                        />
                     </template>
                 </CmdBoxWrapper>
+                <!-- end user boxes -->
+
                 <h3><span>Boxes in BoxWrapper (collapsible)</span>
                     <a href="#" class="button small icon-cog" title="Open Component Settings"
                         @click.prevent="openSettingsSidebar('CmdBoxWrapper')"></a>
                 </h3>
-                <CmdBoxWrapper ref="CmdBoxWrapper" :boxesPerRow="[5, 2, 1]" :openBoxesByDefault="[2]"
+                <CmdBoxWrapper ref="CmdBoxWrapper" :boxesPerRow="[4, 1]" :openBoxesByDefault="[2]"
                     :useRowViewAsDefault="true" :allowMultipleExpandedBoxes="false" :stretch-boxes-vertically="true"
                     :useGap="true">
                     <template v-slot="slotProps">
@@ -854,26 +870,57 @@
             <!-- begin container --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-container">
-                    <span>Container</span>
+                    <span>Containers</span>
                     <a href="#" class="button small icon-cog" title="Open Component Settings"
                         @click.prevent="openSettingsSidebar('CmdContainer')"></a>
                 </h2>
-                <h3>Default Container</h3>
-                <CmdContainer style="border: 1px dotted gray" ref="CmdContainer" v-bind="cmdContainerSettingsData" />
-                <h3>Container with default-text</h3>
-                <CmdContainer style="border: 1px dotted gray" ref="CmdContainer" innerText="Some inner text"
-                    containerType="flex" contentOrientation="horizontal" />
-                <h3>Container with vertical slots</h3>
-                <CmdContainer style="border: 1px dotted gray" ref="CmdContainer" v-bind="cmdContainerSettingsData">
+                <h3>Container (type "default")</h3>
+                <CmdContainer 
+                    style="border: 1px dashed var(--color-gray-30)" 
+                    ref="CmdContainer" 
+                    v-bind="cmdContainerSettingsData"
+                >
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>      
+                </CmdContainer>
+                <h3>Container (type "flex", horizontal)</h3>
+                <CmdContainer 
+                    style="border: 1px  dashed var(--color-gray-30)" 
+                    ref="CmdContainer"
+                    v-bind="cmdContainerSettingsData"
+                    containerType="flex" 
+                    contentOrientation="horizontal"
+                >
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>    
+                </CmdContainer>
+                <h3>Container (type "flex", vertical)</h3>
+                <CmdContainer 
+                    style="border: 1px  dashed var(--color-gray-30)" 
+                    ref="CmdContainer" 
+                    v-bind="cmdContainerSettingsData"
+                    containerType="flex"
+                    contentOrientation="vertical"
+                >
                     <p>Slot-content</p>
                     <p>Slot-content</p>
                     <p>Slot-content</p>
                 </CmdContainer>
                 <h3>Container with horizontal slots</h3>
-                <CmdContainer style="border: 1px dotted gray" ref="CmdContainer" v-bind="cmdContainerSettingsData"
-                    contentOrientation="horizontal" innerClass="inner-class">
-                    <component :is="componentNameForContainer" headlineText="Headline 1" headlineLevel="6" />
-                    <component :is="componentNameForContainer" headlineText="Headline 2" headlineLevel="6" />
+                <CmdContainer 
+                    style="border: 1px  dashed var(--color-gray-30)" 
+                    ref="CmdContainer" 
+                    v-bind="cmdContainerSettingsData"
+                    containerType="grid"
+                >
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
+                    <p>Slot-content</p>
                 </CmdContainer>
             </CmdWidthLimitationWrapper>
             <!-- end container --------------------------------------------------------------------------------------------------->
@@ -940,14 +987,14 @@
             <!-- begin flexible-scroll-container --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-flexible-scroll-container">Flexible Scroll-Container</h2>
-                <CmdFlexibleScrollContainer style="border: 1px dotted gray">
+                <CmdFlexibleScrollContainer style="border: 1px  dashed var(--color-gray-30)">
                     <template v-slot:fixed-wrapper>
-                        <div class="default-padding" style="border: 1px dotted gray">
+                        <div class="default-padding" style="border: 1px  dashed var(--color-gray-30)">
                             Fixed content
                         </div>
                     </template>
                     <template v-slot:scroll-wrapper>
-                        <div class="default-padding" style="border: 1px dotted gray">
+                        <div class="default-padding" style="border: 1px  dashed var(--color-gray-30)">
                             <ul>
                                 <li>Dynamic Content</li>
                                 <li>Dynamic Content</li>
@@ -1110,7 +1157,7 @@
             </CmdWidthLimitationWrapper>
             <!-- end link --------------------------------------------------------------------------------------------------->
 
-            <!-- begin list --------------------------------------------------------------------------------------------------->
+            <!-- begin lists --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-list">
                     <span>List</span>
@@ -1118,7 +1165,7 @@
                         @click.prevent="openSettingsSidebar('CmdList')"></a>
                 </h2>
                 <CmdList :cmdHeadline="{ headlineText: 'List of links', headlineLevel: 3 }" ref="CmdList"
-                    v-bind="cmdListSettingsData" :items="listData" listType="links" @click="cmdLinkOutput" />
+                    v-bind="cmdListSettingsData" :items="listData" listContentType="links" @click="cmdLinkOutput" />
                 <dl class="output">
                     <dt>Event:</dt>
                     <dd>{{ outputCmdLink?.event?.originalEvent }}</dd>
@@ -1128,11 +1175,57 @@
                     <dd>{{ outputCmdLink?.event?.linkType }}</dd>
                 </dl>
                 <CmdList :cmdHeadline="{ headlineText: 'List of images', headlineLevel: 3 }" :items="imageGalleryData"
-                    orientation="horizontal" listType="images" />
-                <CmdList :cmdHeadline="{ headlineText: 'List of tags', headlineLevel: 3 }" :items="listOfTagsData"
-                    orientation="horizontal" listType="tags" />
+                    orientation="horizontal" listContentType="images" />
+                <div class="flex-container">    
+                    <CmdList 
+                        :cmdHeadline="{ headlineText: 'List of tags (default)', headlineLevel: 3 }" 
+                        :items="listOfTagsData"
+                        orientation="horizontal" 
+                        listContentType="tags" 
+                    />
+                    <CmdList 
+                        :cmdHeadline="{ headlineText: 'List of tags (primary)', headlineLevel: 3 }" 
+                        :items="listOfTagsData"
+                        orientation="horizontal" 
+                        listContentType="tags" 
+                        highlightLevel="primary"
+                    />
+                    <CmdList 
+                        :cmdHeadline="{ headlineText: 'List of tags (secondary)', headlineLevel: 3 }" 
+                        :items="listOfTagsData"
+                        orientation="horizontal" 
+                        listContentType="tags" 
+                        highlightLevel="secondary"
+                    />
+                    <CmdList 
+                        :cmdHeadline="{ headlineText: 'List of tags (tertiary)', headlineLevel: 3 }" 
+                        :items="listOfTagsData"
+                        orientation="horizontal" 
+                        listContentType="tags" 
+                        highlightLevel="tertiary"
+                    />
+                </div>
+                <h3>Description Lists</h3>
+                <div class="flex-container">
+                    <CmdList
+                        listType="description"
+                        :cmdHeadline="{ headlineText: 'List with text', headlineLevel: 4 }" 
+                        :items="descriptionListData.text" 
+                    />
+                    <CmdList
+                        listType="description"
+                        :cmdHeadline="{ headlineText: 'List with text (term right aligned)', headlineLevel: 4 }" 
+                        :alignDescriptionTermRight="true"
+                        :items="descriptionListData.text" 
+                    />
+                    <CmdList
+                        listType="description"
+                        :cmdHeadline="{ headlineText: 'List with icons', headlineLevel: 4 }" 
+                        :items="descriptionListData.icons" 
+                    />
+                </div>
             </CmdWidthLimitationWrapper>
-            <!-- end list --------------------------------------------------------------------------------------------------->
+            <!-- end lists --------------------------------------------------------------------------------------------------->
 
             <!-- begin login-form --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
@@ -1266,6 +1359,17 @@
             </CmdWidthLimitationWrapper>
             <!-- end pagination --------------------------------------------------------------------------------------------------->
 
+            <!-- begin paragraph --------------------------------------------------------------------------------------------------->
+            <CmdWidthLimitationWrapper>
+                <h2 class="headline-demopage" id="section-paragraph">
+                    <span>Paragraph</span>
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
+                        @click.prevent="openSettingsSidebar('CmdParagraph')"></a>
+                </h2>
+                <CmdParagraph ref="CmdParagraph" v-bind="cmdParagraphSettingsData" />
+            </CmdWidthLimitationWrapper>
+            <!-- end paragraph --------------------------------------------------------------------------------------------------->
+
             <!-- begin section --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-section">
@@ -1342,6 +1446,31 @@
             </CmdWidthLimitationWrapper>
             <!-- end slideshow --------------------------------------------------------------------------------------------------->
 
+            
+            <!-- begin smart-search --------------------------------------------------------------------------------------------------->
+            <CmdWidthLimitationWrapper>
+                <h2 class="headline-demopage" id="section-smart-search">
+                    <span>Smart Search</span>
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
+                        @click.prevent="openSettingsSidebar('CmdSmartSearch')"></a>
+                </h2>
+                smartSearchString: {{ smartSearchString }}
+                <CmdSmartSearch 
+                    ref="CmdSmartSearch" 
+                    v-bind="smartSearchSettingsData" 
+                    :listOfRecommendations="smartSearchData.listOfRecommendations"
+                    v-model="smartSearchString" 
+                />
+                smartSearchObject: {{ smartSearchObject }}
+                <CmdSmartSearch 
+                    ref="CmdSmartSearch" 
+                    v-bind="smartSearchSettingsData" 
+                    :listOfRecommendations="smartSearchData.listOfRecommendations"
+                    v-model="smartSearchObject" 
+                />
+            </CmdWidthLimitationWrapper>
+            <!-- end smart-search --------------------------------------------------------------------------------------------------->
+
             <!-- begin social-networks --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-social-networks">
@@ -1372,11 +1501,6 @@
                 </h2>
                 <CmdSystemMessage ref="CmdSystemMessage" v-bind="cmdSystemMessageSettingsData"
                     :iconMessage="{ iconClass: 'icon-error-circle', show: true }">
-                    <ul>
-                        <li>Error #1</li>
-                        <li>Error #2</li>
-                        <li>Error #3</li>
-                    </ul>
                 </CmdSystemMessage>
             </CmdWidthLimitationWrapper>
             <!-- end system-message --------------------------------------------------------------------------------------------------->
@@ -1420,6 +1544,18 @@
             </CmdWidthLimitationWrapper>
             <!-- end tabs --------------------------------------------------------------------------------------------------->
 
+            <!-- begin tags --------------------------------------------------------------------------------------------------->
+            <CmdWidthLimitationWrapper>
+                <h2 class="headline-demopage" id="section-tag">
+                    <span>Tag</span>
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
+                        @click.prevent="openSettingsSidebar('CmdTag')">
+                    </a>
+                </h2>
+                <CmdTag ref="CmdTag" v-bind="cmdTagSettingsData" />
+            </CmdWidthLimitationWrapper>
+            <!-- end tags --------------------------------------------------------------------------------------------------->
+
             <!-- begin text-image-block --------------------------------------------------------------------------------------------------->
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-text-image-block">
@@ -1537,7 +1673,7 @@
                     <a href="#" class="button small icon-cog" title="Open Component Settings"
                         @click.prevent="openSettingsSidebar('CmdWidthLimitationWrapper')"></a>
                 </h2>
-                <CmdWidthLimitationWrapper style="border: 1px dotted gray" ref="CmdWidthLimitationWrapper"
+                <CmdWidthLimitationWrapper style="border: 1px  dashed var(--color-gray-30)" ref="CmdWidthLimitationWrapper"
                     v-bind="cmdWidthLimitationWrapperSettingsData">
                     <p>Slot-content</p>
                     <p>Slot-content</p>
@@ -1617,6 +1753,7 @@ import inputGroupRadiobuttonsData from '@/assets/data/input-group-radiobuttons.j
 import inputGroupReplacedRadiobuttonsData from '@/assets/data/input-group-replaced-radiobuttons.json'
 import inputGroupToggleSwitchRadiobuttonsData from '@/assets/data/input-group-toggle-switch-radiobuttons.json'
 import listData from '@/assets/data/list.json'
+import descriptionListData from '@/assets/data/list-description-list.json'
 import listOfTagsData from '@/assets/data/list-of-tags.json'
 import switchLanguage from '@/assets/data/switch-language.json'
 import mailToolData from '@/assets/data/mail-tool.json'
@@ -1664,7 +1801,7 @@ export default {
     },
     data() {
         return {
-            smartSearchObject: {},
+            smartSearchObject: {id: 3, displayValue: "smartSearchDisplayValue"},
             smartSearchString: "",
             selectedLanguage: "none",
             fancyBoxCookieDisclaimer: false,
@@ -1816,6 +1953,7 @@ export default {
             switchLanguage,
             listData,
             listOfTagsData,
+            descriptionListData,
             multistepsData,
             mailToolData,
             navigationData,

package/src/assets/data/box-product.json

@@ -2,8 +2,9 @@
   {
     "name": "Product name 1",
     "image": {
-      "src": "media/images/demo-images/medium/landscape-01.jpg",
-      "alt": "Alternative text"
+      "src": "/media/images/demo-images/medium/landscape-01.jpg",
+      "alt": "Alternative text",
+      "figcaption": "Product name 1"
     },
     "articleNumber": "AB12345",
     "price": 123.45,
@@ -14,8 +15,9 @@
   {
     "name": "Product name 2",
     "image": {
-      "src": "media/images/demo-images/medium/landscape-02.jpg",
-      "alt": "Alternative text"
+      "src": "/media/images/demo-images/medium/landscape-02.jpg",
+      "alt": "Alternative text",
+      "figcaption": "Product name 2"
     },
     "articleNumber": "AB12346",
     "price": 123.46,
@@ -26,8 +28,9 @@
   {
     "name": "Product name 3",
     "image": {
-      "src": "media/images/demo-images/medium/landscape-03.jpg",
-      "alt": "Alternative text"
+      "src": "/media/images/demo-images/medium/landscape-03.jpg",
+      "alt": "Alternative text",
+      "figcaption": "Product name 3"
     },
     "articleNumber": "AB12347",
     "price": 123.47,
@@ -38,8 +41,9 @@
   {
     "name": "Product name 4",
     "image": {
-      "src": "media/images/demo-images/medium/landscape-04.jpg",
-      "alt": "Alternative text"
+      "src": "/media/images/demo-images/medium/landscape-04.jpg",
+      "alt": "Alternative text",
+      "figcaption": "Product name 4"
     },
     "articleNumber": "AB12348",
     "price": 123.48,
@@ -50,8 +54,9 @@
   {
     "name": "Product name 5",
     "image": {
-      "src": "media/images/demo-images/medium/landscape-05.jpg",
-      "alt": "Alternative text"
+      "src": "/media/images/demo-images/medium/landscape-05.jpg",
+      "alt": "Alternative text",
+      "figcaption": "Product name 5"
     },
     "articleNumber": "AB12349",
     "price": 123.49,

package/src/assets/data/box-user.json

@@ -5,7 +5,7 @@
     "gender": "m",
     "image": {
       "src": "/media/images/user-images/fake-user-1.jpg",
-      "altText": "Alt text"
+      "alt": "Alt text"
     },
     "profession": "User profession",
     "position": "User position",
@@ -41,7 +41,7 @@
         }
       },
       {
-        "path": "https://www.comand-cms.com",
+        "path": "https://www.comand-ui.com",
         "target": "comand",
         "icon": {
           "iconClass": "icon-globe",
@@ -56,7 +56,7 @@
     "gender": "m",
     "image": {
       "src": "/media/images/user-images/fake-user-3.jpg",
-      "altText": "Alt text"
+      "alt": "Alt text"
     },
     "profession": "User profession",
     "position": "User position",
@@ -70,7 +70,7 @@
         }
       },
       {
-        "path": "https://www.comand-cms.com",
+        "path": "https://www.comand-ui.com",
         "target": "comand",
         "icon": {
           "iconClass": "icon-globe",
@@ -92,7 +92,7 @@
     "gender": "m",
     "image": {
       "src": "/media/images/user-images/fake-user-4.jpg",
-      "altText": "Alt text"
+      "alt": "Alt text"
     },
     "profession": "User profession",
     "position": "User position",
@@ -106,7 +106,7 @@
         }
       },
       {
-        "path": "https://www.comand-cms.com",
+        "path": "https://www.comand-ui.com",
         "target": "comand",
         "icon": {
           "iconClass": "icon-globe",
@@ -128,7 +128,7 @@
     "gender": "m",
     "image": {
       "src": "/media/images/user-images/fake-user-5.jpg",
-      "altText": "Alt text"
+      "alt": "Alt text"
     },
     "profession": "User profession",
     "position": "User position",
@@ -142,7 +142,7 @@
         }
       },
       {
-        "path": "https://www.comand-cms.com",
+        "path": "https://www.comand-ui.com",
         "target": "comand",
         "icon": {
           "iconClass": "icon-globe",

package/src/assets/data/list-description-list.json

@@ -0,0 +1,74 @@
+{
+  "text": [
+    {
+      "descriptionTerm": {
+        "text": "Description Term #1"
+      },
+      "descriptionData": {
+        "text": "Description Data #1"
+      }
+    },
+    {
+      "descriptionTerm": {
+        "text": "Description Term #2"
+      },
+      "descriptionData": {
+        "text": "Description Data #2"
+      }
+    },
+    {
+      "descriptionTerm": {
+        "text": "Description Term #3"
+      },
+      "descriptionData": {
+        "text": "Description Data #3"
+      }
+    }
+  ],
+  "icons": [
+    {
+      "descriptionTerm": {
+        "cmdIcon": {
+          "show": true,
+          "iconClass": "icon-home",
+          "tooltip": "Href with anchor"
+        }
+      },
+      "descriptionData": {
+        "cmdLink": {
+          "linkType": "href",
+          "text": "Description data in link ",
+          "path": "#anchor-back-to-top"
+        }
+      }
+    },
+    {
+      "descriptionTerm": {
+        "cmdIcon": {
+          "show": true,
+          "iconClass": "icon-user-profile",
+          "tooltip": "Href with anchor"
+        }
+      },
+      "descriptionData": {
+        "text": "Data without link"
+      }
+    },
+    {
+      "descriptionTerm": {
+        "cmdIcon": {
+          "show": true,
+          "iconClass": "icon-phone",
+          "tooltip": "Href with anchor"
+        }
+      },
+      "descriptionData": {
+        "cmdLink": {
+          "linkType": "href",
+          "text": "Description data in link",
+          "path": "#anchor-back-to-top"
+        }
+      }
+    }
+  ]
+}

package/src/assets/data/listOfComponents.json

@@ -29,6 +29,7 @@
   "PageFooter",
   "PageHeader",
   "Pagination",
+  "Paragraph",
   "Section",
   "SiteFooter",
   "SiteHeader",
@@ -39,7 +40,8 @@
   "SwitchLanguage",
   "SystemMessage",
   "Tables",
-  "Tags",
+  "Tabs",
+  "Tag",
   "TextImageBlock",
   "ThumbnailScroller",
   "ToggleDarkMode",

package/src/assets/data/pages/boxes-team-overview.json

@@ -49,7 +49,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -74,7 +74,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -104,7 +104,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -134,7 +134,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -199,7 +199,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -224,7 +224,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -254,7 +254,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"
@@ -284,7 +284,7 @@
               "tooltip": "Send mail"
             },
             {
-              "path": "https://www.comand-cms.com",
+              "path": "https://www.comand-ui.com",
               "target": "comand",
               "iconClass": "icon-globe",
               "tooltip": "Visit website"