@exmg/exm-breadcrumbs 1.2.8 → 1.2.9

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs-base.d.ts

@@ -1,6 +1,6 @@
 import { BreadcrumbItem } from './types.js';
 import { ExmgElement } from '@exmg/lit-base/index.js';
-export declare const arrowSeparator: import("lit-html").TemplateResult<1>;
+export declare const arrowSeparator: import("lit").TemplateResult<1>;
 export declare class ExmBreadcrumbsBase extends ExmgElement {
     /**
      * The items displayed by the breadcrumbs
@@ -8,10 +8,10 @@ export declare class ExmBreadcrumbsBase extends ExmgElement {
      */
     items: BreadcrumbItem[];
     /**
-     * Whether or not to display the arrow seperator
+     * Whether or not to display the arrow separator
      * @type {Boolean}
      */
-    arrowSeperator: boolean;
+    arrowSeparator: boolean;
     protected renderItems(): unknown;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs-base.js

@@ -18,21 +18,21 @@ export class ExmBreadcrumbsBase extends ExmgElement {
          */
         this.items = [];
         /**
-         * Whether or not to display the arrow seperator
+         * Whether or not to display the arrow separator
          * @type {Boolean}
          */
-        this.arrowSeperator = false;
+        this.arrowSeparator = false;
     }
     renderItems() {
         var _a;
         const lastIndex = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
         return repeat(this.items || [], ({ href, content }) => `${href}${content}`, ({ href, content }, index) => {
             return html `
-          <li class="${classMap({ arrowSeperator: this.arrowSeperator })}">
+          <li class="${classMap({ arrowSeparator: this.arrowSeparator })}">
             <a href=${lastIndex !== index ? href : ''} aria-current=${index === lastIndex ? 'page' : 'false'}>
               ${content}
             </a>
-            ${this.arrowSeperator && index !== lastIndex ? arrowSeparator : nothing}
+            ${this.arrowSeparator && index !== lastIndex ? arrowSeparator : nothing}
           </li>
         `;
         });
@@ -52,5 +52,5 @@ __decorate([
 ], ExmBreadcrumbsBase.prototype, "items", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'arrow-separator', reflect: true })
-], ExmBreadcrumbsBase.prototype, "arrowSeperator", void 0);
+], ExmBreadcrumbsBase.prototype, "arrowSeparator", void 0);
 //# sourceMappingURL=exm-breadcrumbs-base.js.map

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs.d.ts

