kemet-ui 4.0.0 → 4.0.2

package/dist/elements/popper-close.js

@@ -0,0 +1,76 @@
+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/popper-close.ts
+var popper_close_exports = {};
+__export(popper_close_exports, {
+  default: () => KemetPopperClose
+});
+module.exports = __toCommonJS(popper_close_exports);
+var import_lit = require("lit");
+var import_decorators = 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/elements/popper-close.ts
+var KemetPopperClose = class extends import_lit.LitElement {
+  render() {
+    return import_lit.html`
+      <button @click=${() => this.close()} @keyup=${(event) => this.handleKeyboard(event)}>
+        <slot></slot>
+      </button>
+    `;
+  }
+  close() {
+    emitEvent(this, "kemet-closed-pressed", this);
+  }
+  handleKeyboard(event) {
+    event.preventDefault();
+    if (event.code === "Space" || event.key === "Enter") {
+      this.close();
+    }
+  }
+};
+KemetPopperClose.styles = [
+  import_lit.css`
+      button {
+        font: inherit;
+        color: inherit;
+        cursor: pointer;
+        border: 0;
+        background: transparent;
+      }
+    `
+];
+KemetPopperClose = __decorateClass([
+  (0, import_decorators.customElement)("kemet-popper-close")
+], KemetPopperClose);
+//# sourceMappingURL=popper-close.js.map

