@gravitee/ui-components 3.27.0 → 3.27.1-studio-tabs-1e1ccbc

package/src/molecules/gv-tree/gv-tree.test.js

@@ -0,0 +1,71 @@
+/*
+ * 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 { afterEach, beforeEach, describe, expect, test, jest } from '@jest/globals';
+import { Page, querySelector } from '../../../testing/lib/test-utils';
+import './gv-tree';
+describe('<gv-tree>', () => {
+    let page;
+    let component;
+    beforeEach(() => {
+        page = new Page();
+        component = page.create('gv-tree', {
+            items: [
+                { name: 'page 1', value: 'p1' },
+                { name: 'page 2', value: { id: 'an object', link: 'https://gravitee.io', logo: 'logo' } },
+                {
+                    name: 'folder 1',
+                    id: 'f1',
+                    children: [
+                        { name: 'page 11', value: true },
+                        { name: 'page 12', value: 1234 },
+                    ],
+                },
+                {
+                    name: 'folder 2',
+                    id: 'f2',
+                    children: [
+                        { name: 'page 21', value: 'p21' },
+                        { name: 'page 22', value: 'p22' },
+                        {
+                            name: 'folder 21',
+                            id: 'f21',
+                            children: [
+                                { name: 'page 211', value: 'p211' },
+                                { name: 'page 212', value: 'p212' },
+                            ],
+                            selected: true,
+                        },
+                    ],
+                },
+            ],
+        });
+    });
+    afterEach(() => {
+        page.clear();
+    });
+    test('should create element', () => {
+        expect(window.customElements.get('gv-tree')).toBeDefined();
+        expect(component).toEqual(querySelector('gv-tree'));
+    });
+    test('should expand folder', () => {
+        const folder2 = component.items[3];
+        const requestUpdateSpy = jest.spyOn(component, 'requestUpdate');
+        component._onClick(folder2);
+        expect(component.items[3].expanded).toEqual(true);
+        expect(requestUpdateSpy).toBeCalled();
+    });
+});
+//# sourceMappingURL=gv-tree.test.js.map

package/src/molecules/gv-tree/gv-tree.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-tree.test.js","sourceRoot":"","sources":["../../../../src/molecules/gv-tree/gv-tree.test.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,WAAW,CAAC;AAEnB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,IAAI,IAAI,CAAC;IACT,IAAI,SAAS,CAAC;IAEd,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAClB,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;YACjC,KAAK,EAAE;gBACL,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;gBACzF;oBACE,IAAI,EAAE,UAAU;oBAChB,EAAE,EAAE,IAAI;oBACR,QAAQ,EAAE;wBACR,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;wBAChC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;qBACjC;iBACF;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,EAAE,EAAE,IAAI;oBACR,QAAQ,EAAE;wBACR,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;wBACjC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;wBACjC;4BACE,IAAI,EAAE,WAAW;4BACjB,EAAE,EAAE,KAAK;4BACT,QAAQ,EAAE;gCACR,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;gCACnC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;6BACpC;4BACD,QAAQ,EAAE,IAAI;yBACf;qBACF;iBACF;aACF;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAChC,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAEhE,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5B,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/src/molecules/gv-tree/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-tree';
+//# sourceMappingURL=index.js.map

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

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

package/src/organisms/{gv-documentation.js → gv-documentation/gv-documentation.js}

@@ -14,9 +14,9 @@
  * limitations under the License.
  */
 import { css, html, LitElement } from 'lit';
-import { dispatchCustomEvent } from '../lib/events';
-import { toDom } from '../lib/text-format';
-import { empty } from '../styles/empty';
+import { dispatchCustomEvent } from '../../lib/events';
+import { toDom } from '../../lib/text-format';
+import { empty } from '../../styles/empty';
 import { classMap } from 'lit/directives/class-map';
 /**
  *  Documentation component

package/src/organisms/gv-documentation/gv-documentation.js.map

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

package/src/organisms/gv-documentation/gv-documentation.stories.d.ts

@@ -0,0 +1,105 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+    namespace parameters {
+        namespace options {
+            const showPanel: boolean;
+        }
+    }
+}
+export default _default;
+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 OverrideEmptyMsg: {
+    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 PolicyReadme: {
+    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 WithoutHeader: {
+    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 Async: {
+    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/organisms/gv-documentation/gv-documentation.stories.js

@@ -0,0 +1,61 @@
+/*
+ * 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-documentation';
+import { policyMockReadme } from '../../../testing/resources/adoc/policy-mock-readme';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+export default {
+    title: 'Organisms/gv-documentation',
+    component: 'gv-documentation',
+    parameters: {
+        options: {
+            showPanel: false,
+        },
+    },
+};
+const conf = {
+    component: 'gv-documentation',
+};
+export const Empty = makeStory(conf, {
+    items: [{}],
+});
+export const OverrideEmptyMsg = makeStory(conf, {
+    items: [
+        {
+            innerHTML: `
+      <div slot="empty">
+        <gv-icon shape="text:align-center" style="--gv-icon--s: 96px;"></gv-icon>
+        <div>Content is empty</div>
+      </div>
+    `,
+        },
+    ],
+});
+export const PolicyReadme = makeStory(conf, {
+    items: [{ text: policyMockReadme }],
+});
+export const WithoutHeader = makeStory(conf, {
+    items: [{ text: policyMockReadme, 'without-header': true }],
+});
+export const Async = makeStory(conf, {
+    items: [{ text: '', skeleton: true }],
+    simulations: [
+        storyWait(1000, ([component]) => {
+            component.text = policyMockReadme;
+            component.removeAttribute('skeleton');
+        }),
+    ],
+});
+//# sourceMappingURL=gv-documentation.stories.js.map

package/src/organisms/gv-documentation/gv-documentation.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-documentation.stories.js","sourceRoot":"","sources":["../../../../src/organisms/gv-documentation/gv-documentation.stories.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEvE,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;SACjB;KACF;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,kBAAkB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,IAAI,EAAE;IAC9C,KAAK,EAAE;QACL;YACE,SAAS,EAAE;;;;;KAKZ;SACA;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,EAAE;IAC1C,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,EAAE;IAC3C,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;CAC5D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACrC,WAAW,EAAE;QACX,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,IAAI,GAAG,gBAAgB,CAAC;YAClC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC;KACH;CACF,CAAC,CAAC"}

package/src/organisms/gv-documentation/index.d.ts

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

package/src/organisms/gv-documentation/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-documentation';
+//# sourceMappingURL=index.js.map

package/src/organisms/gv-documentation/index.js.map

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

package/src/organisms/{gv-header.js → gv-header/gv-header.js}

@@ -14,17 +14,17 @@
  * limitations under the License.
  */
 import { css, html, LitElement } from 'lit';
