kemet-ui 3.1.0 → 4.0.1

package/dist/elements/scroll-snap-paginator.js

@@ -0,0 +1,342 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/elements/scroll-snap-paginator.ts
+var scroll_snap_paginator_exports = {};
+__export(scroll_snap_paginator_exports, {
+  default: () => KemetScrollSnapPaginator
+});
+module.exports = __toCommonJS(scroll_snap_paginator_exports);
+var import_lit3 = require("lit");
+var import_decorators2 = require("lit/decorators.js");
+
+// src/utilities/events.ts
+var emitEvent = (element, name, detail, bubbles = true, composed = true) => {
+  element.dispatchEvent(
+    new CustomEvent(name, { bubbles, composed, detail })
+  );
+};
+
+// src/styles/elements/scroll-snap.ts
+var import_lit = require("lit");
+var stylesScrollSnap = import_lit.css`
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  :host {
+    --kemet-scroll-snap-horizontal-max-width: 1024px;
+    --kemet-scroll-snap-vertical-height: 100vh;
+    --kemet-scroll-snap-slides-vertical-padding: 0 2rem;
+
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  :host([axis='horizontal']) {
+    margin: auto;
+    max-width: var(--kemet-scroll-snap-horizontal-max-width);
+  }
+
+  :host([pagination="left"]),
+  :host([pagination="right"]) {
+    flex-direction: row;
+  }
+
+  :host([pagination="none"]) ::slotted([slot="pagination"]) {
+    display: none;
+  }
+
+  :host([pagination="top"]) ::slotted([slot="pagination"]),
+  :host([pagination="left"]) ::slotted([slot="pagination"]) {
+    order: -1;
+  }
+
+
+  ::slotted([slot="slides"]) {
+    display: flex;
+    gap: var(--kemet-scroll-snap-gap, 1.5rem);
+    scroll-snap-type: x mandatory;
+    overflow-x: scroll;
+  }
+
+  /* vertical */
+  :host([axis="vertical"]) {
+    height: var(--kemet-scroll-snap-vertical-height);
+  }
+
+  :host([axis="vertical"]) ::slotted([slot="slides"]) {
+    flex-direction: column;
+    overflow-x: hidden;
+    scroll-snap-type: y mandatory;
+    padding: var(--kemet-scroll-snap-slides-vertical-padding);
+  }
+`;
+var stylesScrollSnapPaginator = import_lit.css`
+  :host {
+    --kemet-scroll-snap-paginator-padding: 1rem 0;
+    --kemet-scroll-snap-paginator-gap: 0.5rem;
+    --kemet-scroll-snap-paginator-link-color: rgb(var(--kemet-color-primary));
+
+    margin: auto;
+    padding: var(--kemet-scroll-snap-paginator-padding);
+  }
+
+  nav {
+    display: flex;
+    gap: var(--kemet-scroll-snap-paginator-gap);
+  }
+
+  :host([center]) nav {
+    justify-content: center;
+  }
+
+  .link {
+    cursor: pointer;
+    color: var(--kemet-scroll-snap-paginator-link-color);
+  }
+`;
+
+// src/elements/icon-bootstrap.ts
+var import_lit2 = require("lit");
+var import_decorators = require("lit/decorators.js");
+var KemetIconBootstrap = class extends import_lit2.LitElement {
+  constructor() {
+    super(...arguments);
+    this.icon = "code";
+    this.version = "1.11.3";
+    this.size = 24;
+    this.stylesLoaded = false;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this._loadBootstrapStyles();
+  }
+  async _resolveVersion(version) {
+    if (version !== "latest" && /^\d+\.\d+\.\d+/.test(version)) {
+      return version;
+    }
+    if (KemetIconBootstrap.resolvedVersions.has(version)) {
+      return KemetIconBootstrap.resolvedVersions.get(version);
+    }
+    try {
+      const response = await fetch("https://unpkg.com/bootstrap-icons/package.json");
+      if (!response.ok) throw new Error("Failed to resolve version");
+      const pkg = await response.json();
+      const resolvedVersion = pkg.version;
+      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);
+      return resolvedVersion;
+    } catch (error) {
+      console.warn("Failed to resolve Bootstrap Icons version, using 1.11.3:", error);
+      return "1.11.3";
+    }
+  }
+  async _loadBootstrapStyles() {
+    if (this.stylesLoaded) return;
+    try {
+      const resolvedVersion = await this._resolveVersion(this.version);
+      const cacheKey = resolvedVersion;
+      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {
+        await this._loadFontFaceInDocument(resolvedVersion);
+        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);
+      }
+      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);
+      if (!iconSheet) {
+        const response = await fetch(
+          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
+        );
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        let cssText = await response.text();
+        cssText = cssText.replace(/@font-face\s*{[^}]*}/g, "");
+        iconSheet = new CSSStyleSheet();
+        await iconSheet.replace(cssText);
+        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);
+      }
+      this.shadowRoot.adoptedStyleSheets = [
+        ...this.shadowRoot.adoptedStyleSheets,
+        iconSheet
+      ];
+      this.stylesLoaded = true;
+      this.requestUpdate();
+    } catch (error) {
+      console.error("Failed to load Bootstrap Icons:", error);
+      this.requestUpdate();
+    }
+  }
+  async _loadFontFaceInDocument(resolvedVersion) {
+    try {
+      const response = await fetch(
+        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
+      );
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const cssText = await response.text();
+      const fontFaceMatches = cssText.match(/@font-face\s*{[^}]*}/g);
+      if (!fontFaceMatches) return;
+      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;
+      let fontFaceCss = fontFaceMatches.join("\n");
+      fontFaceCss = fontFaceCss.replace(/url\(["']?\.\/fonts\//g, `url("${baseUrl}fonts/`);
+      fontFaceCss = fontFaceCss.replace(/url\(["']?fonts\//g, `url("${baseUrl}fonts/`);
+      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;
+      if (!document.getElementById(styleId)) {
+        const style = document.createElement("style");
+        style.id = styleId;
+        style.textContent = fontFaceCss;
+        document.head.appendChild(style);
+      }
+    } catch (error) {
+      console.error("Failed to load Bootstrap Icons fonts:", error);
+      throw error;
+    }
+  }
+  render() {
+    return import_lit2.html`
+      <i class="bi bi-${this.icon}" style="font-size: ${this.size}px;"></i>
+    `;
+  }
+};
+KemetIconBootstrap.fontFaceLoaded = /* @__PURE__ */ new Map();
+KemetIconBootstrap.iconStylesCache = /* @__PURE__ */ new Map();
+KemetIconBootstrap.resolvedVersions = /* @__PURE__ */ new Map();
+KemetIconBootstrap.styles = import_lit2.css`
+    :host {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators.property)()
+], KemetIconBootstrap.prototype, "icon", 2);
+__decorateClass([
+  (0, import_decorators.property)()
+], KemetIconBootstrap.prototype, "version", 2);
+__decorateClass([
+  (0, import_decorators.property)()
+], KemetIconBootstrap.prototype, "size", 2);
+KemetIconBootstrap = __decorateClass([
+  (0, import_decorators.customElement)("kemet-icon-bootstrap")
+], KemetIconBootstrap);
+
+// src/elements/scroll-snap-paginator.ts
+var KemetScrollSnapPaginator = class extends import_lit3.LitElement {
+  constructor() {
+    super(...arguments);
+    this.slides = [];
+    this.icon = "circle-fill";
+    this.size = 16;
+    this.hideFocusedLinks = false;
+    this.useNumberPages = false;
+    this.useLabelPages = false;
+  }
+  updated() {
+    const scrollSnapElement = this.closest("kemet-scroll-snap");
+    if (scrollSnapElement) {
+      scrollSnapElement.addEventListener("kemet-make-slides", (event) => {
+        this.slides = event.detail;
+      });
+    }
+  }
+  render() {
+    return import_lit3.html`
+      <nav part="nav">${this.makePagination()}</nav>
+    `;
+  }
+  makePagination() {
+    let counter = 0;
+    if (this.slides) {
+      return this.slides.map((slide) => {
+        counter = counter += 1;
+        if (slide.focused) {
+          return import_lit3.html`
+            <span part="span">${this.pageDisplay(slide, counter)}</span>
+          `;
+        }
+        return import_lit3.html`
+          <span
+            class="link"
+            tabindex="0"
+            role="button"
+            @keyup="${(event) => this.handleKeyboardInput(event, slide.id)}"
+            @click=${() => this.slideLink(slide.id)}
+            aria-label="${slide.label}">
+            ${this.pageDisplay(slide, counter)}
+          </span>
+        `;
+      });
+    }
+    return null;
+  }
+  pageDisplay(slide, visibleIndex) {
+    if (this.useNumberPages) {
+      return visibleIndex;
+    }
+    if (this.useLabelPages) {
+      return slide.label;
+    }
+    return import_lit3.html`<kemet-icon-bootstrap icon=${this.icon} size=${this.size}></kemet-icon-bootstrap>`;
+  }
+  slideLink(index) {
+    emitEvent(this, "kemet-focus", index);
+  }
+  handleKeyboardInput(event, id) {
+    if (event.code === "Enter" || event.code === "Space") {
+      this.slideLink(id);
+    }
+  }
+};
+KemetScrollSnapPaginator.styles = [stylesScrollSnapPaginator];
+__decorateClass([
+  (0, import_decorators2.property)({ type: Array })
+], KemetScrollSnapPaginator.prototype, "slides", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: String })
+], KemetScrollSnapPaginator.prototype, "icon", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: Number })
+], KemetScrollSnapPaginator.prototype, "size", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: Boolean, reflect: true })
+], KemetScrollSnapPaginator.prototype, "center", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: Boolean, attribute: "hide-focused-links" })
+], KemetScrollSnapPaginator.prototype, "hideFocusedLinks", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: Boolean, reflect: true, attribute: "use-number-pages" })
+], KemetScrollSnapPaginator.prototype, "useNumberPages", 2);
+__decorateClass([
+  (0, import_decorators2.property)({ type: Boolean, reflect: true, attribute: "use-label-pages" })
+], KemetScrollSnapPaginator.prototype, "useLabelPages", 2);
+KemetScrollSnapPaginator = __decorateClass([
+  (0, import_decorators2.customElement)("kemet-scroll-snap-paginator")
+], KemetScrollSnapPaginator);
+//# sourceMappingURL=scroll-snap-paginator.js.map

package/dist/elements/scroll-snap-paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/scroll-snap-paginator.ts","../../src/utilities/events.ts","../../src/styles/elements/scroll-snap.ts","../../src/elements/icon-bootstrap.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\nimport { stylesScrollSnapPaginator } from '../styles/elements/scroll-snap';\nimport KemetScrollSnapSlide from './scroll-snap-slide';\nimport './icon-bootstrap';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-scroll-snap-paginator\n * @summary The scroll snap's pagination.\n *\n * @prop {array} slides - Information about each slide.\n * @prop {string} icon - A string representing which icon to use for pagination. Supports icons used in kemet-icon.\n * @prop {number} size - The size in pixels of the icons.\n * @prop {boolean} center - Determines whether to center the pagination items.\n * @prop {boolean} hideFocusedLinks - Will hide inactive pagination items if set to true.\n * @prop {boolean} useNumberPages - If set to true, the pages in the pagination iterator will appear as a set of numbers.\n * @prop {boolean} useLabelPages - If set to true, the pages in the pagination iterator will appear as the label set on the slide.\n *\n * @cssproperty --kemet-scroll-snap-paginator-padding - The padding on the container.\n * @cssproperty --kemet-scroll-snap-paginator-gap - The space between pagination items.\n * @cssproperty --kemet-scroll-snap-paginator-link-color - The color of a linkable pagination item.\n *\n * @event kemet-focus - Fires when a set of slides are focused on.\n *\n */\n\n@customElement('kemet-scroll-snap-paginator')\nexport default class KemetScrollSnapPaginator extends LitElement {\n  static styles = [stylesScrollSnapPaginator];\n\n  @property({ type: Array })\n  slides: KemetScrollSnapSlide[] = [];\n\n  @property({ type: String })\n  icon: string = 'circle-fill';\n\n  @property({ type: Number })\n  size: number = 16;\n\n  @property({ type: Boolean, reflect: true })\n  center: boolean;\n\n  @property({ type: Boolean, attribute: 'hide-focused-links' })\n  hideFocusedLinks: boolean = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'use-number-pages' })\n  useNumberPages: boolean = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'use-label-pages' })\n  useLabelPages: boolean = false;\n\n  updated() {\n    const scrollSnapElement = this.closest('kemet-scroll-snap');\n\n    if (scrollSnapElement) {\n      scrollSnapElement.addEventListener('kemet-make-slides', (event: CustomEvent) => {\n        this.slides = event.detail;\n      });\n    }\n  }\n\n  render() {\n    return html`\n      <nav part=\"nav\">${this.makePagination()}</nav>\n    `;\n  }\n\n  makePagination() {\n    let counter = 0;\n\n    if (this.slides) {\n      return this.slides.map((slide) => {\n        counter = counter += 1;\n\n        if (slide.focused) {\n          return html`\n            <span part=\"span\">${this.pageDisplay(slide, counter)}</span>\n          `;\n        }\n\n        return html`\n          <span\n            class=\"link\"\n            tabindex=\"0\"\n            role=\"button\"\n            @keyup=\"${(event: KeyboardEvent) => this.handleKeyboardInput(event, slide.id)}\"\n            @click=${() => this.slideLink(slide.id)}\n            aria-label=\"${slide.label}\">\n            ${this.pageDisplay(slide, counter)}\n          </span>\n        `;\n      });\n    }\n\n    return null;\n  }\n\n  pageDisplay(slide: KemetScrollSnapSlide, visibleIndex: number) {\n    if (this.useNumberPages) {\n      return visibleIndex;\n    }\n\n    if (this.useLabelPages) {\n      return slide.label;\n    }\n\n    return html`<kemet-icon-bootstrap icon=${this.icon} size=${this.size}></kemet-icon-bootstrap>`;\n  }\n\n  slideLink(index: string) {\n    emitEvent(this, 'kemet-focus', index);\n  }\n\n  handleKeyboardInput(event: KeyboardEvent, id: string) {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this.slideLink(id);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-scroll-snap-paginator': KemetScrollSnapPaginator\n  }\n}\n","export const emitEvent = (element, name, detail, bubbles = true, composed = true) => {\n  element.dispatchEvent(\n    new CustomEvent(name, { bubbles, composed, detail }),\n  );\n};\n","import { css } from 'lit';\n\nexport const stylesScrollSnap = css`\n  *,\n  *::after,\n  *::before {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-scroll-snap-horizontal-max-width: 1024px;\n    --kemet-scroll-snap-vertical-height: 100vh;\n    --kemet-scroll-snap-slides-vertical-padding: 0 2rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  :host([axis='horizontal']) {\n    margin: auto;\n    max-width: var(--kemet-scroll-snap-horizontal-max-width);\n  }\n\n  :host([pagination=\"left\"]),\n  :host([pagination=\"right\"]) {\n    flex-direction: row;\n  }\n\n  :host([pagination=\"none\"]) ::slotted([slot=\"pagination\"]) {\n    display: none;\n  }\n\n  :host([pagination=\"top\"]) ::slotted([slot=\"pagination\"]),\n  :host([pagination=\"left\"]) ::slotted([slot=\"pagination\"]) {\n    order: -1;\n  }\n\n\n  ::slotted([slot=\"slides\"]) {\n    display: flex;\n    gap: var(--kemet-scroll-snap-gap, 1.5rem);\n    scroll-snap-type: x mandatory;\n    overflow-x: scroll;\n  }\n\n  /* vertical */\n  :host([axis=\"vertical\"]) {\n    height: var(--kemet-scroll-snap-vertical-height);\n  }\n\n  :host([axis=\"vertical\"]) ::slotted([slot=\"slides\"]) {\n    flex-direction: column;\n    overflow-x: hidden;\n    scroll-snap-type: y mandatory;\n    padding: var(--kemet-scroll-snap-slides-vertical-padding);\n  }\n`;\n\nexport const stylesScrollSnapPaginator = css`\n  :host {\n    --kemet-scroll-snap-paginator-padding: 1rem 0;\n    --kemet-scroll-snap-paginator-gap: 0.5rem;\n    --kemet-scroll-snap-paginator-link-color: rgb(var(--kemet-color-primary));\n\n    margin: auto;\n    padding: var(--kemet-scroll-snap-paginator-padding);\n  }\n\n  nav {\n    display: flex;\n    gap: var(--kemet-scroll-snap-paginator-gap);\n  }\n\n  :host([center]) nav {\n    justify-content: center;\n  }\n\n  .link {\n    cursor: pointer;\n    color: var(--kemet-scroll-snap-paginator-link-color);\n  }\n`;\n","import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('kemet-icon-bootstrap')\nexport default class KemetIconBootstrap extends LitElement {\n  @property() icon: string = 'code';\n  @property() version: string = '1.11.3'; // Default to stable version\n  @property() size: number = 24;\n\n  private static fontFaceLoaded = new Map<string, boolean>();\n  private static iconStylesCache = new Map<string, CSSStyleSheet>();\n  private static resolvedVersions = new Map<string, string>();\n  private stylesLoaded = false;\n\n  async connectedCallback() {\n    super.connectedCallback();\n    await this._loadBootstrapStyles();\n  }\n\n  private async _resolveVersion(version: string): Promise<string> {\n    // If it's already a specific version, return it\n    if (version !== 'latest' && /^\\d+\\.\\d+\\.\\d+/.test(version)) {\n      return version;\n    }\n\n    // Check cache\n    if (KemetIconBootstrap.resolvedVersions.has(version)) {\n      return KemetIconBootstrap.resolvedVersions.get(version)!;\n    }\n\n    try {\n      // Fetch without version to get redirected to latest\n      const response = await fetch('https://unpkg.com/bootstrap-icons/package.json');\n      if (!response.ok) throw new Error('Failed to resolve version');\n\n      const pkg = await response.json();\n      const resolvedVersion = pkg.version;\n\n      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);\n      return resolvedVersion;\n    } catch (error) {\n      console.warn('Failed to resolve Bootstrap Icons version, using 1.11.3:', error);\n      return '1.11.3'; // Fallback to known stable version\n    }\n  }\n\n  private async _loadBootstrapStyles() {\n    if (this.stylesLoaded) return;\n\n    try {\n      // Resolve version if needed\n      const resolvedVersion = await this._resolveVersion(this.version);\n      const cacheKey = resolvedVersion;\n\n      // Load font-face in light DOM (only once per version)\n      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {\n        await this._loadFontFaceInDocument(resolvedVersion);\n        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);\n      }\n\n      // Load icon classes in shadow DOM\n      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);\n\n      if (!iconSheet) {\n        const response = await fetch(\n          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n        );\n\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        let cssText = await response.text();\n\n        // Remove @font-face rules (already in light DOM)\n        cssText = cssText.replace(/@font-face\\s*{[^}]*}/g, '');\n\n        iconSheet = new CSSStyleSheet();\n        await iconSheet.replace(cssText);\n        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);\n      }\n\n      this.shadowRoot!.adoptedStyleSheets = [\n        ...this.shadowRoot!.adoptedStyleSheets,\n        iconSheet\n      ];\n\n      this.stylesLoaded = true;\n      this.requestUpdate();\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons:', error);\n      this.requestUpdate();\n    }\n  }\n\n  private async _loadFontFaceInDocument(resolvedVersion: string) {\n    try {\n      const response = await fetch(\n        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n      );\n\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`);\n      }\n\n      const cssText = await response.text();\n\n      // Extract ONLY @font-face rules\n      const fontFaceMatches = cssText.match(/@font-face\\s*{[^}]*}/g);\n      if (!fontFaceMatches) return;\n\n      // Fix relative URLs to absolute\n      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;\n      let fontFaceCss = fontFaceMatches.join('\\n');\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?\\.\\/fonts\\//g, `url(\"${baseUrl}fonts/`);\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?fonts\\//g, `url(\"${baseUrl}fonts/`);\n\n      // Add to document head\n      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;\n      if (!document.getElementById(styleId)) {\n        const style = document.createElement('style');\n        style.id = styleId;\n        style.textContent = fontFaceCss;\n        document.head.appendChild(style);\n      }\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons fonts:', error);\n      throw error;\n    }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n  `;\n\n  render() {\n    return html`\n      <i class=\"bi bi-${this.icon}\" style=\"font-size: ${this.size}px;\"></i>\n    `;\n  }\n}\n"],"mappings":"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","names":["import_lit","import_decorators","import_lit"]}

