kemet-ui 1.4.0 → 2.0.0

package/dist/components/kemet-scroll-link/kemet-scroll-link.js

@@ -1,5 +1,7 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-
+import { customElement, property, state } from 'lit/decorators.js';
+import { keyCodes } from '../../utilities/misc/constants';
 /**
  * @since 1.0.0
  * @status stable
@@ -13,87 +15,68 @@ import { html, css, LitElement } from 'lit';
  * @prop {number} yOffset - Allows the vertical scrolling to stop short of the given value.
  *
  */
-
-export default class KemetScrollLink extends LitElement {
-  static get styles() {
-    return css`
-      :host {
-        cursor: pointer;
-        display: inline-block;
-      }
-    `;
-  }
-
-  static get properties() {
-    return {
-      element: {
-        type: Object,
-      },
-      target: {
-        type: Object,
-      },
-      xOffset: {
-        type: Number,
-        attribute: 'x-offset',
-        reflect: true,
-      },
-      yOffset: {
-        type: Number,
-        attribute: 'y-offset',
-        reflect: true,
-      },
-    };
-  }
-
-  constructor() {
-    super();
-
-    // managed properties
-    this.element = this.element || window;
-    this.target = this.target || document.querySelector('body');
-    this.xOffset = 0;
-    this.yOffset = 0;
-  }
-
-  firstUpdated() {
-    // standard properties
-    /** @internal */
-    this.keyCodes = {
-      ENTER: 13,
-      SPACE: 32,
-    };
-    this.isSmoothSupported = 'scrollBehavior' in document.documentElement.style;
-  }
-
-  render() {
-    return html`
+let KemetScrollLink = class KemetScrollLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.element = window;
+        this.target = document.querySelector('body');
+        this.xOffset = 0;
+        this.yOffset = 0;
+    }
+    firstUpdated() {
+        // standard properties
+        this.isSmoothSupported = 'scrollBehavior' in document.documentElement.style;
+    }
+    render() {
+        return html `
       <div tabindex="0" @click=${() => this.handleScroll()} @keyup=${event => this.handleKeyup(event)}>
         <slot></slot>
       </div>
     `;
-  }
-
-  handleKeyup(event) {
-    if (event.keyCode === this.keyCodes.ENTER || event.keyCode === this.keyCodes.SPACE) {
-      this.handleScroll();
     }
-  }
-
-  handleScroll() {
-    const scrollTop = this.target.offsetTop + this.yOffset;
-    const scrollLeft = this.target.offsetLeft + this.xOffset;
-
-    if (this.isSmoothSupported) {
-      this.element.scrollTo({
-        top: scrollTop,
-        left: scrollLeft,
-        behavior: 'smooth',
-      });
-    } else {
-      this.element.scrollTo(scrollLeft, scrollTop);
+    handleKeyup(event) {
+        if (event.keyCode === keyCodes.ENTER || event.keyCode === keyCodes.SPACE) {
+            this.handleScroll();
+        }
+    }
+    handleScroll() {
+        const scrollTop = this.target.offsetTop + this.yOffset;
+        const scrollLeft = this.target.offsetLeft + this.xOffset;
+        if (this.isSmoothSupported) {
+            this.element.scrollTo({
+                top: scrollTop,
+                left: scrollLeft,
+                behavior: 'smooth',
+            });
+        }
+        else {
+            this.element.scrollTo(scrollLeft, scrollTop);
+        }
+    }
+};
+KemetScrollLink.styles = [css `
+    :host {
+      cursor: pointer;
+      display: inline-block;
     }
-  }
-}
-
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-scroll-link') || customElements.define('kemet-scroll-link', KemetScrollLink);
+  `];
+__decorate([
+    property({ type: Object })
+], KemetScrollLink.prototype, "element", void 0);
+__decorate([
+    property({ type: Object })
+], KemetScrollLink.prototype, "target", void 0);
+__decorate([
+    property({ type: Number, attribute: 'x-offset', reflect: true })
+], KemetScrollLink.prototype, "xOffset", void 0);
+__decorate([
+    property({ type: Number, attribute: 'y-offset', reflect: true })
+], KemetScrollLink.prototype, "yOffset", void 0);
+__decorate([
+    state()
+], KemetScrollLink.prototype, "isSmoothSupported", void 0);
+KemetScrollLink = __decorate([
+    customElement('kemet-scroll-link')
+], KemetScrollLink);
+export default KemetScrollLink;
+//# sourceMappingURL=kemet-scroll-link.js.map

package/dist/components/kemet-scroll-link/kemet-scroll-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-scroll-link.js","sourceRoot":"","sources":["../../../src/components/kemet-scroll-link/kemet-scroll-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAGH,IAAqB,eAAe,GAApC,MAAqB,eAAgB,SAAQ,UAAU;IAAvD;;QASE,YAAO,GAAyB,MAAM,CAAC;QAGvC,WAAM,GAAgB,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAGrD,YAAO,GAAW,CAAC,CAAC;QAGpB,YAAO,GAAW,CAAC,CAAC;IAsCtB,CAAC;IAjCC,YAAY;QACV,sBAAsB;QACtB,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC;IAC9E,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;iCACkB,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;;KAGhG,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAK;QACf,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,CAAC,KAAK,EAAE;YACxE,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAED,YAAY;QACV,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;QACvD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;QAEzD,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACpB,GAAG,EAAE,SAAS;gBACd,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;SAC9C;IACH,CAAC;CACF,CAAA;AAvDQ,sBAAM,GAAI,CAAC,GAAG,CAAA;;;;;GAKpB,CAAC,CAAC;AAGH;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAC0B;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC7C;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC7C;AAGpB;IADC,KAAK,EAAE;0DACmB;AArBR,eAAe;IADnC,aAAa,CAAC,mBAAmB,CAAC;GACd,eAAe,CAwDnC;eAxDoB,eAAe","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { keyCodes } from '../../utilities/misc/constants';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-scroll-link\n * @summary A component that adds a smooth scrolling link to an target..\n *\n * @prop {object} element - A DOM element that establishes the context of scrolling.\n * @prop {object} target - A DOM element that represents the destination of the scroll link. If no target is specified it will default to the top of the page.\n * @prop {number} xOffset - Allows the horizontal scrolling to stop short of the given value.\n * @prop {number} yOffset - Allows the vertical scrolling to stop short of the given value.\n *\n */\n\n@customElement('kemet-scroll-link')\nexport default class KemetScrollLink extends LitElement {\n  static styles =  [css`\n    :host {\n      cursor: pointer;\n      display: inline-block;\n    }\n  `];\n\n  @property({ type: Object })\n  element: HTMLElement | Window = window;\n\n  @property({ type: Object })\n  target: HTMLElement = document.querySelector('body');\n\n  @property({ type: Number, attribute: 'x-offset', reflect: true })\n  xOffset: number = 0;\n\n  @property({ type: Number, attribute: 'y-offset', reflect: true })\n  yOffset: number = 0;\n\n  @state()\n  isSmoothSupported: boolean;\n\n  firstUpdated() {\n    // standard properties\n    this.isSmoothSupported = 'scrollBehavior' in document.documentElement.style;\n  }\n\n  render() {\n    return html`\n      <div tabindex=\"0\" @click=${() => this.handleScroll()} @keyup=${event => this.handleKeyup(event)}>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  handleKeyup(event) {\n    if (event.keyCode === keyCodes.ENTER || event.keyCode === keyCodes.SPACE) {\n      this.handleScroll();\n    }\n  }\n\n  handleScroll() {\n    const scrollTop = this.target.offsetTop + this.yOffset;\n    const scrollLeft = this.target.offsetLeft + this.xOffset;\n\n    if (this.isSmoothSupported) {\n      this.element.scrollTo({\n        top: scrollTop,\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n    } else {\n      this.element.scrollTo(scrollLeft, scrollTop);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-scroll-link': KemetScrollLink\n  }\n}\n\n"]}

