@brandsync/wc 1.10.0 → 1.12.0

package/dist/collection/components/bs-whats-new/bs-whats-new.stories.js

@@ -0,0 +1,105 @@
+import { html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { componentDescription, propDescription } from "../../stories-utils";
+const ENTRIES = [
+    {
+        id: 'reminders',
+        category: 'features',
+        tag: 'New feature',
+        date: '24.09.2026',
+        unread: true,
+        heading: 'Smarter payment reminders',
+        description: 'Reminders are now sent when each customer is most likely to pay. You can still set fixed days per customer.',
+        actionLabel: 'Try it',
+    },
+    {
+        id: 'banks',
+        category: 'improvements',
+        tag: 'Improvement',
+        date: '18.09.2026',
+        unread: true,
+        heading: 'Bank rules support EUR and SEK',
+        description: 'Create rules for transactions in euro and Swedish krona, and match them to invoices in NOK or DKK.',
+    },
+    {
+        id: 'saft',
+        category: 'fixes',
+        tag: 'Fix',
+        tagColor: 'success',
+        date: '11.09.2026',
+        heading: 'SAF-T export includes credit notes again',
+        description: 'Credit notes from August are now included. Re-export the file if you sent it before 11.09.2026.',
+    },
+];
+const meta = {
+    title: 'Components/bs-whats-new',
+    parameters: { docs: { description: { component: componentDescription('bs-whats-new') } } },
+    decorators: [story => html `<div style="padding: 16px; background: var(--bs-color-neutral-container);">${story()}</div>`],
+    render: args => html `
+    <bs-whats-new
+      type=${args.type}
+      heading=${ifDefined(args.heading || undefined)}
+      ?closable=${args.closable}
+      release-notes-url=${ifDefined(args.releaseNotesUrl || undefined)}
+      .entries=${ENTRIES}
+      .points=${['Reminders go out at the time each customer usually pays', 'Fixed reminder days per customer still work', 'Turn it off any time under Settings › Reminders']}
+      tag="New feature"
+      step="1"
+      total="3"
+      date="24.09.2026"
+      description="See what changed and 1 other update."
+      @bsMarkAllRead=${() => console.log('bsMarkAllRead')}
+      @bsEntryAction=${(ev) => console.log('bsEntryAction', ev.detail)}
+      @bsFilterChange=${(ev) => console.log('bsFilterChange', ev.detail)}
+      @bsClose=${() => console.log('bsClose')}
+      @bsPrimary=${() => console.log('bsPrimary')}
+      @bsSecondary=${() => console.log('bsSecondary')}
+      @bsOpen=${() => console.log('bsOpen')}
+    ></bs-whats-new>
+  `,
+    argTypes: {
+        type: { control: 'inline-radio', options: ['feed', 'announcement', 'teaser'], description: propDescription('bs-whats-new', 'type') },
+        heading: { control: 'text', description: propDescription('bs-whats-new', 'heading') },
+        closable: { control: 'boolean', description: propDescription('bs-whats-new', 'closable') },
+        releaseNotesUrl: { control: 'text', description: propDescription('bs-whats-new', 'releaseNotesUrl') },
+    },
+    args: { type: 'feed', heading: '', closable: true, releaseNotesUrl: '#release-notes' },
+};
+export default meta;
+export const Feed = {};
+export const Announcement = {
+    args: { type: 'announcement', heading: 'Payment reminders that pick the best time' },
+    render: args => html `
+    <bs-whats-new
+      type="announcement"
+      heading=${args.heading}
+      ?closable=${args.closable}
+      tag="New feature"
+      step="1"
+      total="3"
+      .points=${['Reminders go out at the time each customer usually pays', 'Fixed reminder days per customer still work', 'Turn it off any time under Settings › Reminders']}
+      @bsPrimary=${() => console.log('bsPrimary')}
+      @bsSecondary=${() => console.log('bsSecondary')}
+      @bsClose=${() => console.log('bsClose')}
+    >
+      <div slot="hero" style="width: 100%; height: 100%;"></div>
+    </bs-whats-new>
+  `,
+};
+export const Teaser = {
+    args: { type: 'teaser', heading: 'Smarter payment reminders' },
+};
+// Your app owns the entries: mark them read and the dots and the "Mark all as read" button go away.
+export const Interactive = {
+    render: () => html `
+    <bs-whats-new
+      closable
+      release-notes-url="#release-notes"
+      .entries=${ENTRIES}
+      @bsMarkAllRead=${(ev) => {
+        const el = ev.currentTarget;
+        el.entries = el.entries.map(e => ({ ...e, unread: false }));
+    }}
+    ></bs-whats-new>
+  `,
+};

package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.cmp.test.js

@@ -0,0 +1,79 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+const sr = (root) => root.shadowRoot;
+const part = (root, p) => sr(root).querySelector(`[part~="${p}"]`);
+const text = (el) => (el?.textContent ?? '').replace(/\s+/g, ' ').trim();
+describe('bs-whats-new-entry', () => {
+    it('renders tag, date, title and description', async () => {
+        const { root } = await render(h("bs-whats-new-entry", { tag: "New feature", date: "24.09.2026", heading: "Smarter payment reminders", description: "Sent when each customer is most likely to pay." }));
+        expect(text(part(root, 'tag'))).toBe('New feature');
+        expect(text(part(root, 'date'))).toBe('24.09.2026');
+        expect(text(part(root, 'heading'))).toBe('Smarter payment reminders');
+        expect(text(part(root, 'description'))).toBe('Sent when each customer is most likely to pay.');
+    });
+    it('is built on bs-chip-informative (sm) and bs-button', async () => {
+        const { root } = await render(h("bs-whats-new-entry", { tag: "Fix", tagColor: "success", actionLabel: "Try it" }));
+        const chip = part(root, 'tag');
+        expect(chip.tagName).toBe('BS-CHIP-INFORMATIVE');
+        expect(chip.size).toBe('sm');
+        expect(chip.color).toBe('success');
+        expect(part(root, 'action').tagName).toBe('BS-BUTTON');
+    });
+    it('defaults the tag colour to info', async () => {
+        const { root } = await render(h("bs-whats-new-entry", { tag: "Improvement" }));
+        expect(part(root, 'tag').color).toBe('info');
+    });
+    it('shows the unread dot only when unread, with hidden text for assistive tech', async () => {
+        const a = await render(h("bs-whats-new-entry", { date: "24.09.2026" }));
+        expect(part(a.root, 'unread')).toBeNull();
+        const b = await render(h("bs-whats-new-entry", { date: "24.09.2026", unread: true }));
+        expect(part(b.root, 'unread')).not.toBeNull();
+        expect(text(part(b.root, 'unread'))).toBe('Unread');
+        expect(Math.round(part(b.root, 'unread').getBoundingClientRect().width)).toBe(8);
+    });
+    it('omits anything not given, with no empty meta row', async () => {
+        const { root } = await render(h("bs-whats-new-entry", { heading: "Just a title" }));
+        expect(part(root, 'meta')).toBeNull();
+        expect(part(root, 'description')).toBeNull();
+        expect(part(root, 'action')).toBeNull();
+        expect(part(root, 'divider')).toBeNull();
+    });
+    it('renders the title at the requested level, clamped to 1-6', async () => {
+        const tags = [];
+        for (const level of [1, 3, 9]) {
+            const { root } = await render(h("bs-whats-new-entry", { heading: "T", headingLevel: level }));
+            tags.push(part(root, 'heading').tagName);
+        }
+        expect(tags).toEqual(['H1', 'H3', 'H6']);
+    });
+    it('emits bsAction from the action link', async () => {
+        const { root, waitForChanges } = await render(h("bs-whats-new-entry", { actionLabel: "Try it" }));
+        let n = 0;
+        root.addEventListener('bsAction', () => n++);
+        part(root, 'action').click();
+        await waitForChanges();
+        expect(n).toBe(1);
+    });
+    describe('image', () => {
+        it('has no image area (and no gap) until something is slotted', async () => {
+            const { root } = await render(h("bs-whats-new-entry", { heading: "T" }));
+            expect(getComputedStyle(part(root, 'image')).display).toBe('none');
+        });
+        it('shows a 140px image area once an image is slotted, even with whitespace around it in an HTML template', async () => {
+            const host = document.createElement('div');
+            host.innerHTML = `<bs-whats-new-entry heading="T">
+        <img slot="image" alt="" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" />
+      </bs-whats-new-entry>`;
+            document.body.appendChild(host);
+            await new Promise(r => setTimeout(r, 200));
+            const entry = host.querySelector('bs-whats-new-entry');
+            expect(Math.round(part(entry, 'image').getBoundingClientRect().height)).toBe(140);
+            host.remove();
+        });
+    });
+    it('draws an 8px divider row only when asked', async () => {
+        const a = await render(h("bs-whats-new-entry", { heading: "T" }));
+        expect(part(a.root, 'divider')).toBeNull();
+        const b = await render(h("bs-whats-new-entry", { heading: "T", divider: true }));
+        expect(part(b.root, 'divider').getBoundingClientRect().height).toBe(8);
+    });
+});

package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.css

@@ -0,0 +1,131 @@
+/**
+ * @prop --bs-whats-new-entry-gap: Gap between the meta row, image and content. Aliased to --bs-spacing-100 (8px).
+ * @prop --bs-whats-new-entry-color: Title colour. Aliased to --bs-text-default.
+ * @prop --bs-whats-new-entry-color-secondary: Date and description colour. Aliased to --bs-text-secondary.
+ * @prop --bs-whats-new-entry-unread: Colour of the unread dot. Aliased to --bs-color-primary-default.
+ * @prop --bs-whats-new-entry-image-bg: Background behind the image slot (shows while the image loads). Aliased to --bs-color-primary-container.
+ * @prop --bs-whats-new-entry-image-height: Height of the image area. 140px (Figma).
+ * @prop --bs-whats-new-entry-image-radius: Corner radius of the image area. Aliased to --bs-border-radius-100.
+ * @prop --bs-whats-new-entry-divider: Colour of the rule under the entry. Aliased to --bs-border-default.
+ */
+:host {
+  display: block;
+
+  --bs-whats-new-entry-gap: var(--bs-spacing-100);
+  --bs-whats-new-entry-color: var(--bs-text-default);
+  --bs-whats-new-entry-color-secondary: var(--bs-text-secondary);
+  --bs-whats-new-entry-unread: var(--bs-color-primary-default);
+  --bs-whats-new-entry-image-bg: var(--bs-color-primary-container);
+  --bs-whats-new-entry-image-height: 140px;
+  --bs-whats-new-entry-image-radius: var(--bs-border-radius-100);
+  --bs-whats-new-entry-divider: var(--bs-border-default);
+}
+
+.bs-whats-new-entry {
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-whats-new-entry-gap);
+  color: var(--bs-whats-new-entry-color);
+}
+
+.bs-whats-new-entry p,
+.bs-whats-new-entry h1,
+.bs-whats-new-entry h2,
+.bs-whats-new-entry h3,
+.bs-whats-new-entry h4,
+.bs-whats-new-entry h5,
+.bs-whats-new-entry h6 {
+  margin: 0;
+}
+
+.bs-whats-new-entry__meta {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-spacing-100);
+}
+
+.bs-whats-new-entry__date {
+  color: var(--bs-whats-new-entry-color-secondary);
+  font-size: var(--bs-font-size-xs);
+  line-height: 16px;
+  white-space: nowrap;
+}
+
+.bs-whats-new-entry__unread {
+  flex: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--bs-whats-new-entry-unread);
+}
+
+.bs-whats-new-entry__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+/* No box at all until something is slotted, so an entry without an image has no empty gap. */
+.bs-whats-new-entry__image {
+  display: none;
+  height: var(--bs-whats-new-entry-image-height);
+  border-radius: var(--bs-whats-new-entry-image-radius);
+  background: var(--bs-whats-new-entry-image-bg);
+  overflow: hidden;
+}
+
+.bs-whats-new-entry__image--visible {
+  display: block;
+}
+
+::slotted([slot='image']) {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.bs-whats-new-entry__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-spacing-100);
+  align-items: flex-start;
+}
+
+.bs-whats-new-entry__heading {
+  align-self: stretch;
+  font-size: var(--bs-font-size-md);
+  font-weight: var(--bs-font-weight-bold);
+  line-height: 20px;
+}
+
+.bs-whats-new-entry__description {
+  align-self: stretch;
+  color: var(--bs-whats-new-entry-color-secondary);
+  font-size: var(--bs-font-size-sm);
+  line-height: 20px;
+}
+
+/* Figma: the link has 12px of padding before its text (and 8px after the arrow), and sits flush with the
+   rest of the entry's content. */
+.bs-whats-new-entry__action {
+  --bs-button-subtle-color: var(--bs-text-action);
+  --bs-button-height-sm: var(--bs-spacing-400);
+  --bs-button-padding-x-label-side: var(--bs-spacing-150);
+  --bs-button-padding-x-icon-side: var(--bs-spacing-100);
+}
+
+.bs-whats-new-entry__action svg {
+  width: 20px;
+  height: 20px;
+}
+
+/* Figma: an 8px row with a 1px rule centred in it. */
+.bs-whats-new-entry__divider {
+  height: 8px;
+  background: linear-gradient(var(--bs-whats-new-entry-divider), var(--bs-whats-new-entry-divider)) center / 100% 1px no-repeat;
+}