package/dist/elements/popper-close.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/popper-close.ts","../../src/utilities/events.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\n\n/**\n * @since 2.0.0\n * @status stable\n *\n * @tagname kemet-popper-close\n * @summary A close button for the popper\n *\n * @event kemet-closed-pressed\n *\n */\n\n@customElement('kemet-popper-close')\nexport default class KemetPopperClose extends LitElement {\n  static styles = [\n    css`\n      button {\n        font: inherit;\n        color: inherit;\n        cursor: pointer;\n        border: 0;\n        background: transparent;\n      }\n    `,\n  ];\n\n  render() {\n    return html`\n      <button @click=${() => this.close()} @keyup=${(event: KeyboardEvent) => this.handleKeyboard(event)}>\n        <slot></slot>\n      </button>\n    `;\n  }\n\n  close() {\n    emitEvent(this, 'kemet-closed-pressed', this);\n  }\n\n  handleKeyboard(event: KeyboardEvent) {\n    event.preventDefault();\n\n    if (event.code === 'Space' || event.key === 'Enter') {\n      this.close();\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-popper-close': KemetPopperClose\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAA8B;;;ACDvB,IAAM,YAAY,CAAC,SAAS,MAAM,QAAQ,UAAU,MAAM,WAAW,SAAS;AACnF,UAAQ;AAAA,IACN,IAAI,YAAY,MAAM,EAAE,SAAS,UAAU,OAAO,CAAC;AAAA,EACrD;AACF;;;ADYA,IAAqB,mBAArB,cAA8C,sBAAW;AAAA,EAavD,SAAS;AACP,WAAO;AAAA,uBACY,MAAM,KAAK,MAAM,CAAC,WAAW,CAAC,UAAyB,KAAK,eAAe,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAItG;AAAA,EAEA,QAAQ;AACN,cAAU,MAAM,wBAAwB,IAAI;AAAA,EAC9C;AAAA,EAEA,eAAe,OAAsB;AACnC,UAAM,eAAe;AAErB,QAAI,MAAM,SAAS,WAAW,MAAM,QAAQ,SAAS;AACnD,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AACF;AAhCqB,iBACZ,SAAS;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF;AAXmB,mBAArB;AAAA,MADC,iCAAc,oBAAoB;AAAA,GACd;","names":[]}

package/dist/elements/popper-close.mjs

@@ -0,0 +1,9 @@
+import {
+  KemetPopperClose
+} from "../chunk-YDPU6LZP.mjs";
+import "../chunk-LHEY3UOF.mjs";
+import "../chunk-SAWN7RJP.mjs";
+export {
+  KemetPopperClose as default
+};
+//# sourceMappingURL=popper-close.mjs.map

package/dist/elements/popper-close.mjs.map

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

package/dist/elements/popper.d.mts

@@ -0,0 +1,120 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+declare const placement: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+declare enum EnumPlacement {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP = "top",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    BOTTOM = "bottom",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    RIGHT = "right",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    LEFT = "left",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+type TypePlacement = typeof placement[number];
+declare const fireEvents: readonly ["click", "hover"];
+declare enum EnumFireEvents {
+    CLICK = "click",
+    HOVER = "hover"
+}
+type TypeFireEvents = typeof fireEvents[number];
+declare const effects: readonly ["none", "fade", "scale", "slide", "fall", "flip-horizontal", "flip-vertical", "sign", "super-scaled"];
+declare enum EnumEffects {
+    NONE = "none",
+    FADE = "fade",
+    SCALE = "scale",
+    SLIDE = "slide",
+    FALL = "fall",
+    FLIP_HORIZONTAL = "flip-horizontal",
+    FLIP_VERTICAL = "flip-vertical",
+    SIGN = "sign",
+    SUPER_SCALED = "super-scaled"
+}
+type TypeEffects = typeof effects[number];
+declare const strategy: readonly ["fixed", "absolute"];
+declare enum EnumStrategy {
+    FIXED = "fixed",
+    ABSOLUTE = "absolute"
+}
+type TypeStrategy = typeof strategy[number];
+/**
+ * @since 2.0.0
+ * @status stable
+ *
+ * @tagname kemet-popper
+ * @summary A wrapper component for the popper.js lib.
+ *
+ * @event kemet-opened - Fires when the popper opens
+ * @event kemet-closed - Fires when the popper closes
+ *
+ * @slot trigger - Controls opening and closing the popover.
+ * @slot content - The contents of the popover.
+ *
+ * @csspart trigger - Contains the trigger for the popover.
+ * @csspart content - Contains the content for the popover.
+ *
+ * @cssproperty --kemet-popper-padding - The padding in the content slot.
+ * @cssproperty --kemet-popper-border-color - The border color of the content.
+ * @cssproperty --kemet-popper-background-color - The background color of the content.
+ *
+ * @prop {TypePlacement} placement - The position of the popper over the trigger.
+ * @prop {boolean} opened - Determines if the Popper is opened or closed
+ * @prop {TypeFireOn} fireOn - Activate the Popper on Click or Hover
+ * @prop {TypeStrategy} strategy - Sets the strategy option in Popper's api
+ * @prop {number} skidding - Sets an offset to the Popper from the trigger
+ * @prop {number} distance - Sets spacing between the Popper and the trigger
+ *
+ */
+declare class KemetPopper extends LitElement {
+    static styles: lit.CSSResult[];
+    placement: TypePlacement;
+    opened: boolean;
+    fireOn: TypeFireEvents;
+    strategy: TypeStrategy;
+    skidding: number;
+    distance: number;
+    /** @internal */
+    popperInstance: {
+        setOptions: (arg0: {
+            placement: TypePlacement;
+            strategy: TypeStrategy;
+            modifiers: {
+                name: string;
+                options: {
+                    offset: number[];
+                };
+            }[];
+        }) => void;
+    };
+    /** @internal */
+    triggerElement: HTMLElement;
+    /** @internal */
+    contentElement: HTMLElement;
+    /** @internal */
+    focusableElements: NodeListOf<Element>;
+    constructor();
+    firstUpdated(): void;
+    updated(prevProps: Map<string, never>): void;
+    render(): lit_html.TemplateResult<1>;
+    refresh(): void;
+    makePopper(): void;
+    toggle(event: MouseEvent | KeyboardEvent): void;
+    handleKeyUp(event: KeyboardEvent): void;
+    handleFocusableDown(event: KeyboardEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-popper': KemetPopper;
+    }
+}
+
+export { EnumEffects, EnumFireEvents, EnumPlacement, EnumStrategy, type TypeEffects, type TypeFireEvents, type TypePlacement, type TypeStrategy, KemetPopper as default, effects, fireEvents, placement, strategy };

package/dist/elements/popper.d.ts

@@ -0,0 +1,120 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+declare const placement: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+declare enum EnumPlacement {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP = "top",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    BOTTOM = "bottom",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    RIGHT = "right",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    LEFT = "left",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+type TypePlacement = typeof placement[number];
+declare const fireEvents: readonly ["click", "hover"];
+declare enum EnumFireEvents {
+    CLICK = "click",
+    HOVER = "hover"
+}
+type TypeFireEvents = typeof fireEvents[number];
+declare const effects: readonly ["none", "fade", "scale", "slide", "fall", "flip-horizontal", "flip-vertical", "sign", "super-scaled"];
+declare enum EnumEffects {
+    NONE = "none",
+    FADE = "fade",
+    SCALE = "scale",
+    SLIDE = "slide",
+    FALL = "fall",
+    FLIP_HORIZONTAL = "flip-horizontal",
+    FLIP_VERTICAL = "flip-vertical",
+    SIGN = "sign",
+    SUPER_SCALED = "super-scaled"
+}
+type TypeEffects = typeof effects[number];
+declare const strategy: readonly ["fixed", "absolute"];
+declare enum EnumStrategy {
+    FIXED = "fixed",
+    ABSOLUTE = "absolute"
+}
+type TypeStrategy = typeof strategy[number];
+/**
+ * @since 2.0.0
+ * @status stable
+ *
+ * @tagname kemet-popper
+ * @summary A wrapper component for the popper.js lib.
+ *
+ * @event kemet-opened - Fires when the popper opens
+ * @event kemet-closed - Fires when the popper closes
+ *
+ * @slot trigger - Controls opening and closing the popover.
+ * @slot content - The contents of the popover.
+ *
+ * @csspart trigger - Contains the trigger for the popover.
+ * @csspart content - Contains the content for the popover.
+ *
+ * @cssproperty --kemet-popper-padding - The padding in the content slot.
+ * @cssproperty --kemet-popper-border-color - The border color of the content.
+ * @cssproperty --kemet-popper-background-color - The background color of the content.
+ *
+ * @prop {TypePlacement} placement - The position of the popper over the trigger.
+ * @prop {boolean} opened - Determines if the Popper is opened or closed
+ * @prop {TypeFireOn} fireOn - Activate the Popper on Click or Hover
+ * @prop {TypeStrategy} strategy - Sets the strategy option in Popper's api
+ * @prop {number} skidding - Sets an offset to the Popper from the trigger
+ * @prop {number} distance - Sets spacing between the Popper and the trigger
+ *
+ */
+declare class KemetPopper extends LitElement {
+    static styles: lit.CSSResult[];
+    placement: TypePlacement;
+    opened: boolean;
+    fireOn: TypeFireEvents;
+    strategy: TypeStrategy;
+    skidding: number;
+    distance: number;
+    /** @internal */
+    popperInstance: {
+        setOptions: (arg0: {
+            placement: TypePlacement;
+            strategy: TypeStrategy;
+            modifiers: {
+                name: string;
+                options: {
+                    offset: number[];
+                };
+            }[];
+        }) => void;
+    };
+    /** @internal */
+    triggerElement: HTMLElement;
+    /** @internal */
+    contentElement: HTMLElement;
+    /** @internal */
+    focusableElements: NodeListOf<Element>;
+    constructor();
+    firstUpdated(): void;
+    updated(prevProps: Map<string, never>): void;
+    render(): lit_html.TemplateResult<1>;
+    refresh(): void;
+    makePopper(): void;
+    toggle(event: MouseEvent | KeyboardEvent): void;
+    handleKeyUp(event: KeyboardEvent): void;
+    handleFocusableDown(event: KeyboardEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kemet-popper': KemetPopper;
+    }
+}
+
+export { EnumEffects, EnumFireEvents, EnumPlacement, EnumStrategy, type TypeEffects, type TypeFireEvents, type TypePlacement, type TypeStrategy, KemetPopper as default, effects, fireEvents, placement, strategy };