@sondor-technology/sondor-components 1.0.8 → 1.0.10

package/dist/components/pricing/pricing-tier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-tier.js","sourceRoot":"","sources":["../../../src/components/pricing/pricing-tier.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AACvC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEjD;;;;;;GAMG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,SAAS;IAArC;;QACL,kDAAkD;QACR,aAAQ,GAAG,KAAK,CAAC;QAC3D,wCAAwC;QACe,kBAAa,GAAG,cAAc,CAAC;QAErE,eAAU,GAAG,KAAK,CAAC;IA0GtC,CAAC;IAhBC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAA;;UAEhB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,aAAa,SAAS,CAAC,CAAC,CAAC,OAAO;;;;sCAIpD,CAAC,IAAI,CAAC,UAAU;;;0BAG5B,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;;;;KAI/G,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAxGQ,oBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmFF;CACF,AAtFY,CAsFX;AA5FwC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;+CAAkB;AAEJ;IAAtD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;oDAAgC;AAErE;IAAhB,KAAK,EAAE;iDAA4B;AANzB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAgHzB"}

package/dist/components/pricing/pricing.d.ts

@@ -0,0 +1,18 @@
+import { StSection } from "../section/section.js";
+import "./pricing-tier.js";
+/**
+ * A row of plans side by side as `st-pricing-tier` cards. They wrap on narrow screens, and one
+ * can be marked `featured`.
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-pricing-tier` items.
+ */
+export declare class StPricing extends StSection {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-pricing": StPricing;
+    }
+}
+//# sourceMappingURL=pricing.d.ts.map

package/dist/components/pricing/pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../../src/components/pricing/pricing.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,4BAWX;IAEF,MAAM,sCAKL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/pricing/pricing.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { html, css } from "lit";
+import { customElement } from "lit/decorators.js";
+import { StSection } from "../section/section.js";
+import "./pricing-tier.js";
+/**
+ * A row of plans side by side as `st-pricing-tier` cards. They wrap on narrow screens, and one
+ * can be marked `featured`.
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-pricing-tier` items.
+ */
+let StPricing = class StPricing extends StSection {
+    render() {
+        return this.frame(html `<div class="items"><slot @slotchange=${this._onItemsChange}></slot></div>`, { animated: false });
+    }
+};
+StPricing.styles = [
+    ...StSection.styles,
+    css `
+      .items {
+        display: grid;
+        gap: var(--st-spacing-lg);
+        padding-top: var(--st-spacing-md);
+        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
+        align-items: stretch;
+      }
+    `,
+];
+StPricing = __decorate([
+    customElement("st-pricing")
+], StPricing);
+export { StPricing };
+//# sourceMappingURL=pricing.js.map

