comand-component-library 3.1.43 → 3.1.46

package/src/documentation/data/CmdBoxHelp.js

@@ -0,0 +1,45 @@
+export default [`<CmdBox
+:cmdCustomHeadline="{
+    headlineText: 'Headline given by property',
+    headlineLevel: 5
+}"
+textBody="Content given by property"
+/>`,
+`<CmdBox
+:cmdCustomHeadline="{
+  headlineText: 'Headline given by property',
+  headlineLevel: 5
+}"
+textBody="Content given by property"
+:collapsible="true"
+/>`,
+`<CmdBox :useSlot="true">
+    <template v-slot:header>
+        <h5>
+          Headline given by slot
+        </h5>
+    </template>
+    <template v-slot:body>
+        <p class="padding">
+            Content given by slot
+        </p>
+    </template>
+    <template v-slot:footer>
+        <p>
+            Footer given by slot
+        </p>
+    </template>
+</CmdBox>`,
+`<CmdBox 
+  boxType="product" 
+  :product="boxesProduct[0]" 
+  :cmdCustomHeadline="{ headlineLevel: 4}" 
+  @click.prevent="clickedOnProduct"
+/>`,
+`<CmdBox 
+boxType="user" 
+:user="boxesUser[2]" 
+:cmdCustomHeadline="{ 
+  headlineLevel: 4
+}"/>`
+]

package/src/documentation/data/CmdBoxSiteSearchHelp.js

@@ -0,0 +1,11 @@
+export default [
+`<CmdBoxSiteSearch
+    text-legend="Legend"
+    :results="420"
+    :listOfFilters="listOfFilters"
+    :cmdCustomHeadline="{
+        headlineText: 'Search site',
+        headlineLevel: 5
+    }"
+/>`
+]

