Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix showcase root #1895

Merged
merged 2 commits into from
May 17, 2024
Merged

Fix showcase root #1895

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8423155
showcase: fix web app root https://smeup.github.io/ketchup/
pasere-smeup May 16, 2024
0247ad6
showcase: minor fixes
pasere-smeup May 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand Down
6 changes: 3 additions & 3 deletions docs/styleGuide.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 = '';
```
Expand Down Expand Up @@ -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.

Expand All @@ -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 = '';
```
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/box/examples/BoxDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
4 changes: 1 addition & 3 deletions ...es/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistBasic.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion ...ges/ketchup-showcase/src/views/components/advanced/buttonlist/examples/ButtonlistDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/calendar/examples/CalendarDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
46 changes: 15 additions & 31 deletions packages/ketchup-showcase/src/views/components/advanced/card/examples/CardBasic.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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 />
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/card/examples/CardDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
4 changes: 1 addition & 3 deletions packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListBasic.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/cardlist/examples/CardListDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/cell/examples/CellDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/chart/examples/ChartDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/dashboard/examples/DashboardDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/datatable/examples/DatatableDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion ...ges/ketchup-showcase/src/views/components/advanced/familytree/examples/FamilyTreeDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/form/examples/FormDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/imagelist/examples/ImageListDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion ...ges/ketchup-showcase/src/views/components/advanced/inputpanel/examples/InputPanelDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/planner/examples/PlannerDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/advanced/tree/examples/TreeDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/accordion/examples/AccordionDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
6 changes: 2 additions & 4 deletions ...s/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteBasic.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion ...es/ketchup-showcase/src/views/components/basic/autocomplete/examples/AutocompleteDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeBasic.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
3 changes: 1 addition & 2 deletions packages/ketchup-showcase/src/views/components/basic/badge/examples/BadgeStyling.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>',
};
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/button/examples/ButtonStyling.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/checkbox/examples/CheckboxDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/ketchup-showcase/src/views/components/basic/chip/examples/ChipDemo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
Loading