@gravitee/ui-components 3.27.0 → 3.27.2

package/src/molecules/gv-card-full/gv-card-full.stories.js

@@ -0,0 +1,114 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-card-full';
+import horizontalImage from '../../../assets/images/gravitee-logo-cyan.svg';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+const name = 'Supernova';
+const description = 'Tempore quo primis auspiciis in mundanum fulgorem surgeret victura dum erunt homines Roma, ' +
+    'ut augeretur sublimibus incrementis, foedere pacis aeternae Virtus convenit atque  plerumque dissidentes,';
+const version = 'v.1.1';
+const states = [{ value: 'beta' }, { value: 'running', major: true }];
+const ratingSummary = { average: 3.4, count: 124 };
+const labels = ['APIDays', 'December', 'Foobar'];
+const owner = { display_name: 'Garry Marshall' };
+const applicationMetrics = Promise.resolve({ subscribers: '3' });
+const api = Promise.resolve({
+    name,
+    description,
+    version,
+    states,
+    labels,
+    rating_summary: ratingSummary,
+});
+const application = Promise.resolve({ name: `${name} app`, description, applicationType: 'Web' });
+export default {
+    title: 'Molecules/gv-card-full',
+    component: 'gv-card-full',
+};
+const conf = {
+    component: 'gv-card-full',
+    css: `
+      gv-card-full {
+        max-width: 500px;
+      }
+    `,
+};
+const apiItems = [
+    { item: api },
+    { item: api, metrics: { hits: '11M+' } },
+    { item: api, metrics: { hits: '11M+', subscribers: '689' } },
+    { item: api, metrics: { hits: '11M+', subscribers: '689', health: '0.95' } },
+    {
+        item: {
+            name: 'Long Supernova with empty description',
+            version,
+            _links: { picture: horizontalImage },
+        },
+    },
+    {
+        item: {
+            name: 'Supernova with owner name',
+            description,
+            version,
+            labels,
+            states,
+            owner,
+        },
+    },
+];
+const appItems = [{ item: application }, { item: application, metrics: applicationMetrics }];
+export const Api = makeStory(conf, {
+    items: apiItems,
+});
+export const Applications = makeStory(conf, {
+    items: appItems,
+});
+export const empty = makeStory(conf, {
+    items: [{ item: {} }],
+});
+let itemResolver;
+let metricResolver;
+export const loading = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.item = new Promise((resolve) => (itemResolver = resolve));
+            component.metrics = new Promise((resolve) => (metricResolver = resolve));
+        }),
+        storyWait(750, ([component]) => {
+            itemResolver(api);
+        }),
+        storyWait(2000, ([component]) => {
+            metricResolver({ hits: '11M+', subscribers: '689', health: '0.95' });
+        }),
+    ],
+});
+export const loadingAndError = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.item = new Promise((resolve, reject) => (itemResolver = reject));
+            component.metrics = new Promise((resolve) => (metricResolver = resolve));
+        }),
+        storyWait(2000, ([component]) => {
+            itemResolver({});
+        }),
+        storyWait(750, ([component]) => {
+            metricResolver({ hits: '11M+', subscribers: '689', health: '0.95' });
+        }),
+    ],
+});
+//# sourceMappingURL=gv-card-full.stories.js.map

package/src/molecules/gv-card-full/gv-card-full.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-card-full.stories.js","sourceRoot":"","sources":["../../../../src/molecules/gv-card-full/gv-card-full.stories.js"],"names":[],"mappings":"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"}

package/src/molecules/gv-card-full/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-card-full';

package/src/molecules/gv-card-full/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-card-full';
+//# sourceMappingURL=index.js.map

package/src/molecules/gv-card-full/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/gv-card-full/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,gBAAgB,CAAC"}

package/src/molecules/{gv-card-list.js → gv-card-list/gv-card-list.js}

@@ -15,9 +15,9 @@
  */
 import { css, LitElement, html } from 'lit';
 import { repeat } from 'lit/directives/repeat';