package/dist/elements/scroll-snap-paginator.mjs

@@ -0,0 +1,11 @@
+import {
+  KemetScrollSnapPaginator
+} from "../chunk-CXKQSEE4.mjs";
+import "../chunk-MZO4Q7DU.mjs";
+import "../chunk-7DJKARFX.mjs";
+import "../chunk-LHEY3UOF.mjs";
+import "../chunk-SAWN7RJP.mjs";
+export {
+  KemetScrollSnapPaginator as default
+};
+//# sourceMappingURL=scroll-snap-paginator.mjs.map

package/dist/elements/scroll-snap-paginator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/scroll-snap-slide.d.mts

@@ -0,0 +1,35 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-snap-slide
+ * @summary A slide in a scroll snap component.
+ *
+ * @prop {boolean} focused - Is true when the slide is fully visible in its container.
+ * @prop {number} index - Identifies the slide.
+ * @prop {string} label - Labels the slide.
+ *
+ * @cssproperty --kemet-scroll-snap-slide-width - The width of the slide. Default: 100%.
+ * @cssproperty --kemet-scroll-snap-slide-align - The slide alignment. Default: center.
+ *
+ */
+declare class KemetScrollSnapSlide extends LitElement {
+    static styles: lit.CSSResult[];
+    focused: boolean;
+    index: number;
+    label: string;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+    addTabIndex(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-snap-slide': KemetScrollSnapSlide;
+    }
+}
+
+export { KemetScrollSnapSlide as default };