package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js

@@ -0,0 +1,295 @@
+import { h } from "@stencil/core";
+/**
+ * One update in a "What's new" list: a tag ("New feature", "Improvement", "Fix"), a date, an unread dot,
+ * an optional image, a title, a short description and an optional action link ("Try it"). Matches the Figma
+ * "What's new / Entry" component. It is a plain block of content -- no card -- so it can sit in a feed
+ * (`bs-whats-new`), a list, or a page of release notes.
+ *
+ * **Built from:** `bs-chip-informative` (the tag) and `bs-button` (the action).
+ *
+ * ## When to use
+ * - Announcing a change to the product, with enough detail to know whether it matters.
+ *
+ * ## When not to use
+ * - A message about the user's own data or an action they just took -- use `bs-snackbar` or `bs-toast`.
+ *
+ * @slot image - An image (or any media) shown above the title. Nothing is shown when empty.
+ * @part meta - The row with the tag, date and unread dot.
+ * @part tag - The tag chip.
+ * @part date - The date.
+ * @part unread - The unread dot.
+ * @part image - The wrapper around the image slot.
+ * @part heading - The title.
+ * @part description - The description.
+ * @part action - The action button.
+ * @part divider - The rule under the entry.
+ */
+export class BsWhatsNewEntry {
+    /** The tag text, e.g. "New feature". No tag when empty. */
+    tag;
+    /** Colour of the tag: `info` (default), `success`, `warning`, `error` or `neutral`. */
+    tagColor = 'info';
+    /** The date as text, already formatted for the reader (e.g. "24.09.2026"). */
+    date;
+    /** Shows a dot after the date for an update the user hasn't seen. */
+    unread = false;
+    /** Title. */
+    heading;
+    /** HTML heading level for the title, 1-6. */
+    headingLevel = 3;
+    /** Short description under the title. */
+    description;
+    /** Label of the action link (e.g. "Try it"). No action when empty. */
+    actionLabel;
+    /** Draws a rule under the entry, to separate it from the next one. */
+    divider = false;
+    /** Visually hidden text for the unread dot. */
+    unreadLabel = 'Unread';
+    /** Fires when the action link is pressed. */
+    bsAction;
+    hasImage = false;
+    render() {
+        const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
+        return (h("div", { key: 'f3b59b9886ee7dc0cff3ce37ef361081d268c301', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '849ff3110f9b5e8862d2e8743c69e37a3913ba3f', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '1e3ab58124be4aac1785ac5094f607eebba06ada', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '351f70bd49e94fd4848e34d2b134dda0a76aa3ce', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '9e5341acb5e4b5628ad9c567ca30d87f03c7c511', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: 'cca65aff39503436f75f7e1a6eada38975985b63', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '9c4e28e9687456fbe4b40fdba7e22dc162ea26c7', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: '4e698f6b9cd3bc68c4723877a6c257c2cdafb5a4', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '60e73438ed675a12159986ae8352b1c5b2735fb1', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: 'ddf69ede4112a2da4554b0ed4dae5664f739c055', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a6465a5bfab7ee0ccf8e26eb6221e566ad483b2e', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: 'd45596c561a1366f54beaf3c5ba62084581742fe', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'a87b5824ff0fe97c7c025096e432948864e1d19b', d: "M5 12H19" }), h("path", { key: '96659132bb0262ed354a33c2c33d48dde199a95b', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '25381aa31681ccdb1e18fe74a019bd57e1fa8a62', part: "divider", class: "bs-whats-new-entry__divider" })));
+    }
+    static get is() { return "bs-whats-new-entry"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-whats-new-entry.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-whats-new-entry.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The tag text, e.g. \"New feature\". No tag when empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "tagColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsWhatsNewEntryTagColor",
+                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+                    "references": {
+                        "BsWhatsNewEntryTagColor": {
+                            "location": "local",
+                            "path": "/home/runner/work/eg-brandsync-storybook/eg-brandsync-storybook/packages/wc/src/components/bs-whats-new-entry/bs-whats-new-entry.tsx",
+                            "id": "src/components/bs-whats-new-entry/bs-whats-new-entry.tsx::BsWhatsNewEntryTagColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Colour of the tag: `info` (default), `success`, `warning`, `error` or `neutral`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag-color",
+                "defaultValue": "'info'"
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The date as text, already formatted for the reader (e.g. \"24.09.2026\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date"
+            },
+            "unread": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows a dot after the date for an update the user hasn't seen."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "unread",
+                "defaultValue": "false"
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Title."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
+            "headingLevel": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "HTML heading level for the title, 1-6."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading-level",
+                "defaultValue": "3"
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Short description under the title."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "description"
+            },
+            "actionLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label of the action link (e.g. \"Try it\"). No action when empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "action-label"
+            },
+            "divider": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Draws a rule under the entry, to separate it from the next one."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "divider",
+                "defaultValue": "false"
+            },
+            "unreadLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visually hidden text for the unread dot."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "unread-label",
+                "defaultValue": "'Unread'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasImage": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsAction",
+                "name": "bsAction",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the action link is pressed."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}