-import '../atoms/gv-button';
-import '../atoms/gv-tag';
-import { i18n } from '../lib/i18n';
-import { isSameRoutes } from '../lib/utils';
+import '../../atoms/gv-button';
+import '../../atoms/gv-tag';
+import { i18n } from '../../lib/i18n';
+import { isSameRoutes } from '../../lib/utils';
 import { repeat } from 'lit/directives/repeat';
 import { until } from 'lit/directives/until';
-import { dispatchCustomEvent } from '../lib/events';
+import { dispatchCustomEvent } from '../../lib/events';
 import { classMap } from 'lit/directives/class-map';
-import { withResizeObserver } from '../mixins/with-resize-observer';
-import { ItemResource } from '../mixins/item-resource';
-import { getNbApisInView, getBackground, getTitle, getVersion } from '../lib/item';
+import { withResizeObserver } from '../../mixins/with-resize-observer';
+import { ItemResource } from '../../mixins/item-resource';
+import { getNbApisInView, getBackground, getTitle, getVersion } from '../../lib/item';
 import { styleMap } from 'lit/directives/style-map';
 /**
  * Header component

package/src/organisms/gv-header/gv-header.js.map

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

package/src/organisms/gv-header/gv-header.stories.d.ts

@@ -0,0 +1,157 @@
+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 BasicsWihoutPicture: {
+    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 WithBackground: {
+    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 WithBackgroundWithoutPicture: {
+    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 WithSubscribe: {
+    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/organisms/gv-header/gv-header.stories.js

@@ -0,0 +1,89 @@
+/*
+ * 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-header';
+import picture from '../../../assets/images/avatar.png';
+import background from '../../../assets/images/gravitee-logo-white.svg';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+const events = ['gv-header:subscribe', 'gv-header:contact', 'gv-link:click'];
+const version = 'v.1.1';
+const states = [
+    { value: 'beta', minor: true },
+    { value: 'running', major: true },
+];
+const item = { name: 'Long Supernova', _links: { picture }, version, states };
+const itemWithoutPicture = { name: 'Long Supernova', version, states };
+export default {
+    title: 'Organisms/gv-header',
+    component: 'gv-header',
+};
+const conf = {
+    component: 'gv-header',
+    events,
+    css: `
+    :host {
+      height: 200px;
+    }
+  `,
+};
+const breadcrumbs = [
+    { path: '#', title: 'Catalog' },
+    { path: '#', title: 'Categories' },
+    { path: '#', title: 'My API' },
+];
+export const Basics = makeStory(conf, {
+    items: [{ item, breadcrumbs }],
+});
+export const BasicsWihoutPicture = makeStory(conf, {
+    items: [{ item: itemWithoutPicture, breadcrumbs, type: 'API' }],
+});
+export const WithBackground = makeStory(conf, {
+    items: [{ item: { ...item, ...{ _links: { ...item._links, ...{ background } } } }, breadcrumbs }],
+});
+export const WithBackgroundWithoutPicture = makeStory(conf, {
+    items: [{ item: { ...itemWithoutPicture, ...{ _links: { background } } }, breadcrumbs, type: 'API' }],
+});
+export const WithSubscribe = makeStory(conf, {
+    items: [{ item, breadcrumbs, 'can-subscribe': true }],
+});
+export const Empty = makeStory(conf, {
+    items: [{}],
+});
+let itemResolver;
+export const loading = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.item = new Promise((resolve) => (itemResolver = resolve));
+        }),
+        storyWait(750, ([component]) => {
+            itemResolver(item);
+            component.breadcrumbs = breadcrumbs;
+        }),
+    ],
+});
+export const loadingAndError = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.item = new Promise((resolve, reject) => (itemResolver = reject));
+        }),
+        storyWait(750, ([component]) => {
+            itemResolver(item);
+            component.breadcrumbs = breadcrumbs;
+        }),
+    ],
+});
+//# sourceMappingURL=gv-header.stories.js.map

package/src/organisms/gv-header/gv-header.stories.js.map

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

package/src/organisms/gv-header/index.d.ts

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

package/src/organisms/gv-header/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-header';
+//# sourceMappingURL=index.js.map

package/src/organisms/gv-header/index.js.map

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