package/dist/components/pricing/pricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.js","sourceRoot":"","sources":["../../../src/components/pricing/pricing.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC9B,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;IActC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAA,wCAAwC,IAAI,CAAC,cAAc,gBAAgB,EAC/E,EAAC,QAAQ,EAAE,KAAK,EAAC,CAClB,CAAC;IACJ,CAAC;CACF,CAAA;AAnBQ,gBAAM,GAAG;IACd,GAAG,SAAS,CAAC,MAAM;IACnB,GAAG,CAAA;;;;;;;;KAQF;CACF,AAXY,CAWX;AAZS,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAoBrB"}

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from "lit";
+/** Determinate when `value` is set, indeterminate otherwise. */
+export declare class StProgress extends LitElement {
+    value?: number;
+    max: number;
+    label: string;
+    color: "primary" | "success" | "warning" | "error";
+    static styles: import("lit").CSSResult[];
+    private get _percent();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-progress": StProgress;
+    }
+}
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAK1C,gEAAgE;AAChE,qBACa,UAAW,SAAQ,UAAU;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,SAAO;IACV,KAAK,SAAc;IACJ,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAC/E;IAEZ,MAAM,CAAC,MAAM,4BAmDX;IAEF,OAAO,KAAK,QAAQ,GAGnB;IAED,MAAM,yCAeL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/progress/progress.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { resetStyles } from "../../styles/reset.js";
+/** Determinate when `value` is set, indeterminate otherwise. */
+let StProgress = class StProgress extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.max = 100;
+        this.label = "Progress";
+        this.color = "primary";
+    }
+    get _percent() {
+        if (this.value === undefined || this.max <= 0)
+            return undefined;
+        return Math.min(100, Math.max(0, (this.value / this.max) * 100));
+    }
+    render() {
+        const pct = this._percent;
+        const determinate = pct !== undefined;
+        return html `
+      <div
+        class="track ${determinate ? "" : "indeterminate"}"
+        role="progressbar"
+        aria-label=${this.label}
+        aria-valuemin="0"
+        aria-valuemax=${ifDefined(determinate ? this.max : undefined)}
+        aria-valuenow=${ifDefined(determinate ? this.value : undefined)}
+      >
+        <div class="bar" style=${determinate ? `--_pct:${pct}%` : ""}></div>
+      </div>
+    `;
+    }
+};
+StProgress.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+      }
+      .track {
+        height: 0.5rem;
+        overflow: hidden;
+        border-radius: 999px;
+        background: var(--st-color-surface-muted);
+        border: 1px solid var(--st-color-border);
+      }
+      .bar {
+        height: 100%;
+        width: var(--_pct, 40%);
+        border-radius: inherit;
+        background: var(--_bar, var(--st-color-primary));
+        transition: width 0.2s ease;
+      }
+      :host([color="success"]) {
+        --_bar: var(--st-color-success);
+      }
+      :host([color="warning"]) {
+        --_bar: var(--st-color-warning);
+      }
+      :host([color="error"]) {
+        --_bar: var(--st-color-error);
+      }
+      .indeterminate .bar {
+        animation: slide 1.2s ease-in-out infinite;
+        width: 40%;
+      }
+      @keyframes slide {
+        from {
+          margin-left: -40%;
+        }
+        to {
+          margin-left: 100%;
+        }
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .indeterminate .bar {
+          animation: none;
+          margin-left: 30%;
+        }
+        .bar {
+          transition: none;
+        }
+      }
+    `,
+];
+__decorate([
+    property({ type: Number })
+], StProgress.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], StProgress.prototype, "max", void 0);
+__decorate([
+    property({ type: String })
+], StProgress.prototype, "label", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], StProgress.prototype, "color", void 0);
+StProgress = __decorate([
+    customElement("st-progress")
+], StProgress);
+export { StProgress };
+//# sourceMappingURL=progress.js.map

package/dist/components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,gEAAgE;AAEzD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAEqB,QAAG,GAAG,GAAG,CAAC;QACV,UAAK,GAAG,UAAU,CAAC;QACJ,UAAK,GAC5C,SAAS,CAAC;IA4Ed,CAAC;IArBC,IAAY,QAAQ;QAClB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;YAAE,OAAO,SAAS,CAAC;QAChE,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC1B,MAAM,WAAW,GAAG,GAAG,KAAK,SAAS,CAAC;QACtC,OAAO,IAAI,CAAA;;uBAEQ,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;;qBAEpC,IAAI,CAAC,KAAK;;wBAEP,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;wBAC7C,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;;iCAEtC,WAAW,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE;;KAE/D,CAAC;IACJ,CAAC;CACF,CAAA;AA1EQ,iBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgDF;CACF,AAnDY,CAmDX;AAzDwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAgB;AACf;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAW;AACV;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAoB;AACJ;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAC5B;AALD,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAiFtB"}

package/dist/components/project-grid/project-card.d.ts

@@ -0,0 +1,17 @@
+import { StCard } from "../section/card.js";
+/**
+ * One piece of work in a `st-project-grid`: a picture, a title linking to the project, a short
+ * description and links to the code or a live demo.
+ *
+ * Slots: `image`, `meta` (the year, role or technologies), `title` (a heading containing the
+ * link), the default slot (the description) and `footer` (links or buttons). Set `tags` (comma
+ * separated) for the grid's filter.
+ */
+export declare class StProjectCard extends StCard {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-project-card": StProjectCard;
+    }
+}
+//# sourceMappingURL=project-card.d.ts.map

package/dist/components/project-grid/project-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-card.d.ts","sourceRoot":"","sources":["../../../src/components/project-grid/project-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;;;GAOG;AACH,qBACa,aAAc,SAAQ,MAAM;CAAG;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/project-grid/project-card.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { customElement } from "lit/decorators.js";
+import { StCard } from "../section/card.js";
+/**
+ * One piece of work in a `st-project-grid`: a picture, a title linking to the project, a short
+ * description and links to the code or a live demo.
+ *
+ * Slots: `image`, `meta` (the year, role or technologies), `title` (a heading containing the
+ * link), the default slot (the description) and `footer` (links or buttons). Set `tags` (comma
+ * separated) for the grid's filter.
+ */
+let StProjectCard = class StProjectCard extends StCard {
+};
+StProjectCard = __decorate([
+    customElement("st-project-card")
+], StProjectCard);
+export { StProjectCard };
+//# sourceMappingURL=project-card.js.map

package/dist/components/project-grid/project-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-card.js","sourceRoot":"","sources":["../../../src/components/project-grid/project-card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;;;GAOG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,MAAM;CAAG,CAAA;AAA/B,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAAkB"}

package/dist/components/project-grid/project-grid.d.ts

@@ -0,0 +1,17 @@
+import { StCardRow } from "../section/card-row.js";
+import "./project-card.js";
+/**
+ * A portfolio row: your projects as `st-project-card` items in a grid, optionally filtered by
+ * topic (`filterable`).
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-project-card` items.
+ * Events: `st-filter` `{tag, count}` when a topic is chosen.
+ */
+export declare class StProjectGrid extends StCardRow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-project-grid": StProjectGrid;
+    }
+}
+//# sourceMappingURL=project-grid.d.ts.map