package/src/documentation/data/CmdBreadcrumbsHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdBreadcrumbs 
+    :breadcrumbLinks="breadcrumbs" 
+    breadcrumbLabel="You are here:"
+/>`
+]

package/src/documentation/data/CmdCompanyLogoHelp.js

@@ -0,0 +1,8 @@
+export default [
+`<CmdCompanyLogo 
+    :link="companyLogoData.link" 
+    altText="CoManD Logo" 
+    :pathDefaultLogo="require('@/assets/images/logo.svg')" 
+    :pathDarkmodeLogo="require('@/assets/images/logo-darkmode.svg')"
+/>`
+]

package/src/documentation/data/CmdCookieDisclaimerHelp.js

@@ -0,0 +1,9 @@
+export default [
+`<CmdCookieDisclaimer 
+    headline="Usage of cookies on this web site"
+    :cookieOptions="cookieDisclaimerData"
+    buttonLabelAcceptAllCookies="Accept all cookies"
+    buttonLabelAcceptCurrentSettings="Accept current settings"
+    @closeCookieDisclaimer="fancyBoxCookieDisclaimer = false"
+/>`
+]

package/src/documentation/data/CmdCopyrightInformation.js

@@ -0,0 +1,2 @@
+export default
+`<CmdCopyrightInformation/>`

package/src/documentation/data/CmdCustomHeadlineHelp.js

@@ -0,0 +1,8 @@
+export default [
+`<CmdCustomHeadline 
+    headlineText="Headline level 1"  
+    :headlineLevel="1" 
+    preHeadlineText="Pre-headline text" 
+    iconClass="icon-user-profile" 
+/>`
+]

package/src/documentation/data/CmdFakeSelectHelp.js

@@ -0,0 +1,60 @@
+export default [
+`<CmdFakeSelect
+    labelText="Labeltext for default selectbox:"
+    :status="formElementStatus"
+    :selectData="fakeSelectOptions"
+    v-model="fakeSelectDefault"
+    required
+    defaultOptionName="Select an option:"
+/>`,
+`<CmdFakeSelect
+    labelText="Selectbox with icons:"
+    :status="formElementStatus"
+    :selectData="fakeSelectOptionsWithIcons"
+    v-model="fakeSelectDefaultWithIcons"
+    defaultOptionName="Select an option:"
+/>`,
+`<CmdFakeSelect
+    labelText="Selectbox with checkboxes:"
+    :status="formElementStatus"
+    :selectData="fakeSelectOptions"
+    v-model="fakeSelectCheckbox"
+    defaultOptionName="Options:"
+    :required="true"
+    id="selectbox-with-checkboxes"
+    type="checkboxOptions"
+    :useCustomTooltip="true"
+/>`,
+`<CmdFakeSelect
+    labelText="Selectbox with slot-content:"
+    :status="formElementStatus"
+    type="content"
+    defaultOptionName="HTML-Content:"
+>
+    <ul class="custom-fake-select-content">
+        <li>
+            <div>
+                <h3>Headline</h3>
+                <p>Some content inside a paragraph</p>
+            </div>
+            <img src="media/images/thumbnail-scroller/thumbnail/logo-cmd-blue-landscape.jpg" alt="image"/>
+        </li>
+    </ul>
+</CmdFakeSelect>`,
+`<CmdFakeSelect
+    labelText="Selectbox with country flags:"
+    :status="formElementStatus"
+    :selectData="fakeSelectCountries"
+    v-model="fakeSelectCountry"
+    defaultOptionName="Select country:"
+    type="country"
+/>`,
+`<CmdFakeSelect
+    labelText="Selectbox with colors:"
+    :status="formElementStatus"
+    :selectData="fakeSelectColors"
+    v-model="fakeSelectColor"
+    required="required"
+    type="color"
+/>`
+]

package/src/documentation/data/CmdFancyBoxHelp.js

@@ -0,0 +1,7 @@
+export default [
+`<CmdFancyBox 
+  :allowEscapeKey="false"
+  >
+    Content
+</CmdFancyBox>`
+]

package/src/documentation/data/CmdFooterNavigationHelp.js

@@ -0,0 +1,5 @@
+export default
+`<CmdFooterNavigation 
+  :footerNavigation="footerNavigationData" 
+  headline="Links" 
+/>`

package/src/documentation/data/CmdFormElementHelp.js

@@ -0,0 +1,189 @@
+export default [
+`<CmdFormElement
+    labelText="Input (type text):"
+    element="input"
+    type="text"
+    :status="formElementStatus"
+    placeholder="Type in text"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type number):"
+    element="input"
+    type="number"
+    :status="formElementStatus"
+    placeholder="Type in number"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type color):"
+    element="input"
+    type="color"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type date):"
+    element="input"
+    type="date"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type datetime-local):"
+    element="input"
+    type="datetime-local"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type password):"
+    element="input"
+    type="password"
+    :status="formElementStatus"
+    placeholder="Type in password"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type file):"
+    element="input"
+    type="file"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type range):"
+    element="input"
+    type="range"
+    :status="formElementStatus"
+    :useCustomTooltip="false"
+    v-model="range"
+/>`,
+`<CmdFormElement
+    :nativeButton="{ 
+        text: 'Submit', 
+        icon: {
+          iconClass: 'icon-edit', 
+          show: true
+        }
+    }"
+    element="button"
+    type="submit"
+    :status="formElementStatus"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    :nativeButton="{ 
+      icon: {
+        iconClass: 'icon-edit', 
+        show: true, 
+        tooltip: 'I am a tooltip'
+      }
+    }"
+    element="button"
+    type="button"
+    :status="formElementStatus"
+    :useCustomTooltip="false"
+/>`,
+`<CmdFormElement
+    labelText="Input (type checkbox)"
+    element="input"
+    type="checkbox"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="checkbox"
+/>`,
+`<CmdFormElement
+    labelText="Input #1 (type radio)"
+    element="input"
+    type="radio"
+    name="radio-group"
+    id="example-radio1"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="radio"
+    inputValue="Radiobutton1"
+/>
+<CmdFormElement
+    labelText="Input #2 (type radio)"
+    element="input"
+    type="radio"
+    name="radio-group"
+    id="example-radio2"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="radio"
+    inputValue="Radiobutton2"
+/>`,
+`<CmdFormElement
+    labelText="Input (type checkbox)"
+    element="input"
+    type="checkbox"
+    :replace-input-type="true"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="checkbox"
+/>`,
+`<CmdFormElement
+    labelText="Input #1 (type radio)"
+    element="input"
+    type="radio"
+    :replace-input-type="true"
+    name="radio-group"
+    id="example-radio1"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="radio"
+    inputValue="Radiobutton1"
+/>
+<CmdFormElement
+    labelText="Input #2 (type radio)"
+    element="input"
+    type="radio"
+    name="radio-group"
+    :replace-input-type="true"
+    id="example-radio2"
+    :status="formElementStatus"
+    tooltipText="This is a tooltip"
+    :useCustomTooltip="false"
+    v-model="radio"
+    inputValue="Radiobutton2"
+/>`,
+`<CmdFormElement
+    labelText="Selectbox"
+    element="select"
+    required="required"
+    :status="formElementStatus"
+    v-model="select"
+    :selectOptions="selectOptions"
+/>`,
+`<CmdFormElement
+    labelText="Datalist:"
+    element="input"
+    type="text"
+    :status="formElementStatus"
+    placeholder="Type in option"
+    :datalist="datalist"
+    tooltipText="This is a tooltip"
+/>`,
+`<CmdFormElement
+    labelText="Textarea:"
+    element="textarea"
+    :status="formElementStatus"
+    placeholder="Type in text"
+    tooltipText="This is a tooltip"
+    v-model="textarea"
+/>`
+]

package/src/documentation/data/CmdFormFiltersHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdFormFilters
+  v-model:selectedOptions="fakeSelectFilterOptions"
+  :selectedOptionsName="getOptionName"
+/>`
+]