package/dist/components/kemet-scroll-link/types.d.ts

@@ -0,0 +1,6 @@
+export interface KemetScrollLinkInterface extends HTMLElement {
+    element?: HTMLElement | Window;
+    target?: HTMLElement;
+    xOffset?: number;
+    yOffset?: number;
+}

package/dist/components/kemet-scroll-link/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/kemet-scroll-link/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/kemet-scroll-link/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface KemetScrollLinkInterface extends HTMLElement {\n  element?: HTMLElement | Window,\n  target?: HTMLElement,\n  xOffset?: number,\n  yOffset?: number,\n}\n"]}

package/dist/components/kemet-scroll-nav/kemet-scroll-nav.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+import { TypeEffect } from './types';
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-nav
+ * @summary An element that transforms at a scroll point.
+ *
+ * @prop {string} effect - Determines where the transform point is activated. Values include: (sticky | resize)
+ * @prop {boolean} transform - Whether or not the nav has shifted into a new state.
+ * @prop {number} offset - Allows for an arbitrary adjustment of the transform point in pixels. Works with negative values.
+ *
+ * @cssproperty --kemet-scroll-nav-padding - The padding of the nav. Default: 1rem 2rem.
+ * @cssproperty --kemet-scroll-nav-background - The background color of the nav. Default: #fafafa.
+ * @cssproperty --kemet-scroll-nav-transition - The transition speed of the transformation. Default: 300ms.
+ * @cssproperty --kemet-scroll-nav-resize-height - The height of the pre-transformed nav. Default: 400px.
+ * @cssproperty --kemet-scroll-nav-resize-height-transformed - The height of the transformed nav. Default: 100px.
+ *
+ */
+export default class KemetScrollNav extends LitElement {
+    static styles: import("lit").CSSResult[];
+    effect: TypeEffect;
+    transform: boolean;
+    offset: number;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    handleScroll(stickPoint: any, elementHeight: any): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-nav': KemetScrollNav;
+    }
+}

