Merge pull request #1895 from smeup/fix-showcase-root

Fix showcase root
smeup · May 17, 2024 · 645ed67 · 645ed67
2 parents bce6528 + 0247ad6
commit 645ed67
Show file tree

Hide file tree

Showing 119 changed files with 250 additions and 287 deletions.
diff --git a/README.md b/README.md
@@ -75,7 +75,7 @@ import { defineCustomElements } from '@sme.up/ketchup/dist/loader';
 defineCustomElements(window);
 ```
 
--   Use Ketchup components in your pages. About components and their props and events see [Ketchup Showcase](https://ketchup.smeup.com/). A simple sample for a Ketchup button can be:
+-   Use Ketchup components in your pages. About components and their props and events see [Ketchup Showcase](https://smeup.github.io/ketchup/). A simple sample for a Ketchup button can be:
 
 ```
 <kup-button label="I'm a button" @kup-button-click="myButtonAction" />

diff --git a/docs/styleGuide.md b/docs/styleGuide.md
@@ -69,7 +69,7 @@ Ideally, component classes should be structured like this:
     /**
      * Custom style of the component.
      * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     * @see https://smeup.github.io/ketchup/#/customization
      */
     @Prop() customStyle: string = '';
 ```
@@ -230,7 +230,7 @@ Almost all Ketchup components should include these features:
 -   customStyle
 -   debugging
 
-The `customStyle` prop allows a custom stylesheet to be defined inside a component. More info [here](https://ketchup.smeup.com/ketchup-showcase/#/customization).
+The `customStyle` prop allows a custom stylesheet to be defined inside a component. More info [here](https://smeup.github.io/ketchup/#/customization).
 
 Debugging is useful to understand a component's performances.
 
@@ -251,7 +251,7 @@ Both these features (among many others) reside in an API called `KupManager`, wh
     /**
      * Custom style of the component.
      * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     * @see https://smeup.github.io/ketchup/#/customization
      */
     @Prop() customStyle: string = '';
 ```

diff --git a/packages/ketchup-showcase/src/views/components/advanced/box/examples/BoxDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/box/examples/BoxDemo.vue
@@ -184,7 +184,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/...es/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistBasic.vue b/...es/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistBasic.vue
@@ -3,9 +3,7 @@
     <div class="demo-wrapper">
       <p
         >Button lists are a set of
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/button"
-          >kup-button</a
-        >
+        <a href="https://smeup.github.io/ketchup/#/button">kup-button</a>
         elements. </p
       ><br />
       <p>For this reason, they inherit their style.</p>

diff --git a/...ges/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistDemo.vue b/...ges/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistDemo.vue
@@ -106,7 +106,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/calendar/examples/CalendarDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/calendar/examples/CalendarDemo.vue
@@ -71,7 +71,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/card/examples/CardBasic.vue b/packages/ketchup-showcase/src/views/components/advanced/card/examples/CardBasic.vue
@@ -14,59 +14,49 @@
       >
       <br />
       <span class="code-word">autocomplete</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/autocomplete"
+      <a href="https://smeup.github.io/ketchup/#/autocomplete"
         >kup-autocomplete</a
       >
       <br />
       <span class="code-word">button</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/button"
-        >kup-button</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/button">kup-button</a>
       props.
       <br />
       <span class="code-word">cell</span>: array of cells.
       <br />
       <span class="code-word">chart</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/chart">kup-chart</a>
+      <a href="https://smeup.github.io/ketchup/#/chart">kup-chart</a>
       props.
       <br />
       <span class="code-word">checkbox</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/checkbox"
-        >kup-checkbox</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/checkbox">kup-checkbox</a>
       <br />
       <span class="code-word">chip</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/button">kup-chip</a>
+      <a href="https://smeup.github.io/ketchup/#/button">kup-chip</a>
       props.
       <br />
       <span class="code-word">color</span>: array of CSS color strings.
       <br />
       <span class="code-word">columns</span>: array of columns.
       <br />
       <span class="code-word">combobox</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/combobox"
-        >kup-combobox</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/combobox">kup-combobox</a>
       props.
       <br />
       <span class="code-word">datatable</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/datatable"
-        >kup-data-table</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/datatable">kup-data-table</a>
       props.
       <br />
       <span class="code-word">datepicker</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/datepicker"
-        >kup-date-picker</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/datepicker">kup-date-picker</a>
       props.
       <br />
       <span class="code-word">image</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/image">kup-image</a>
+      <a href="https://smeup.github.io/ketchup/#/image">kup-image</a>
       props.
       <br />
       <span class="code-word">list</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/list">kup-list</a>
+      <a href="https://smeup.github.io/ketchup/#/list">kup-list</a>
       props.
       <br />
       <span class="code-word">object</span>: array of objects containing
@@ -76,33 +66,27 @@
       built-in layouts and it contains their settings.
       <br />
       <span class="code-word">progressbar</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/progressbar"
+      <a href="https://smeup.github.io/ketchup/#/progressbar"
         >kup-progress-bar</a
       >
       props.
       <br />
       <span class="code-word">tabbar</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/tabbar"
-        >kup-tab-bar</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/tabbar">kup-tab-bar</a>
       props.
       <br />
       <span class="code-word">text</span>: array of strings.
       <br />
       <span class="code-word">textfield</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/textfield"
-        >kup-text-field</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/textfield">kup-text-field</a>
       props.
       <br />
       <span class="code-word">timepicker</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/timepicker"