@@ -2,7 +2,7 @@ import { ExmBreadcrumbsBase } from './exm-breadcrumbs-base.js';
 /**
  * exm-breadcrumbs
  *
- * Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
+ * Component to render breadcrumbs within a page or component with the option to enable / disable arrow separator
  *
  *  * Example:
  * ```js

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs.js

@@ -5,7 +5,7 @@ import { ExmBreadcrumbsBase } from './exm-breadcrumbs-base.js';
 /**
  * exm-breadcrumbs
  *
- * Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
+ * Component to render breadcrumbs within a page or component with the option to enable / disable arrow separator
  *
  *  * Example:
  * ```js

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import { ExmBreadcrumbs } from './exm-breadcrumbs.js';
+import './exm-breadcrumbs.js';
+declare const meta: {
+    title: string;
+    tags: string[];
+    render: (args: ExmBreadcrumbs) => import("lit").TemplateResult<1>;
+    argTypes: {
+        items: {
+            control: "object";
+        };
+        arrowSeparator: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<ExmBreadcrumbs>;
+export declare const Default: Story;

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/exm-breadcrumbs.stories.js

@@ -0,0 +1,25 @@
+import './exm-breadcrumbs.js';
+import { html } from 'lit';
+const items = [
+    { href: '/home', content: 'Home page' },
+    { href: '/users', content: 'User List' },
+    { href: '/users/1234', content: 'Mark' },
+    { href: '/users/1234/details', content: 'Details' },
+];
+const meta = {
+    title: 'Packages/Breadcrumbs',
+    tags: ['autodocs'],
+    render: (args) => html `<exm-breadcrumbs .items="${args.items}" ?arrow-separator="${args.arrowSeparator}"></exm-breadcrumbs>`,
+    argTypes: {
+        items: { control: 'object' },
+        arrowSeparator: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        items: items,
+        arrowSeparator: true,
+    },
+};
+//# sourceMappingURL=exm-breadcrumbs.stories.js.map

package/.rollup.cache/root/repo/packages/exm-breadcrumbs/dist/styles/exm-breadcrumbs-styles-css.js

@@ -2,7 +2,7 @@ import { css } from 'lit';
 export const style = css `
   :host {
     display: block;
-    --_breadcrumbs-seperator-color: var(--breadcrumbs-seperator-color, var(--md-sys-color-primary, #0071dc));
+    --_breadcrumbs-separator-color: var(--breadcrumbs-separator-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-text-color: var(--breadcrumbs-text-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-decoration-color: var(--breadcrumbs-decoration-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-visited-color: var(--breadcrumbs-visited-color, var(--md-sys-color-primary, #0071dc));
@@ -23,7 +23,7 @@ export const style = css `
     justify-content: center;
     align-items: center;
     padding: 0 var(--_breadcrumbs-item-separator-padding, 0);
-    fill: var(--_breadcrumbs-seperator-color);
+    fill: var(--_breadcrumbs-separator-color);
   }
 
   nav.breadcrumb li {
@@ -55,7 +55,7 @@ export const style = css `
     display: inline-block;
     margin: 0 0.25em;
     transform: rotate(15deg);
-    border-right: 0.1em solid var(--_breadcrumbs-seperator-color);
+    border-right: 0.1em solid var(--_breadcrumbs-separator-color);
     height: 0.8em;
     content: '';
   }

package/README.md

@@ -2,7 +2,7 @@
 
 # @exmg/exm-breadcrumbs
 
-Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
+Component to render breadcrumbs within a page or component with the option to enable / disable arrow separator
 
 ## Installation
 
@@ -41,7 +41,7 @@ private items = [
 | Name             | Type      | Default | Description                                   |
 | ---------------- | --------- | ------- | --------------------------------------------- |
 | `items`          | `array`   | _[]_    | The items displayed by the breadcrumbs        |
-| `arrowSeperator` | `boolean` | _false_ | Whether or not to display the arrow seperator |
+| `arrowSeparator` | `boolean` | _false_ | Whether or not to display the arrow separator |
 
 ### Methods
 

package/dist/exm-breadcrumb-mixin.js

@@ -1,5 +1,5 @@
-import { __decorate } from 'tslib';
-import { observer, ExmgElement } from '@exmg/lit-base/index.js';
+import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
+import { ExmgElement, observer } from '@exmg/lit-base/index.js';
 import { property } from 'lit/decorators.js';
 
 /**

package/dist/exm-breadcrumbs-base.d.ts

@@ -1,6 +1,6 @@
 import { BreadcrumbItem } from './types.js';
 import { ExmgElement } from '@exmg/lit-base/index.js';
-export declare const arrowSeparator: import("lit-html").TemplateResult<1>;
+export declare const arrowSeparator: import("lit").TemplateResult<1>;
 export declare class ExmBreadcrumbsBase extends ExmgElement {
     /**
      * The items displayed by the breadcrumbs
@@ -8,10 +8,10 @@ export declare class ExmBreadcrumbsBase extends ExmgElement {
      */
     items: BreadcrumbItem[];
     /**
-     * Whether or not to display the arrow seperator
+     * Whether or not to display the arrow separator
      * @type {Boolean}
      */
-    arrowSeperator: boolean;
+    arrowSeparator: boolean;
     protected renderItems(): unknown;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/exm-breadcrumbs-base.js

@@ -1,4 +1,4 @@
-import { __decorate } from 'tslib';
+import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -19,21 +19,21 @@ class ExmBreadcrumbsBase extends ExmgElement {
          */
         this.items = [];
         /**
-         * Whether or not to display the arrow seperator
+         * Whether or not to display the arrow separator
          * @type {Boolean}
          */
-        this.arrowSeperator = false;
+        this.arrowSeparator = false;
     }
     renderItems() {
         var _a;
         const lastIndex = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
         return repeat(this.items || [], ({ href, content }) => `${href}${content}`, ({ href, content }, index) => {
             return html `
-          <li class="${classMap({ arrowSeperator: this.arrowSeperator })}">
+          <li class="${classMap({ arrowSeparator: this.arrowSeparator })}">
             <a href=${lastIndex !== index ? href : ''} aria-current=${index === lastIndex ? 'page' : 'false'}>
               ${content}
             </a>
-            ${this.arrowSeperator && index !== lastIndex ? arrowSeparator : nothing}
+            ${this.arrowSeparator && index !== lastIndex ? arrowSeparator : nothing}
           </li>
         `;
         });
@@ -53,7 +53,7 @@ __decorate([
 ], ExmBreadcrumbsBase.prototype, "items", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'arrow-separator', reflect: true })