package/dist/components/kemet-scroll-nav/kemet-scroll-nav.js

@@ -1,5 +1,7 @@
-import { LitElement, html, css } from 'lit';
-
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { stylesScrollNav } from './styles';
 /**
  * @since 1.0.0
  * @status stable
@@ -18,90 +20,51 @@ import { LitElement, html, css } from 'lit';
  * @cssproperty --kemet-scroll-nav-resize-height-transformed - The height of the transformed nav. Default: 100px.
  *
  */
-
-export default class KemetScrollNav extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host {
-          display: block;
-          box-sizing: border-box;
-          padding: var(--kemet-scroll-nav-padding, 1rem 2rem);
-          background-color: var(--kemet-scroll-nav-background, #fafafa);
-          transition: all var(--kemet-scroll-nav-transition, 300ms) ease;
-        }
-
-        :host([transform]),
-        :host([effect="resize"]) {
-          position: fixed;
-          top: 0;
-          width: 100%;
-        }
-
-        :host([effect="resize"]) {
-          height: var(--kemet-scroll-nav-resize-height, 400px);
-        }
-
-        :host([transform][effect="resize"]) {
-          height: var(--kemet-scroll-nav-resize-height-transformed, 100px);
-        }
-      `,
-    ];
-  }
-
-  static get properties() {
-    return {
-      effect: {
-        type: String,
-        reflect: true,
-      },
-      transform: {
-        type: Boolean,
-        reflect: true,
-      },
-      offset: {
-        type: Number,
-      },
-    };
-  }
-
-  constructor() {
-    super();
-
-    this.effect = 'sticky';
-    this.transform = false;
-    this.offset = 0;
-  }
-
-  render() {
-    return html`
+let KemetScrollNav = class KemetScrollNav extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.effect = 'sticky';
+        this.transform = false;
+        this.offset = 0;
+    }
+    render() {
+        return html `
       <slot></slot>
     `;
-  }
-
-  firstUpdated() {
-    const stickPoint = this.offsetTop;
-    const elementHeight = this.offsetHeight;
-
-    window.addEventListener('scroll', () => {
-      // we pass stickPoint and elementHeight as recorded constants
-      // so that it does not update for each call to handleScroll
-      this.handleScroll(stickPoint, elementHeight);
-    });
-  }
-
-  handleScroll(stickPoint, elementHeight) {
-    const transformPoint = (this.effect === 'sticky')
-      ? stickPoint + this.offset
-      : elementHeight + this.offset;
-
-    if (window.pageYOffset >= transformPoint) {
-      this.transform = true;
-    } else {
-      this.transform = false;
     }
-  }
-}
-
-// eslint-disable-next-line no-unused-expressions
-customElements.get('kemet-scroll-nav') || customElements.define('kemet-scroll-nav', KemetScrollNav);
+    firstUpdated() {
+        const stickPoint = this.offsetTop;
+        const elementHeight = this.offsetHeight;
+        window.addEventListener('scroll', () => {
+            // we pass stickPoint and elementHeight as recorded constants
+            // so that it does not update for each call to handleScroll
+            this.handleScroll(stickPoint, elementHeight);
+        });
+    }
+    handleScroll(stickPoint, elementHeight) {
+        const transformPoint = (this.effect === 'sticky')
+            ? stickPoint + this.offset
+            : elementHeight + this.offset;
+        if (window.pageYOffset >= transformPoint) {
+            this.transform = true;
+        }
+        else {
+            this.transform = false;
+        }
+    }
+};
+KemetScrollNav.styles = [stylesScrollNav];
+__decorate([
+    property({ type: String, reflect: true })
+], KemetScrollNav.prototype, "effect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], KemetScrollNav.prototype, "transform", void 0);
+__decorate([
+    property({ type: Number })
+], KemetScrollNav.prototype, "offset", void 0);
+KemetScrollNav = __decorate([
+    customElement('kemet-scroll-nav')
+], KemetScrollNav);
+export default KemetScrollNav;
+//# sourceMappingURL=kemet-scroll-nav.js.map

package/dist/components/kemet-scroll-nav/kemet-scroll-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kemet-scroll-nav.js","sourceRoot":"","sources":["../../../src/components/kemet-scroll-nav/kemet-scroll-nav.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;;;;;;;;;;;;;GAiBG;AAGH,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,UAAU;IAAtD;;QAIE,WAAM,GAAe,QAAQ,CAAC;QAG9B,cAAS,GAAY,KAAK,CAAC;QAG3B,WAAM,GAAW,CAAC,CAAC;IA+BrB,CAAC;IA5BC,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAED,YAAY;QACV,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAClC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC;QAExC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,6DAA6D;YAC7D,2DAA2D;YAC3D,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,UAAU,EAAE,aAAa;QACpC,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;YAC/C,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM;YAC1B,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;QAEhC,IAAI,MAAM,CAAC,WAAW,IAAI,cAAc,EAAE;YACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;aAAM;YACL,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SACxB;IACH,CAAC;CACF,CAAA;AAxCQ,qBAAM,GAAG,CAAC,eAAe,CAAC,CAAC;AAGlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACZ;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAChB;AAG3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACR;AAVA,cAAc;IADlC,aAAa,CAAC,kBAAkB,CAAC;GACb,cAAc,CAyClC;eAzCoB,cAAc","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { stylesScrollNav } from './styles';\nimport { TypeEffect } from './types';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-scroll-nav\n * @summary An element that transforms at a scroll point.\n *\n * @prop {string} effect - Determines where the transform point is activated. Values include: (sticky | resize)\n * @prop {boolean} transform - Whether or not the nav has shifted into a new state.\n * @prop {number} offset - Allows for an arbitrary adjustment of the transform point in pixels. Works with negative values.\n *\n * @cssproperty --kemet-scroll-nav-padding - The padding of the nav. Default: 1rem 2rem.\n * @cssproperty --kemet-scroll-nav-background - The background color of the nav. Default: #fafafa.\n * @cssproperty --kemet-scroll-nav-transition - The transition speed of the transformation. Default: 300ms.\n * @cssproperty --kemet-scroll-nav-resize-height - The height of the pre-transformed nav. Default: 400px.\n * @cssproperty --kemet-scroll-nav-resize-height-transformed - The height of the transformed nav. Default: 100px.\n *\n */\n\n@customElement('kemet-scroll-nav')\nexport default class KemetScrollNav extends LitElement {\n  static styles = [stylesScrollNav];\n\n  @property({ type: String, reflect: true })\n  effect: TypeEffect = 'sticky';\n\n  @property({ type: Boolean, reflect: true })\n  transform: boolean = false;\n\n  @property({ type: Number })\n  offset: number = 0;\n\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n\n  firstUpdated() {\n    const stickPoint = this.offsetTop;\n    const elementHeight = this.offsetHeight;\n\n    window.addEventListener('scroll', () => {\n      // we pass stickPoint and elementHeight as recorded constants\n      // so that it does not update for each call to handleScroll\n      this.handleScroll(stickPoint, elementHeight);\n    });\n  }\n\n  handleScroll(stickPoint, elementHeight) {\n    const transformPoint = (this.effect === 'sticky')\n      ? stickPoint + this.offset\n      : elementHeight + this.offset;\n\n    if (window.pageYOffset >= transformPoint) {\n      this.transform = true;\n    } else {\n      this.transform = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-scroll-nav': KemetScrollNav\n  }\n}\n\n"]}

package/dist/components/kemet-scroll-nav/styles.d.ts

@@ -0,0 +1 @@
+export declare const stylesScrollNav: import("lit").CSSResult;

package/dist/components/kemet-scroll-nav/styles.js

@@ -0,0 +1,26 @@
+import { css } from 'lit';
+export const stylesScrollNav = css `
+  :host {
+    display: block;
+    box-sizing: border-box;
+    padding: var(--kemet-scroll-nav-padding, 1rem 2rem);
+    background-color: var(--kemet-scroll-nav-background, #fafafa);
+    transition: all var(--kemet-scroll-nav-transition, 300ms) ease;
+  }
+
+  :host([transform]),
+  :host([effect="resize"]) {
+    position: fixed;
+    top: 0;
+    width: 100%;
+  }
+
+  :host([effect="resize"]) {
+    height: var(--kemet-scroll-nav-resize-height, 400px);
+  }
+
+  :host([transform][effect="resize"]) {
+    height: var(--kemet-scroll-nav-resize-height-transformed, 100px);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/kemet-scroll-nav/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/kemet-scroll-nav/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const stylesScrollNav = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    padding: var(--kemet-scroll-nav-padding, 1rem 2rem);\n    background-color: var(--kemet-scroll-nav-background, #fafafa);\n    transition: all var(--kemet-scroll-nav-transition, 300ms) ease;\n  }\n\n  :host([transform]),\n  :host([effect=\"resize\"]) {\n    position: fixed;\n    top: 0;\n    width: 100%;\n  }\n\n  :host([effect=\"resize\"]) {\n    height: var(--kemet-scroll-nav-resize-height, 400px);\n  }\n\n  :host([transform][effect=\"resize\"]) {\n    height: var(--kemet-scroll-nav-resize-height-transformed, 100px);\n  }\n`;\n"]}

package/dist/components/kemet-scroll-nav/types.d.ts

@@ -0,0 +1,6 @@
+export declare type TypeEffect = 'sticky' | 'resize';
+export interface KemetScrollNavInterface extends HTMLElement {
+    effect?: TypeEffect;
+    transform?: boolean;
+    offset?: number;
+}

package/dist/components/kemet-scroll-nav/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/kemet-scroll-nav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/kemet-scroll-nav/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TypeEffect = 'sticky' | 'resize';\n\nexport interface KemetScrollNavInterface extends HTMLElement {\n  effect?: TypeEffect,\n  transform?: boolean,\n  offset?: number\n}\n"]}

package/dist/components/kemet-scroll-snap/kemet-scroll-snap-paginator.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-snap-paginator
+ * @summary The scroll snap's pagination.
+ *
+ * @prop {array} slides - Information about each slide.
+ * @prop {string} icon - A string representing which icon to use for pagination. Supports icons used in kemet-icon.
+ * @prop {number} size - The size in pixels of the icons.
+ * @prop {boolean} center - Determines whether to center the pagination items.
+ * @prop {boolean} hideFocusedLinks - Will hide inactive pagination items if set to true.
+ * @prop {boolean} useNumberPages - If set to true, the pages in the pagination iterator will appear as a set of numbers.
+ * @prop {boolean} useLabelPages - If set to true, the pages in the pagination iterator will appear as the label set on the slide.
+ *
+ * @cssproperty --kemet-scroll-snap-paginator-padding - The padding on the container. Default: 1rem 0.
+ * @cssproperty --kemet-scroll-snap-paginator-gap - The space between pagination items. Default: 0.5rem.
+ * @cssproperty --kemet-scroll-snap-paginator-link-color - The color of a linkable pagination item. Default: var(--kemet-color-primary).
+ *
+ * @event kemet-scroll-snap-focus - Fires when a set of slides are focused on.
+ *
+ */
+export default class KemetScrollSnapPaginator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    slides: any[];
+    icon: string;
+    size: number;
+    center: boolean;
+    hideFocusedLinks: boolean;
+    useNumberPages: boolean;
+    useLabelPages: boolean;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    makePagination(): import("lit-html").TemplateResult<1>[];
+    pageDisplay(slide: any, visibleIndex: any): any;
+    slideLink(index: any): void;
+    handleKeyboardInput(event: any, id: any): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-snap-paginator': KemetScrollSnapPaginator;
+    }
+}