package/dist/components/project-grid/project-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-grid.d.ts","sourceRoot":"","sources":["../../../src/components/project-grid/project-grid.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,mBAAmB,CAAC;AAE3B;;;;;;GAMG;AACH,qBACa,aAAc,SAAQ,SAAS;CAAG;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/project-grid/project-grid.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { customElement } from "lit/decorators.js";
+import { StCardRow } from "../section/card-row.js";
+import "./project-card.js";
+/**
+ * A portfolio row: your projects as `st-project-card` items in a grid, optionally filtered by
+ * topic (`filterable`).
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-project-card` items.
+ * Events: `st-filter` `{tag, count}` when a topic is chosen.
+ */
+let StProjectGrid = class StProjectGrid extends StCardRow {
+};
+StProjectGrid = __decorate([
+    customElement("st-project-grid")
+], StProjectGrid);
+export { StProjectGrid };
+//# sourceMappingURL=project-grid.js.map

package/dist/components/project-grid/project-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-grid.js","sourceRoot":"","sources":["../../../src/components/project-grid/project-grid.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,mBAAmB,CAAC;AAE3B;;;;;;GAMG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,SAAS;CAAG,CAAA;AAAlC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAAqB"}

package/dist/components/radio/radio.js

@@ -115,7 +115,7 @@ StRadio.styles = [
       }
 
       :host([checked]) .control::after {
-        background-color: #ffffff; /* Explicitly white for contrast */
+        background-color: var(--st-white); /* Explicitly white for contrast */
         transform: scale(1);
       }
 

package/dist/components/reveal/reveal.constants.d.ts

@@ -0,0 +1,10 @@
+export declare const revealEffects: readonly ["fade", "slide-up", "slide-down", "slide-left", "slide-right", "zoom", "blur", "none"];
+/**
+ * How content appears. The slide effects name the direction the content travels as it arrives:
+ * `slide-up` rises from below, `slide-down` drops in from above, `slide-left` moves leftwards
+ * from the right, `slide-right` moves rightwards from the left. `none` turns the animation off.
+ */
+export type RevealEffect = (typeof revealEffects)[number];
+/** Lifecycle of a reveal. Absent until the element is armed, so unarmed content is always visible. */
+export type RevealState = "pending" | "in" | "out";
+//# sourceMappingURL=reveal.constants.d.ts.map

package/dist/components/reveal/reveal.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.constants.d.ts","sourceRoot":"","sources":["../../../src/components/reveal/reveal.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,YACxB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,MAAM,EACN,MAAM,EACN,MAAM,CACE,CAAC;AAEX;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,sGAAsG;AACtG,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC"}

package/dist/components/reveal/reveal.constants.js

@@ -0,0 +1,11 @@
+export const revealEffects = [
+    "fade",
+    "slide-up",
+    "slide-down",
+    "slide-left",
+    "slide-right",
+    "zoom",
+    "blur",
+    "none",
+];
+//# sourceMappingURL=reveal.constants.js.map