-], ExmBreadcrumbsBase.prototype, "arrowSeperator", void 0);
+], ExmBreadcrumbsBase.prototype, "arrowSeparator", void 0);
 
 export { ExmBreadcrumbsBase, arrowSeparator };
 //# sourceMappingURL=exm-breadcrumbs-base.js.map

package/dist/exm-breadcrumbs-controller.js

@@ -1,4 +1,4 @@
-import { __decorate } from 'tslib';
+import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
 import { observer } from '@exmg/lit-base/index.js';
 
 class BreadcrumbsController {

package/dist/exm-breadcrumbs.d.ts

@@ -2,7 +2,7 @@ import { ExmBreadcrumbsBase } from './exm-breadcrumbs-base.js';
 /**
  * exm-breadcrumbs
  *
- * Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
+ * Component to render breadcrumbs within a page or component with the option to enable / disable arrow separator
  *
  *  * Example:
  * ```js

package/dist/exm-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { __decorate } from 'tslib';
+import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
 import { customElement } from 'lit/decorators.js';
 import { style } from './styles/exm-breadcrumbs-styles-css.js';
 import { ExmBreadcrumbsBase } from './exm-breadcrumbs-base.js';
@@ -6,7 +6,7 @@ import { ExmBreadcrumbsBase } from './exm-breadcrumbs-base.js';
 /**
  * exm-breadcrumbs
  *
- * Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
+ * Component to render breadcrumbs within a page or component with the option to enable / disable arrow separator
  *
  *  * Example:
  * ```js

package/dist/exm-breadcrumbs.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import { ExmBreadcrumbs } from './exm-breadcrumbs.js';
+import './exm-breadcrumbs.js';
+declare const meta: {
+    title: string;
+    tags: string[];
+    render: (args: ExmBreadcrumbs) => import("lit").TemplateResult<1>;
+    argTypes: {
+        items: {
+            control: "object";
+        };
+        arrowSeparator: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<ExmBreadcrumbs>;
+export declare const Default: Story;

package/dist/node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,31 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __decorate };
+//# sourceMappingURL=tslib.es6.js.map

package/dist/styles/exm-breadcrumbs-styles-css.js

@@ -3,7 +3,7 @@ import { css } from 'lit';
 const style = css `
   :host {
     display: block;
-    --_breadcrumbs-seperator-color: var(--breadcrumbs-seperator-color, var(--md-sys-color-primary, #0071dc));
+    --_breadcrumbs-separator-color: var(--breadcrumbs-separator-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-text-color: var(--breadcrumbs-text-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-decoration-color: var(--breadcrumbs-decoration-color, var(--md-sys-color-primary, #0071dc));
     --_breadcrumbs-visited-color: var(--breadcrumbs-visited-color, var(--md-sys-color-primary, #0071dc));
@@ -24,7 +24,7 @@ const style = css `
     justify-content: center;
     align-items: center;
     padding: 0 var(--_breadcrumbs-item-separator-padding, 0);
-    fill: var(--_breadcrumbs-seperator-color);
+    fill: var(--_breadcrumbs-separator-color);
   }
 
   nav.breadcrumb li {
@@ -56,7 +56,7 @@ const style = css `
     display: inline-block;
     margin: 0 0.25em;
     transform: rotate(15deg);
-    border-right: 0.1em solid var(--_breadcrumbs-seperator-color);
+    border-right: 0.1em solid var(--_breadcrumbs-separator-color);
     height: 0.8em;
     content: '';
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-breadcrumbs",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e1496408e91a3861a0eb532a05ebae18320ac591"
+  "gitHead": "c27c4ffabda0c6a509df58537017af65719d1e57"
 }