-        >kup-time-picker</a
-      >
+      <a href="https://smeup.github.io/ketchup/#/timepicker">kup-time-picker</a>
       props.
       <br />
       <span class="code-word">tree</span>: array of objects containing
-      <a href="https://ketchup.smeup.com/ketchup-showcase/#/tree">kup-tree</a>
+      <a href="https://smeup.github.io/ketchup/#/tree">kup-tree</a>
       props.
       <br />
       <br />

diff --git a/packages/ketchup-showcase/src/views/components/advanced/card/examples/CardDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/card/examples/CardDemo.vue
@@ -64,7 +64,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListBasic.vue b/packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListBasic.vue
@@ -3,9 +3,7 @@
     <div class="demo-wrapper">
       <p
         >Cards lists are a set of scalable
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/button"
-          >kup-card</a
-        >
+        <a href="https://smeup.github.io/ketchup/#/button">kup-card</a>
         elements. </p
       ><br />
       <p>For this reason, they inherit their style.</p>

diff --git a/packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListDemo.vue
@@ -54,7 +54,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/cell/examples/CellDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/cell/examples/CellDemo.vue
@@ -63,7 +63,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/chart/examples/ChartDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/chart/examples/ChartDemo.vue
@@ -82,7 +82,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization.',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization.',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/dashboard/examples/DashboardDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/dashboard/examples/DashboardDemo.vue
@@ -47,7 +47,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/datatable/examples/DatatableDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/datatable/examples/DatatableDemo.vue
@@ -183,7 +183,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/...ges/ketchup-showcase/src/views/components/advanced/familytree/examples/FamilyTreeDemo.vue b/...ges/ketchup-showcase/src/views/components/advanced/familytree/examples/FamilyTreeDemo.vue
@@ -98,7 +98,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/form/examples/FormDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/form/examples/FormDemo.vue
@@ -71,7 +71,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/imagelist/examples/ImageListDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/imagelist/examples/ImageListDemo.vue
@@ -61,7 +61,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/...ges/ketchup-showcase/src/views/components/advanced/inputpanel/examples/InputPanelDemo.vue b/...ges/ketchup-showcase/src/views/components/advanced/inputpanel/examples/InputPanelDemo.vue
@@ -32,7 +32,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/planner/examples/PlannerDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/planner/examples/PlannerDemo.vue
@@ -63,7 +63,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/advanced/tree/examples/TreeDemo.vue b/packages/ketchup-showcase/src/views/components/advanced/tree/examples/TreeDemo.vue
@@ -149,7 +149,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/basic/accordion/examples/AccordionDemo.vue b/packages/ketchup-showcase/src/views/components/basic/accordion/examples/AccordionDemo.vue
@@ -102,7 +102,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/...s/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteBasic.vue b/...s/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteBasic.vue
@@ -32,11 +32,9 @@
         <br />Considering that this component is pretty much a mix of two other
         ones, it can be styled accordingly by using their props. To learn more
         about styling options for each one of them, check
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/textfield"
-          >Text Field</a
-        >
+        <a href="https://smeup.github.io/ketchup/#/textfield">Text Field</a>
         and
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/list">List</a>.
+        <a href="https://smeup.github.io/ketchup/#/list">List</a>.
       </p>
       <p class="centered">Sample markup</p>
       <code class="flat">{{ markupBasic }}</code>

diff --git a/...es/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteDemo.vue b/...es/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteDemo.vue
@@ -128,7 +128,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeBasic.vue b/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeBasic.vue
@@ -12,7 +12,7 @@
         <span class="code-word">text</span> must be empty.
         <span class="code-word">imageData</span> is basically a set of props
         passed to the image component, to learn more about it check the
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/badge">Image</a>
+        <a href="https://smeup.github.io/ketchup/#/image">Image</a>
         page.
       </p>
       <p class="centered">Sample markup</p>

diff --git a/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeDemo.vue b/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeDemo.vue
@@ -89,7 +89,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeStyling.vue b/packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeStyling.vue
@@ -63,8 +63,7 @@ export default {
       },
       imageDataURL: {
         sizeX: 'auto',
-        resource:
-          'https://ketchup.smeup.com/ketchup-showcase/header_logo_dark.svg',
+        resource: 'https://smeup.github.io/ketchup/header_logo_dark.svg',
       },
       markupPosition: '<kup-badge class="top-right"></kup-badge>',
     };

diff --git a/packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonDemo.vue b/packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonDemo.vue
@@ -127,7 +127,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonStyling.vue b/packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonStyling.vue
@@ -85,7 +85,7 @@
         If you want to use an icon to give further emphasis to the button's
         meaning, you can use the attribute
         <span class="code-word">icon</span> and specify a value supported by the
-        <a href="https://ketchup.smeup.com/ketchup-showcase/#/image"
+        <a href="https://smeup.github.io/ketchup/#/image"
           >Ketchup Icon component</a
         >. It's important to specify both
         <span class="code-word">label</span> and

diff --git a/packages/ketchup-showcase/src/views/components/basic/checkbox/examples/CheckboxDemo.vue b/packages/ketchup-showcase/src/views/components/basic/checkbox/examples/CheckboxDemo.vue
@@ -89,7 +89,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',

diff --git a/packages/ketchup-showcase/src/views/components/basic/chip/examples/ChipDemo.vue b/packages/ketchup-showcase/src/views/components/basic/chip/examples/ChipDemo.vue
@@ -90,7 +90,7 @@ export default {
         {
           prop: 'customStyle',
           description:
-            'Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization',
+            'Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization',
           type: 'string',
           default: '""',
           try: 'css',