package/src/documentation/data/CmdFormHelp.js

@@ -0,0 +1,10 @@
+export default [
+`<CmdForm
+    :use-fieldset="true"
+    novalidate="novalidate"
+    text-legend="Legend">
+    <!-- begin slot-content -->
+    Form content (put form elements here)
+    <!-- end slot-content -->
+</CmdForm>`
+]

package/src/documentation/data/CmdGoogleMapsHelp.js

@@ -0,0 +1,5 @@
+export default [
+`<CmdGoogleMaps 
+  :address="coordinates(addressData.address)"
+/>`
+]

package/src/documentation/data/CmdImageGalleryHelp.js

@@ -0,0 +1,5 @@
+export default [
+`<CmdImageGallery 
+  :images="imageGallery"
+/>`
+]

package/src/documentation/data/CmdImageZoomHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdImageZoom 
+  small-image-url="media/images/content-images/logo-business-edition-landscape.jpg"
+  large-image-url="media/images/content-images/logo-business-edition-landscape-large.jpg" 
+/>`
+]

package/src/documentation/data/CmdListOfLinksHelp.js

@@ -0,0 +1,24 @@
+export default [
+`<CmdListOfLinks 
+    :links="listOfLinks" 
+    :cmdCustomHeadline="{
+      text: 'Links', 
+      level: 5
+    }" 
+/>`,
+`<CmdListOfLinks 
+    :links="listOfLinks" 
+    orientation="horizontal" 
+    :cmdCustomHeadline="{
+        headlineText: 'Links', 
+        headlineLevel: 5
+    }" 
+/>`,
+`<CmdListOfLinks 
+    :links="listOfLinks" 
+    :styleAsBox="true" 
+    :cmdCustomHeadline="{
+      headlineText: 'Links', 
+      headlineLevel: 5
+    }" />`
+]

package/src/documentation/data/CmdLoginFormHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdLoginForm 
+  v-model="loginData" 
+  v-focus
+/>`
+]

package/src/documentation/data/CmdMainNavigationHelp.js

@@ -0,0 +1,7 @@
+export default [
+`<CmdMainNavigation 
+  :stretchMainItems="false"
+  :persistOnMobile="false"
+  :navigationEntries="navigationEntries"
+/>`
+]

package/src/documentation/data/CmdMultistepFormProgressBarHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdMultistepFormProgressBar
+    :multisteps="multistepFormProgressBar"
+    @click="showPageMultistep = $event.index + 1"
+/>`
+]

package/src/documentation/data/CmdOpeningHoursHelp.js

@@ -0,0 +1,10 @@
+export default [
+`<CmdOpeningHours 
+    :openingHours="openingHoursData" 
+    :closed="true" 
+    headline="Opening hours"
+    textOpenClosed="Closed right now!"
+    textHolidaysClosed="Closed on holidays"
+    textMiscInfo="Miscellaneous information" 
+/>`
+]

package/src/documentation/data/CmdPagerHelp.js

@@ -0,0 +1,7 @@
+export default [
+`<CmdPager
+    :items="pagerData.length"
+    :itemsPerPage="1"
+    @click="showPagePager = $event"
+/>`
+]

package/src/documentation/data/CmdProgressBarHelp.js

@@ -0,0 +1,13 @@
+export default [
+`<CmdProgressBar
+    labelText="Progress Bar (with optional output):"
+    id="progress-bar"
+    max="100"
+/>`,
+`<CmdProgressBar
+    labelText="Progress Bar without output:"
+    id="progress-bar"
+    max="100"
+    :showLoadingStatus="false"
+ />`
+]

package/src/documentation/data/CmdShareButtonsHelp.js

@@ -0,0 +1,13 @@
+export default [
+`<CmdShareButtons
+  :share-buttons="shareButtonsJson"
+  :append-page="false"
+/>`,
+`<CmdShareButtons
+    :share-buttons="shareButtonsPage"
+    page="some url"
+/>`,
+`<CmdShareButtons
+  :share-buttons="shareButtonsPage"
+/>`
+]

package/src/documentation/data/CmdSiteHeaderHelp.js

@@ -0,0 +1,21 @@
+export default [
+`<CmdSiteHeader :mainNavigationEntries="navigationData" :sticky="true">
+    <!-- begin slot:top-header -->
+    <template v-slot:top-header>
+        <CmdTopHeaderNavigation 
+            :topHeaderNavigationData="topHeaderNavigationData"
+        />
+    </template>
+    <!-- end slot:top-header -->
+    <!-- begin slot:logo -->
+    <template v-slot:logo>
+        <CmdCompanyLogo 
+            :link="companyLogoData.link" 
+            altText="CoManD Logo" 
+            :pathDefaultLogo="require('@/assets/images/logo.svg')"
+            :pathDarkmodeLogo="require('@/assets/images/logo-darkmode.svg')"
+        />
+    </template>
+    <!-- end slot:logo -->
+</CmdSiteHeader>`
+]