package/dist/elements/scroll-snap-slide.d.ts

@@ -0,0 +1,35 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-snap-slide
+ * @summary A slide in a scroll snap component.
+ *
+ * @prop {boolean} focused - Is true when the slide is fully visible in its container.
+ * @prop {number} index - Identifies the slide.
+ * @prop {string} label - Labels the slide.
+ *
+ * @cssproperty --kemet-scroll-snap-slide-width - The width of the slide. Default: 100%.
+ * @cssproperty --kemet-scroll-snap-slide-align - The slide alignment. Default: center.
+ *
+ */
+declare class KemetScrollSnapSlide extends LitElement {
+    static styles: lit.CSSResult[];
+    focused: boolean;
+    index: number;
+    label: string;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+    addTabIndex(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-snap-slide': KemetScrollSnapSlide;
+    }
+}
+
+export { KemetScrollSnapSlide as default };

package/dist/elements/scroll-snap-slide.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/elements/scroll-snap-slide.ts
+var scroll_snap_slide_exports = {};
+__export(scroll_snap_slide_exports, {
+  default: () => KemetScrollSnapSlide
+});
+module.exports = __toCommonJS(scroll_snap_slide_exports);
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var KemetScrollSnapSlide = class extends import_lit.LitElement {
+  updated() {
+    this.addTabIndex();
+  }
+  render() {
+    return import_lit.html`
+      <slot></slot>
+    `;
+  }
+  addTabIndex() {
+    this.setAttribute("tabindex", "0");
+  }
+};
+KemetScrollSnapSlide.styles = [import_lit.css`
+    :host {
+      display: block;
+      flex: 0 0 auto;
+      width: var(--kemet-scroll-snap-slide-width, 100%);
+      scroll-snap-align: var(--kemet-scroll-snap-slide-align, center);
+    }
+  `];
+__decorateClass([
+  (0, import_decorators.property)({ type: Boolean, reflect: true })
+], KemetScrollSnapSlide.prototype, "focused", 2);
+__decorateClass([
+  (0, import_decorators.property)({ type: Number, reflect: true })
+], KemetScrollSnapSlide.prototype, "index", 2);
+__decorateClass([
+  (0, import_decorators.property)({ type: String, reflect: true })
+], KemetScrollSnapSlide.prototype, "label", 2);
+KemetScrollSnapSlide = __decorateClass([
+  (0, import_decorators.customElement)("kemet-scroll-snap-slide")
+], KemetScrollSnapSlide);
+//# sourceMappingURL=scroll-snap-slide.js.map