-import { withResizeObserver } from '../mixins/with-resize-observer';
-import { i18n } from '../lib/i18n';
-import './gv-card-full';
+import { withResizeObserver } from '../../mixins/with-resize-observer';
+import { i18n } from '../../lib/i18n';
+import '../gv-card-full';
 /**
  * List of cards
  *

package/src/molecules/gv-card-list/gv-card-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-card-list.js","sourceRoot":"","sources":["../../../../src/molecules/gv-card-list/gv-card-list.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,iBAAiB,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAC5D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SACvB,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,WAAW,GAAG;YACjB,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;SACnB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,IAAI,EAAE,KAAK;QACpB,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5D,OAAO,IAAI,CAAA,qCAAqC,KAAK,eAAe,QAAQ,oBAAoB,CAAC;IACnG,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAA,QAAQ,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAA,GAAG,MAAM,CAClB,IAAI,CAAC,KAAK,EACV,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACd,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAC9C,EAAE,CAAC;SACL;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAClC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBACxD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC5B,UAAU,CAAC,GAAG,EAAE;wBACd,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;oBAC7B,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC;gBAClB,CAAC,CAAC,CAAC;aACJ;SACF;IACH,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

package/src/molecules/gv-card-list/gv-card-list.stories.d.ts

@@ -0,0 +1,81 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+}
+export default _default;
+export const basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loadingAndError: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/molecules/gv-card-list/gv-card-list.stories.js

@@ -0,0 +1,76 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import '../gv-category-list';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+import horizontalImage from '../../../assets/images/gravitee-logo-cyan.svg';
+const name = 'Supernova';
+const description = 'Tempore quo primis auspiciis in mundanum fulgorem surgeret victura dum erunt homines Roma, ' +
+    'ut augeretur sublimibus incrementis, foedere pacis aeternae Virtus convenit atque  plerumque dissidentes,';
+const version = 'v.1.1';
+const states = [{ value: 'beta' }, { value: 'running', major: true }];
+const ratingSummary = { average: 3.4, count: 124 };
+const labels = ['APIDays', 'December', 'Foobar'];
+const apiMetrics = Promise.resolve({ hits: '11M+', subscribers: '689', health: '0.95' });
+const api = Promise.resolve({
+    name,
+    description,
+    version,
+    states,
+    labels,
+    rating_summary: ratingSummary,
+});
+const apiItems = [
+    { item: api },
+    { item: api, metrics: apiMetrics },
+    {
+        item: {
+            name: 'Long Supernova with empty description',
+            version,
+            _links: { picture: horizontalImage },
+        },
+    },
+];
+export default {
+    title: 'Molecules/gv-card-list',
+    component: 'gv-card-list',
+};
+const conf = {
+    component: 'gv-card-list',
+    events: ['gv-card:click'],
+};
+export const basics = makeStory(conf, {
+    items: [{ items: apiItems }],
+});
+export const empty = makeStory(conf, {
+    items: [{}],
+});
+export const loading = makeStory(conf, {
+    items: [{ items: new Array(apiItems.length).fill({ item: null, metrics: null }) }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.items = apiItems;
+        }),
+    ],
+});
+export const loadingAndError = makeStory(conf, {
+    items: [{ items: new Array(apiItems.length) }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.items = apiItems.map(() => ({ item: Promise.reject(new Error()), metrics: null }));
+        }),
+    ],
+});
+//# sourceMappingURL=gv-card-list.stories.js.map

package/src/molecules/gv-card-list/gv-card-list.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-card-list.stories.js","sourceRoot":"","sources":["../../../../src/molecules/gv-card-list/gv-card-list.stories.js"],"names":[],"mappings":"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"}

package/src/molecules/gv-card-list/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-card-list';

package/src/molecules/gv-card-list/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-card-list';
+//# sourceMappingURL=index.js.map

package/src/molecules/gv-card-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/gv-card-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,gBAAgB,CAAC"}

package/src/molecules/{gv-category.js → gv-category/gv-category.js}

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 import { LitElement, html, css } from 'lit';
-import { truncate } from '../lib/utils';
+import { truncate } from '../../lib/utils';
 import { classMap } from 'lit/directives/class-map';
-import { dispatchCustomEvent } from '../lib/events';
-import { i18n } from '../lib/i18n';
-import { withSkeletonAttribute } from '../mixins/with-skeleton-attribute';
+import { dispatchCustomEvent } from '../../lib/events';
+import { i18n } from '../../lib/i18n';
+import { withSkeletonAttribute } from '../../mixins/with-skeleton-attribute';
 /**
  * A card used to display a category
  *

package/src/molecules/gv-category/gv-category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category/gv-category.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,UAAW,SAAQ,qBAAqB,CAAC,UAAU,CAAC;IAC/D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyEF;SACF,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC;IACvC,CAAC;IAED,IAAI,CAAC,QAAQ;QACX,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACjC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,QAAQ;QACN,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtC,OAAO,IAAI,CAAA;eACA,IAAI,CAAC,QAAQ;eACb,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;;QAE5F,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM;YAC1B,CAAC,CAAC,IAAI,CAAA;0BACY,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;sBAC1C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC;;WAE9E;YACH,CAAC,CAAC,IAAI,CAAA;;6BAEe,IAAI,CAAC,SAAS;gCACX,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;2BACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;mCAE9C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE;;;uCAG1D,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YACjF,CAAC;IACX,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/src/molecules/gv-category/gv-category.stories.d.ts

@@ -0,0 +1,81 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+}
+export default _default;
+export const Basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loadingAndError: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/molecules/gv-category/gv-category.stories.js

@@ -0,0 +1,59 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-category';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+import picture from '../../../assets/images/avatar.png';
+export default {
+    title: 'Molecules/gv-category',
+    component: 'gv-category',
+};
+const conf = {
+    component: 'gv-category',
+};
+const description = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ' +
+    'et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo' +
+    ' consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et ' +
+    'dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ' +
+    'ea commodo consequat.';
+const category = { name: 'Truncated description if > 4 lines (Default)', description, _links: { picture }, total_apis: 5 };
+const items = [
+    { category: { name: 'Title', total_apis: 0 } },
+    { category },
+    { category: { name: 'Title + description + description limit', description, total_apis: 132 }, limit: 150 },
+];
+export const Basics = makeStory(conf, {
+    items,
+});
+export const empty = makeStory(conf, {
+    items: [{}],
+});
+export const loading = makeStory(conf, {
+    items: [{ category: null }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.category = category;
+        }),
+    ],
+});
+export const loadingAndError = makeStory(conf, {
+    items: [{ category: null }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.category = Promise.reject(new Error());
+        }),
+    ],
+});
+//# sourceMappingURL=gv-category.stories.js.map

package/src/molecules/gv-category/gv-category.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category.stories.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category/gv-category.stories.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,OAAO,MAAM,mCAAmC,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,MAAM,WAAW,GACf,sGAAsG;IACtG,0HAA0H;IAC1H,qHAAqH;IACrH,6GAA6G;IAC7G,uBAAuB,CAAC;AAE1B,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,8CAA8C,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;AAC3H,MAAM,KAAK,GAAG;IACZ,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;IAC9C,EAAE,QAAQ,EAAE;IACZ,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,yCAAyC,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;CAC5G,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;IACpC,KAAK;CACN,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE;IACrC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3B,WAAW,EAAE;QACX,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChC,CAAC,CAAC;KACH;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE;IAC7C,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3B,WAAW,EAAE;QACX,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC;KACH;CACF,CAAC,CAAC"}

package/src/molecules/gv-category/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-category';

package/src/molecules/gv-category/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-category';
+//# sourceMappingURL=index.js.map

package/src/molecules/gv-category/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,eAAe,CAAC"}

package/src/molecules/{gv-category-list.d.ts → gv-category-list/gv-category-list.d.ts}

@@ -14,4 +14,4 @@
 export class GvCategoryList extends GvCardList {
     _getCategoryBackgroundColor(index: any): string;
 }
-import { GvCardList } from "./gv-card-list";
+import { GvCardList } from "../gv-card-list/gv-card-list";

package/src/molecules/{gv-category-list.js → gv-category-list/gv-category-list.js}

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 import { css, html } from 'lit';
-import './gv-category';
-import { GvCardList } from './gv-card-list';
+import '../gv-category';
+import { GvCardList } from '../gv-card-list';
 /**
  * List of categories
  *

package/src/molecules/gv-category-list/gv-category-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category-list.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category-list/gv-category-list.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,eAAe;YACf,GAAG,CAAA;;;;;;;;;OASF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,IAAI,EAAE,KAAK;QACpB,OAAO,IAAI,CAAA,wCAAwC,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,mBAAmB,CAAC;IACxI,CAAC;IAED,2BAA2B,CAAC,KAAK;QAC/B,OAAO,iCAAiC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7D,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC"}

package/src/molecules/gv-category-list/gv-category-list.stories.d.ts

@@ -0,0 +1,86 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+    namespace parameters {
+        namespace chromatic {
+            const delay: number;
+        }
+    }
+}
+export default _default;
+export const basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const loadingAndError: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};