package/src/documentation/data/CmdSlideButtonHelp.js

@@ -0,0 +1,10 @@
+export default [
+`<CmdSlideButton 
+  slideButtonType="prev"
+  @click.prevent="showPrevItem"
+/>
+<CmdSlideButton 
+    slideButtonType="next"
+    @click.prevent="showNextItem"
+ />`
+]

package/src/documentation/data/CmdSlideshowHelp.js

@@ -0,0 +1,7 @@
+export default [
+`<CmdSlideshow 
+    :slideshow-items="slideshowData" 
+    :showCounter="true" 
+    :autoplay="true"
+/>`
+]

package/src/documentation/data/CmdSwitchLanguageHelp.js

@@ -0,0 +1,6 @@
+export default [
+`<CmdSwitchLanguage 
+    :languages="switchLanguagesData"
+    @click="selectLanguage"
+/>`
+]

package/src/documentation/data/CmdSystemMessageHelp.js

@@ -0,0 +1,32 @@
+export default [
+`<CmdSystemMessage
+    validationStatus="error"
+    :fullWidth="true"
+    systemMessage="This is an error message!">
+</CmdSystemMessage>`,
+`<CmdSystemMessage
+    validationStatus="warning"
+    :fullWidth="true"
+    systemMessage="This is a warning message!">
+    <!-- begin slot-content -->
+    <p>This is additional text!</p>
+    <!-- end slot-content -->
+</CmdSystemMessage>`,
+`<CmdSystemMessage
+    validationStatus="success"
+    :fullWidth="true"
+    systemMessage="This is a success message!">
+    <!-- begin slot-content -->
+    <ul>
+        <li>Additional information #1</li>
+        <li>Additional information #2</li>
+        <li>Additional information #3</li>
+    </ul>
+    <!-- end slot-content -->
+</CmdSystemMessage>`,
+`<CmdSystemMessage
+    validationStatus="info"
+    :fullWidth="true"
+    systemMessage="This is an info message!">
+</CmdSystemMessage>`
+]

package/src/documentation/data/CmdTableHelp.js

@@ -0,0 +1,14 @@
+export default [
+`<CmdTable
+    :collapsible="true"
+    :fullWidthOnDefault="false"
+    :userCanToggleWidth="true"
+    :table-data="tableSmall"
+/>`,
+`<CmdTable
+    :collapsible="true"
+    :fullWidthOnDefault="false"
+    :userCanToggleWidth="true"
+    :table-data="tableLarge"
+/>`
+]

package/src/documentation/data/CmdTabsHelp.js

@@ -0,0 +1,10 @@
+export default [
+`<CmdTabs
+    :stretchTabs="false"
+    :tabs="tabs"
+/>`,
+`<CmdTabs
+    :stretchTabs="true"
+    :tabs="tabs"
+/>`
+]

package/src/documentation/data/CmdThumbnailScrollerHelp.js

@@ -0,0 +1,5 @@
+export default [
+`<CmdThumbnailScroller 
+    :thumbnail-scroller-items="thumbnailScroller"
+/>`
+]

package/src/documentation/data/CmdTooltipHelp.js

@@ -0,0 +1,13 @@
+export default [
+`<CmdTooltip
+    related-id="hoverme"
+>
+      Tooltip for hover
+</CmdTooltip>`,
+`<CmdTooltip
+    related-id="clickme"
+    :toggle-visibility-by-click="true"
+>
+      Tooltip for click
+</CmdTooltip>`
+]

package/src/documentation/data/CmdUploadFormHelp.js

@@ -0,0 +1,17 @@
+export default [
+`<CmdUploadForm
+    :cmdCustomHeadline="{headlineText: 'Select files to upload', headlineLevel: 5}"
+    :enableDragAndDrop="true"
+    :allowedFileExtensions="['gif','png','jpg']"
+    :allowMultipleFileUploads="true"
+    :uploadOptions="{url: 'some url'}"
+/>`,
+`<CmdUploadForm
+    :advancedMode="false"
+    :maxFileUploadSize="5242880"
+    :enableDragAndDrop="true"
+    :allowedFileExtensions="['pdf']"
+    :allowMultipleFileUploads="false"
+    :uploadOptions="{url: 'some url'}"
+/>`
+]

package/src/documentation/data/CmdWidthLimitationWrapperHelp.js

@@ -0,0 +1,7 @@
+export default [
+`<CmdWidthLimitationWrapper>
+    <!-- begin slot-content -->
+    Content
+    <!-- end slot-content -->
+</CmdWidthLimitationWrapper>`
+]