package/dist/components/reveal/reveal.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.constants.js","sourceRoot":"","sources":["../../../src/components/reveal/reveal.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM;IACN,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,MAAM;IACN,MAAM;IACN,MAAM;CACE,CAAC"}

package/dist/components/reveal/reveal.d.ts

@@ -0,0 +1,64 @@
+import { LitElement, PropertyValues } from "lit";
+import type { RevealEffect, RevealState } from "./reveal.constants.js";
+/**
+ * Animates its content into view as it is scrolled to, and optionally back out as it leaves.
+ *
+ * The content always stays in the DOM, so search engines, screen readers and find-in-page see
+ * all of it. Content is only visually hidden once the element is armed in the browser, and only
+ * when it starts below the fold. Without JavaScript, with reduced motion, or with
+ * `<html data-reveal="off">`, everything is simply visible.
+ *
+ * Set `stagger` (milliseconds) to animate the direct children one after another instead of the
+ * element as a whole.
+ *
+ * Events: `st-reveal-in` and `st-reveal-out` (bubbles, composed) when the state changes.
+ */
+export declare class StReveal extends LitElement {
+    effect: RevealEffect;
+    /** Length of the animation in milliseconds. */
+    duration: number;
+    /** Wait before the animation starts, in milliseconds. */
+    delay: number;
+    /** How far slide effects travel (any CSS length). */
+    distance: string;
+    /** Any CSS timing function. Defaults to a gentle ease-out. */
+    easing: string;
+    /** Percentage of the viewport height the element must travel into view before it reveals. */
+    offset: number;
+    /** Milliseconds between each child when animating children in sequence (0 animates as one). */
+    stagger: number;
+    /** Animate out as the content leaves the viewport, and back in when it returns. */
+    out: boolean;
+    private _state?;
+    private _armFrame;
+    private _observed?;
+    static styles: import("lit").CSSResult[];
+    /** Current phase, or undefined while the content is simply visible (never armed). */
+    get state(): RevealState | undefined;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Hides the content again and plays the entry animation, for demos and previews. */
+    replay(): void;
+    protected updated(changed: PropertyValues<this>): void;
+    private _arm;
+    /** Whether the content starts below the visible part of the screen. */
+    private _startsBelowFold;
+    private _disarm;
+    /** Moves to the hidden state without animating there (the hide itself must never be seen). */
+    private _hideInstantly;
+    /** @internal Called by the shared observer. */
+    handleIntersection(entry: IntersectionObserverEntry): void;
+    private _unobserve;
+    private _setState;
+    private _isInViewport;
+    /** Keyboard users must never land on invisible content. */
+    private _onFocusIn;
+    private _onSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-reveal": StReveal;
+    }
+}
+//# sourceMappingURL=reveal.d.ts.map

package/dist/components/reveal/reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../../../src/components/reveal/reveal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAG1D,OAAO,KAAK,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAgDrE;;;;;;;;;;;;GAYG;AACH,qBACa,QAAS,SAAQ,UAAU;IACG,MAAM,EAAE,YAAY,CAAc;IAC3E,+CAA+C;IACrB,QAAQ,SAAO;IACzC,yDAAyD;IAC/B,KAAK,SAAK;IACpC,qDAAqD;IAC3B,QAAQ,SAAU;IAC5C,8DAA8D;IACpC,MAAM,SAAM;IACtC,6FAA6F;IACnE,MAAM,SAAM;IACtC,+FAA+F;IACrE,OAAO,SAAK;IACtC,mFAAmF;IACxD,GAAG,UAAS;IAEvC,OAAO,CAAC,MAAM,CAAC,CAAc;IAC7B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAC,CAAuB;IAEzC,MAAM,CAAC,MAAM,4BA8FX;IAEF,qFAAqF;IACrF,IAAI,KAAK,IAAI,WAAW,GAAG,SAAS,CAEnC;IAED,iBAAiB,SAIhB;IAED,oBAAoB,SAInB;IAED,qFAAqF;IACrF,MAAM,SASL;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QAgB9C;IAID,OAAO,CAAC,IAAI;IAsBZ,uEAAuE;IACvE,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,OAAO;IASf,8FAA8F;IAC9F,OAAO,CAAC,cAAc;IAWtB,+CAA+C;IAC/C,kBAAkB,CAAC,KAAK,EAAE,yBAAyB,QASlD;IAED,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,aAAa;IAKrB,2DAA2D;IAC3D,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa;IAMrB,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}