package/dist/elements/scroll-snap-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/scroll-snap-slide.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n/**\n * @since 1.0.0\n * @status stable\n *\n * @tagname kemet-scroll-snap-slide\n * @summary A slide in a scroll snap component.\n *\n * @prop {boolean} focused - Is true when the slide is fully visible in its container.\n * @prop {number} index - Identifies the slide.\n * @prop {string} label - Labels the slide.\n *\n * @cssproperty --kemet-scroll-snap-slide-width - The width of the slide. Default: 100%.\n * @cssproperty --kemet-scroll-snap-slide-align - The slide alignment. Default: center.\n *\n */\n\n@customElement('kemet-scroll-snap-slide')\nexport default class KemetScrollSnapSlide extends LitElement {\n  static styles = [css`\n    :host {\n      display: block;\n      flex: 0 0 auto;\n      width: var(--kemet-scroll-snap-slide-width, 100%);\n      scroll-snap-align: var(--kemet-scroll-snap-slide-align, center);\n    }\n  `];\n\n  @property({ type: Boolean, reflect: true })\n  focused: boolean;\n\n  @property({ type: Number, reflect: true })\n  index: number;\n\n  @property({ type: String, reflect: true })\n  label: string;\n\n  updated() {\n    this.addTabIndex();\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n\n  addTabIndex() {\n    this.setAttribute('tabindex', '0');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-scroll-snap-slide': KemetScrollSnapSlide\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAAwC;AAmBxC,IAAqB,uBAArB,cAAkD,sBAAW;AAAA,EAmB3D,UAAU;AACR,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,EAGT;AAAA,EAEA,cAAc;AACZ,SAAK,aAAa,YAAY,GAAG;AAAA,EACnC;AACF;AAhCqB,qBACZ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhB;AAGD;AAAA,MADC,4BAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAVvB,qBAWnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAbtB,qBAcnB;AAGA;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAhBtB,qBAiBnB;AAjBmB,uBAArB;AAAA,MADC,iCAAc,yBAAyB;AAAA,GACnB;","names":[]}

package/dist/elements/scroll-snap-slide.mjs

@@ -0,0 +1,8 @@
+import {
+  KemetScrollSnapSlide
+} from "../chunk-7SD6A3KE.mjs";
+import "../chunk-SAWN7RJP.mjs";
+export {
+  KemetScrollSnapSlide as default
+};
+//# sourceMappingURL=scroll-snap-slide.mjs.map

package/dist/elements/scroll-snap-slide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/scroll-snap.d.mts

@@ -0,0 +1,53 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetScrollSnapSlide from './scroll-snap-slide.mjs';
+import { f as TypeAxis, b as TypeDirection } from '../constants-BEtO8uLN.mjs';
+import '../form-controller-BR0gZhrG.mjs';
+
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-snap
+ * @summary A scroll-snap implementation for responsive sliders.
+ *
+ * @prop {TypeAxis} axis - Determines the direction the component flows. Values include: (horizontal | vertical)
+ * @prop {TypeDirection} pagination - Determines where to display the paginator. Values include: (top | right | bottom | left)
+ *
+ * @slot slides - Place your slides here.
+ * @slot pagination - Place the paginator component here if you want one.
+ *
+ * @csspart slides - The slides container.
+ * @csspart pagination - The pagination element.
+ *
+ * @cssproperty --kemet-scroll-snap-gap - Space between the slides.
+ * @cssproperty --kemet-scroll-snap-horizontal-max-width - The horizontal max width of the container.
+ * @cssproperty --kemet-scroll-snap-vertical-height - The vertical height of the container.
+ * @cssproperty --kemet-scroll-snap-slides-vertical-padding - Padding on the vertical axis.
+ *
+ * @event kemet-make-slides - Fires when slide data has been created.
+ *
+ */
+declare class KemetScrollSnap extends LitElement {
+    static styles: lit.CSSResult[];
+    axis: TypeAxis;
+    pagination: TypeDirection;
+    isTouchDevice: boolean;
+    slides: KemetScrollSnapSlide[];
+    constructor();
+    firstUpdated(): void;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+    setFocusedSlides(): void;
+    makeSlides(): void;
+    focusSlide(index: number): void;
+    setVerticalAttribute(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-snap': KemetScrollSnap;
+    }
+}
+
+export { KemetScrollSnap as default };

package/dist/elements/scroll-snap.d.ts

@@ -0,0 +1,53 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import KemetScrollSnapSlide from './scroll-snap-slide.js';
+import { f as TypeAxis, b as TypeDirection } from '../constants-CcB9aXsT.js';
+import '../form-controller-BR0gZhrG.js';
+
+/**
+ * @since 1.0.0
+ * @status stable
+ *
+ * @tagname kemet-scroll-snap
+ * @summary A scroll-snap implementation for responsive sliders.
+ *
+ * @prop {TypeAxis} axis - Determines the direction the component flows. Values include: (horizontal | vertical)
+ * @prop {TypeDirection} pagination - Determines where to display the paginator. Values include: (top | right | bottom | left)
+ *
+ * @slot slides - Place your slides here.
+ * @slot pagination - Place the paginator component here if you want one.
+ *
+ * @csspart slides - The slides container.
+ * @csspart pagination - The pagination element.
+ *
+ * @cssproperty --kemet-scroll-snap-gap - Space between the slides.
+ * @cssproperty --kemet-scroll-snap-horizontal-max-width - The horizontal max width of the container.
+ * @cssproperty --kemet-scroll-snap-vertical-height - The vertical height of the container.
+ * @cssproperty --kemet-scroll-snap-slides-vertical-padding - Padding on the vertical axis.
+ *
+ * @event kemet-make-slides - Fires when slide data has been created.
+ *
+ */
+declare class KemetScrollSnap extends LitElement {
+    static styles: lit.CSSResult[];
+    axis: TypeAxis;
+    pagination: TypeDirection;
+    isTouchDevice: boolean;
+    slides: KemetScrollSnapSlide[];
+    constructor();
+    firstUpdated(): void;
+    updated(): void;
+    render(): lit_html.TemplateResult<1>;
+    setFocusedSlides(): void;
+    makeSlides(): void;
+    focusSlide(index: number): void;
+    setVerticalAttribute(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-scroll-snap': KemetScrollSnap;
+    }
+}
+
+export { KemetScrollSnap as default };