@pitchfork-ui/elements 0.0.0-stage → 0.1.0

package/dist/esm/pf-metric-card.entry.js

@@ -0,0 +1,52 @@
+import { r as registerInstance, a as getElement, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfMetricCardCss = () => `:host{background:var(--pf-metric-bg);border:1px solid var(--pf-metric-border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-3)}:host([hidden]){display:none}@media (min-width: 768px){:host{padding:var(--space-4)}}.icon.empty,.action.empty,.trend.empty{display:none}.header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.heading-wrap{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.heading{color:var(--pf-metric-text-muted);font-size:var(--font-size-sm);margin:0}.icon{align-items:center;color:var(--pf-metric-text-muted);display:inline-flex;font-size:var(--font-size-sm);justify-content:center}.action{align-items:center;display:inline-flex;gap:var(--space-2)}.body{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-2)}.value{color:var(--pf-metric-text);font-size:clamp(var(--font-size-3xl), 3vw, var(--font-size-4xl));font-weight:var(--font-weight-semibold);letter-spacing:-0.02em;line-height:1.05;margin:0}.trend{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.trend-symbol{font-size:var(--font-size-2xs);line-height:1}:host([trend='positive']) .trend{background:color-mix(in srgb, var(--pf-metric-success-bg) 55%, var(--pf-mix-base));color:var(--pf-metric-success-text)}:host([trend='negative']) .trend{background:color-mix(in srgb, var(--pf-metric-danger-bg) 55%, var(--pf-mix-base));color:var(--pf-metric-danger-text)}:host([trend='neutral']) .trend{background:var(--pf-metric-bg-subtle);color:var(--pf-metric-text-muted)}slot[name='description']::slotted(*){color:var(--pf-metric-text-muted);display:block;font-size:var(--font-size-sm);margin:0}`;
+
+/** The symbol each trend is drawn with, which is decorative either way. */
+const TREND_SYMBOL = {
+    positive: '+',
+    negative: '-',
+    neutral: '=',
+};
+const PfMetricCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    /** Which way the trend reads. Reflected so the stylesheet can colour it. */
+    trend = 'neutral';
+    /** An icon name from the same registry as `pf-icon`. */
+    icon;
+    /**
+     * Which of the optional slots have anything in them.
+     *
+     * Asked in JS because each of these three carries layout — a row, a pill —
+     * that its content cannot, and a wrapper around a slot cannot be collapsed
+     * from CSS: `:not(:has(*))` never matches, since the `<slot>` is itself a
+     * child. The description needs no box, so it is styled through `::slotted()`
+     * and collapses on its own.
+     */
+    hasIcon = false;
+    hasAction = false;
+    hasTrend = false;
+    /** Read from the light DOM, so first paint is right without `slotchange`. */
+    componentWillLoad() {
+        this.read();
+    }
+    read = () => {
+        const slotted = (name) => Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);
+        this.hasIcon = slotted('icon');
+        this.hasAction = slotted('action');
+        this.hasTrend = slotted('trend');
+    };
+    render() {
+        const showIcon = this.hasIcon || Boolean(this.icon);
+        return (h(Host, { key: 'f0080f6c50f8b6f305f7ba95ee141d44bb3525eb' }, h("div", { key: 'cf60ec686ecb6a0332333c0be121ec25c74f2c33', class: "header", part: "header" }, h("div", { key: 'f7ec949ba8c658cda28be64f2621a367a0940c69', class: "heading-wrap" }, h("p", { key: '36fb4bac641a685fc4ccb14f0149c64b4ca39086', class: "heading", part: "heading" }, h("slot", { key: '07d7e7fe3e280d81b5355054dc68897e32d79208', name: "heading" })), h("span", { key: '47ab4af87d3579281de4b03d9342d8a103a6347b', class: { icon: true, empty: !showIcon }, part: "icon", "aria-hidden": "true" }, this.icon && !this.hasIcon && h("pf-icon", { key: '0405bc2d5771976075019cbd771f6c9d5e292756', name: this.icon }), h("slot", { key: 'f40c6534905851d680e35ec2787571cc23d955b7', name: "icon", onSlotchange: this.read }))), h("span", { key: 'd562acc9b5ed5797c07d1240fb3e68c25166e8df', class: { action: true, empty: !this.hasAction }, part: "action" }, h("slot", { key: '036b278bd1f5d4a6aa8592dbdf801f4cee1f2e69', name: "action", onSlotchange: this.read }))), h("div", { key: '54725ad239175914a1c2dc5da6c240a3591f3d05', class: "body", part: "body" }, h("p", { key: 'dad5ea0763235663ec0dab48739d4773a2442bd8', class: "value", part: "value" }, h("slot", { key: 'b5cf390faf708ec25772c6734cd3296328b56849' })), h("span", { key: 'f52b7bd58efbcb33324ec6df991cc4174263fbe3', class: { trend: true, empty: !this.hasTrend }, part: "trend" }, h("span", { key: '9db49c651c30c5ca89832a3a7577cb1f97f10a85', class: "trend-symbol", "aria-hidden": "true" }, TREND_SYMBOL[this.trend] ?? TREND_SYMBOL.neutral), h("slot", { key: '9f7efb7e27d855a6d5e8c721a808f0aa005c2170', name: "trend", onSlotchange: this.read }))), h("slot", { key: '77e4e3c62b902087d674fb32edd9bdad7004524d', name: "description" })));
+    }
+};
+PfMetricCard.style = pfMetricCardCss();
+
+export { PfMetricCard as pf_metric_card };
+//# sourceMappingURL=pf-metric-card.entry.js.map
+
+//# sourceMappingURL=pf-metric-card.entry.js.map

package/dist/esm/pf-metric-card.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-metric-card.entry.js","sources":["src/components/pf-metric-card/pf-metric-card.css?tag=pf-metric-card&encapsulation=shadow","src/components/pf-metric-card/pf-metric-card.tsx"],"sourcesContent":[":host {\n  background: var(--pf-metric-bg);\n  border: 1px solid var(--pf-metric-border);\n  border-radius: var(--radius-md);\n  display: grid;\n  gap: var(--space-3);\n  padding: var(--space-3);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n@media (--md) {\n  :host {\n    padding: var(--space-4);\n  }\n}\n\n/*\n * The boxes that carry layout are hidden rather than left out when empty, so\n * that content slotted in later still fires `slotchange`.\n *\n * Two classes deep, because each of these boxes sets its own `display` below:\n * `.empty` alone ties on specificity and loses on order, which is a defect\n * only a real stylesheet shows -- `scripts/smoke-consumer.mjs` caught it as a\n * bare card drawing all three of its empty boxes.\n */\n.icon.empty,\n.action.empty,\n.trend.empty {\n  display: none;\n}\n\n.header {\n  align-items: flex-start;\n  display: flex;\n  gap: var(--space-3);\n  justify-content: space-between;\n}\n\n.heading-wrap {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.heading {\n  color: var(--pf-metric-text-muted);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.icon {\n  align-items: center;\n  color: var(--pf-metric-text-muted);\n  display: inline-flex;\n  font-size: var(--font-size-sm);\n  justify-content: center;\n}\n\n.action {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n.body {\n  align-items: baseline;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n}\n\n.value {\n  color: var(--pf-metric-text);\n  font-size: clamp(var(--font-size-3xl), 3vw, var(--font-size-4xl));\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: -0.02em;\n  line-height: 1.05;\n  margin: 0;\n}\n\n.trend {\n  align-items: center;\n  border-radius: var(--radius-full);\n  display: inline-flex;\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-medium);\n  gap: var(--space-1);\n  padding: var(--space-1) var(--space-2);\n}\n\n.trend-symbol {\n  font-size: var(--font-size-2xs);\n  line-height: 1;\n}\n\n:host([trend='positive']) .trend {\n  background: color-mix(in srgb, var(--pf-metric-success-bg) 55%, var(--pf-mix-base));\n  color: var(--pf-metric-success-text);\n}\n\n:host([trend='negative']) .trend {\n  background: color-mix(in srgb, var(--pf-metric-danger-bg) 55%, var(--pf-mix-base));\n  color: var(--pf-metric-danger-text);\n}\n\n:host([trend='neutral']) .trend {\n  background: var(--pf-metric-bg-subtle);\n  color: var(--pf-metric-text-muted);\n}\n\n/*\n * The description needs no box of its own, so it has none: an unassigned slot\n * generates nothing, where an empty wrapper would leave the grid's own gap\n * behind it.\n */\nslot[name='description']::slotted(*) {\n  color: var(--pf-metric-text-muted);\n  display: block;\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nexport type PfMetricTrend = 'positive' | 'negative' | 'neutral';\n\n/** The symbol each trend is drawn with, which is decorative either way. */\nconst TREND_SYMBOL: Record<PfMetricTrend, string> = {\n  positive: '+',\n  negative: '-',\n  neutral: '=',\n};\n\n/**\n * One figure worth looking at: a heading, the number, and optionally how it\n * has moved.\n *\n * @slot heading - what the number is.\n * @slot - the number.\n * @slot trend - how it has moved, shown as a pill beside the number.\n * @slot description - a line below the number.\n * @slot icon - a small icon beside the heading.\n * @slot action - a control in the card's top corner.\n * @part header - the row holding the heading and the action.\n * @part heading - the heading's box.\n * @part icon - the icon's box.\n * @part action - the box holding the action slot.\n * @part body - the row holding the number and the trend.\n * @part value - the number's box.\n * @part trend - the trend pill.\n */\n@Component({\n  tag: 'pf-metric-card',\n  styleUrl: 'pf-metric-card.css',\n  shadow: true,\n})\nexport class PfMetricCard {\n  @Element() el!: HTMLElement;\n\n  /** Which way the trend reads. Reflected so the stylesheet can colour it. */\n  @Prop({ reflect: true }) trend: PfMetricTrend = 'neutral';\n\n  /** An icon name from the same registry as `pf-icon`. */\n  @Prop() icon?: string;\n\n  /**\n   * Which of the optional slots have anything in them.\n   *\n   * Asked in JS because each of these three carries layout — a row, a pill —\n   * that its content cannot, and a wrapper around a slot cannot be collapsed\n   * from CSS: `:not(:has(*))` never matches, since the `<slot>` is itself a\n   * child. The description needs no box, so it is styled through `::slotted()`\n   * and collapses on its own.\n   */\n  @State() hasIcon = false;\n  @State() hasAction = false;\n  @State() hasTrend = false;\n\n  /** Read from the light DOM, so first paint is right without `slotchange`. */\n  componentWillLoad() {\n    this.read();\n  }\n\n  private read = () => {\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasIcon = slotted('icon');\n    this.hasAction = slotted('action');\n    this.hasTrend = slotted('trend');\n  };\n\n  render() {\n    const showIcon = this.hasIcon || Boolean(this.icon);\n\n    return (\n      <Host>\n        <div class=\"header\" part=\"header\">\n          <div class=\"heading-wrap\">\n            <p class=\"heading\" part=\"heading\">\n              <slot name=\"heading\" />\n            </p>\n            {/*\n              Every one of these boxes stays in the tree and is hidden when\n              empty, rather than being left out: a slot that is not rendered\n              never fires `slotchange`, so content added later would stay\n              invisible for good.\n            */}\n            <span class={{ icon: true, empty: !showIcon }} part=\"icon\" aria-hidden=\"true\">\n              {this.icon && !this.hasIcon && <pf-icon name={this.icon}></pf-icon>}\n              <slot name=\"icon\" onSlotchange={this.read} />\n            </span>\n          </div>\n          <span class={{ action: true, empty: !this.hasAction }} part=\"action\">\n            <slot name=\"action\" onSlotchange={this.read} />\n          </span>\n        </div>\n\n        <div class=\"body\" part=\"body\">\n          <p class=\"value\" part=\"value\">\n            <slot />\n          </p>\n          <span class={{ trend: true, empty: !this.hasTrend }} part=\"trend\">\n            {/* Decorative: the trend's direction is in its label and its colour. */}\n            <span class=\"trend-symbol\" aria-hidden=\"true\">\n              {TREND_SYMBOL[this.trend] ?? TREND_SYMBOL.neutral}\n            </span>\n            <slot name=\"trend\" onSlotchange={this.read} />\n          </span>\n        </div>\n\n        <slot name=\"description\" />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/pf-metric-grid.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfMetricGridCss = () => `:host{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}:host([hidden]){display:none}slot{display:contents}`;
+
+const PfMetricGrid = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'cd17f60b2f8f7b5c3e6e0b3d692100b2bf9e0984' }, h("slot", { key: 'f8f804e6e990e4a969637dc8acea9d761c6d466b' })));
+    }
+};
+PfMetricGrid.style = pfMetricGridCss();
+
+export { PfMetricGrid as pf_metric_grid };
+//# sourceMappingURL=pf-metric-grid.entry.js.map
+
+//# sourceMappingURL=pf-metric-grid.entry.js.map

package/dist/esm/pf-metric-grid.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-metric-grid.entry.js","sources":["src/components/pf-metric-grid/pf-metric-grid.css?tag=pf-metric-grid&encapsulation=shadow","src/components/pf-metric-grid/pf-metric-grid.tsx"],"sourcesContent":[":host {\n  display: grid;\n  gap: var(--space-4);\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* The cards have to be grid items of the host, not of a box inside it. */\nslot {\n  display: contents;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * A responsive grid of `pf-metric-card` children.\n *\n * Nothing but layout — the cards are independent, so there is no state to\n * push down and no group behaviour to own. It exists because the column\n * arithmetic (`auto-fit`, `minmax(220px, 1fr)`) is a decision rather than\n * something a consumer should have to repeat.\n *\n * @slot - the `pf-metric-card` children.\n */\n@Component({\n  tag: 'pf-metric-grid',\n  styleUrl: 'pf-metric-grid.css',\n  shadow: true,\n})\nexport class PfMetricGrid {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,oJAAoJ,CAAC;;MCiBvK,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/pf-modal-body.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfModalBodyCss = () => `:host{display:block;overflow:auto;padding:var(--space-4)}:host([hidden]){display:none}`;
+
+const PfModalBody = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'da6957ef1b1462d731e4f7c6272a99ea4f9e8869' }, h("slot", { key: 'a06152e56c3408e56fe86a71f0672ddf8fb0c9ce' })));
+    }
+};
+PfModalBody.style = pfModalBodyCss();
+
+export { PfModalBody as pf_modal_body };
+//# sourceMappingURL=pf-modal-body.entry.js.map
+
+//# sourceMappingURL=pf-modal-body.entry.js.map

package/dist/esm/pf-modal-body.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-modal-body.entry.js","sources":["src/components/pf-modal-body/pf-modal-body.css?tag=pf-modal-body&encapsulation=shadow","src/components/pf-modal-body/pf-modal-body.tsx"],"sourcesContent":[":host {\n  display: block;\n  overflow: auto;\n  padding: var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The body section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-body',\n  styleUrl: 'pf-modal-body.css',\n  shadow: true,\n})\nexport class PfModalBody {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,sFAAsF,CAAC;;MCgBxG,WAAW,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/pf-modal-footer.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfModalFooterCss = () => `:host{border-top:1px solid var(--pf-modal-border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4)}:host([hidden]){display:none}`;
+
+const PfModalFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '435da74561bd7d3c7ffa98169048cda6832fe092' }, h("slot", { key: '67fc15dd9d746e0bafab9126baf0438b20c249f6' })));
+    }
+};
+PfModalFooter.style = pfModalFooterCss();
+
+export { PfModalFooter as pf_modal_footer };
+//# sourceMappingURL=pf-modal-footer.entry.js.map
+
+//# sourceMappingURL=pf-modal-footer.entry.js.map

package/dist/esm/pf-modal-footer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-modal-footer.entry.js","sources":["src/components/pf-modal-footer/pf-modal-footer.css?tag=pf-modal-footer&encapsulation=shadow","src/components/pf-modal-footer/pf-modal-footer.tsx"],"sourcesContent":[":host {\n  border-top: 1px solid var(--pf-modal-border);\n  display: flex;\n  gap: var(--space-2);\n  justify-content: flex-end;\n  padding: var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The footer section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-footer',\n  styleUrl: 'pf-modal-footer.css',\n  shadow: true,\n})\nexport class PfModalFooter {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,+JAA+J,CAAC;;MCgBnL,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/pf-modal-header.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfModalHeaderCss = () => `:host{border-bottom:1px solid var(--pf-modal-border);display:block;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4)}:host([hidden]){display:none}`;
+
+const PfModalHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'd1ad25bd827a394611dec0358cba02bd73bbb104' }, h("slot", { key: '4fe7116e3e9413e3b997cfaa92c97c245fc7a0b9' })));
+    }
+};
+PfModalHeader.style = pfModalHeaderCss();
+
+export { PfModalHeader as pf_modal_header };
+//# sourceMappingURL=pf-modal-header.entry.js.map
+
+//# sourceMappingURL=pf-modal-header.entry.js.map

package/dist/esm/pf-modal-header.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-modal-header.entry.js","sources":["src/components/pf-modal-header/pf-modal-header.css?tag=pf-modal-header&encapsulation=shadow","src/components/pf-modal-header/pf-modal-header.tsx"],"sourcesContent":[":host {\n  border-bottom: 1px solid var(--pf-modal-border);\n  display: block;\n  /* Room for the close button, which is positioned over this corner. */\n  padding: var(--space-4) var(--space-10) var(--space-4) var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The header section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-header',\n  styleUrl: 'pf-modal-header.css',\n  shadow: true,\n})\nexport class PfModalHeader {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,qKAAqK,CAAC;;MCgBzL,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/pf-modal.entry.js

@@ -0,0 +1,139 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-Bm6UxEit.js';
+import { l as lockPageScroll } from './scroll-lock-C-VLyxRR.js';
+
+const pfModalCss = () => `:host{display:contents}.dialog{align-items:center;background:none;border:0;display:none;height:100%;justify-content:center;max-height:100%;max-width:100%;padding:var(--space-4);width:100%}.dialog[open]{display:flex}.dialog::backdrop{background:var(--pf-modal-overlay-backdrop, var(--pf-overlay-backdrop))}.panel{background:var(--pf-modal-bg);border:1px solid var(--pf-modal-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--pf-modal-text);display:flex;flex-direction:column;max-height:100%;overflow:auto;position:relative;width:100%}:host([size='sm']) .panel{max-width:400px}:host([size='md']) .panel{max-width:560px}:host([size='lg']) .panel{max-width:800px}.close{background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-modal-text-muted);cursor:pointer;display:inline-flex;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);padding:var(--space-1);position:absolute}.close:hover{color:var(--pf-modal-text)}.close:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.dialog[open] .panel{animation:pf-modal-in var(--pf-transition-enter)}@keyframes pf-modal-in{from{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.dialog[open] .panel{animation:none}}`;
+
+const PfModal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pfOpenChange = createEvent(this, "pfOpenChange");
+    }
+    get el() { return getElement(this); }
+    /** Whether the modal is showing. Reflected so the stylesheet can select on it. */
+    open = false;
+    /** Panel width. Reflected so the stylesheet can select on it. */
+    size = 'md';
+    /**
+     * Accessible name. Falls back to the text of whatever is slotted, which is
+     * usually the header — `aria-labelledby` cannot be used, because an IDREF
+     * does not cross a shadow boundary and the header is in the light DOM.
+     */
+    label;
+    /** Close on Escape or a click on the overlay. Defaults to true. */
+    dismissable = true;
+    /** Render the corner close button. Defaults to true. */
+    showCloseButton = true;
+    /** Fires whenever the modal opens or closes, whoever caused it. */
+    pfOpenChange;
+    /**
+     * Releases the page-scroll lock, or null when this modal does not hold it.
+     * The lock is core's and reference-counted, so a slideout opening over a
+     * modal cannot leave the page unscrollable.
+     */
+    releaseScroll = null;
+    componentDidLoad() {
+        if (this.open)
+            this.showDialog();
+    }
+    disconnectedCallback() {
+        // A modal removed while open would otherwise leave the page unscrollable.
+        this.unlockScroll();
+    }
+    /** Opens the modal. */
+    async show() {
+        this.open = true;
+    }
+    /** Closes the modal. */
+    async hide() {
+        this.open = false;
+    }
+    /**
+     * The one place a state change is announced, whatever caused it: `show()`,
+     * the close button, Escape, an overlay click, or a consumer writing the prop.
+     *
+     * The first version emitted from the `close` handler alone, which fired for
+     * every close and for no open — caught by its own test. A consumer mirroring
+     * this value back sets `open` to what it already is, which Stencil does not
+     * treat as a change, so there is no loop.
+     */
+    syncOpen(next, previous) {
+        if (next)
+            this.showDialog();
+        else
+            this.closeDialog();
+        if (next !== previous)
+            this.pfOpenChange.emit({ open: next });
+    }
+    get dialog() {
+        return this.el.shadowRoot?.querySelector('dialog') ?? null;
+    }
+    lockScroll() {
+        if (this.releaseScroll)
+            return;
+        this.releaseScroll = lockPageScroll();
+    }
+    unlockScroll() {
+        this.releaseScroll?.();
+        this.releaseScroll = null;
+    }
+    showDialog() {
+        const dialog = this.dialog;
+        if (!dialog || dialog.open)
+            return;
+        dialog.showModal();
+        this.lockScroll();
+    }
+    closeDialog() {
+        const dialog = this.dialog;
+        this.unlockScroll();
+        if (dialog?.open)
+            dialog.close();
+    }
+    /** Fires on Escape. Blocking it is how a non-dismissable modal stays put. */
+    onCancel = (event) => {
+        if (!this.dismissable) {
+            event.preventDefault();
+            return;
+        }
+        // Let it close; `close` does the state mirroring.
+    };
+    /**
+     * Mirrors a close the browser made — Escape, or the dialog being closed by
+     * anything other than this element — back into `open`, which then announces
+     * it through the watch above.
+     */
+    onClose = () => {
+        this.unlockScroll();
+        if (this.open)
+            this.open = false;
+    };
+    /**
+     * A click on the dialog element itself is a click on the overlay: the panel
+     * is an inner box, so anything landing on the dialog missed the content.
+     */
+    onDialogClick = (event) => {
+        if (!this.dismissable || event.target !== this.dialog)
+            return;
+        this.open = false;
+    };
+    accessibleName() {
+        if (this.label)
+            return this.label;
+        const text = this.el.textContent?.trim();
+        return text ? text.slice(0, 120) : undefined;
+    }
+    render() {
+        return (h(Host, { key: '4445c1692e0cdf8ea4243f031984d25c3fa35148' }, h("dialog", { key: '6a87d0181761644d8f9bc2d02ead398c10030668', part: "dialog", class: "dialog", "aria-label": this.accessibleName(), onCancel: this.onCancel, onClose: this.onClose, onClick: this.onDialogClick }, h("div", { key: '0ce7125e86b87d9fd834aee12491d384c0a47f7c', class: "panel", part: "panel" }, this.showCloseButton && (h("button", { key: 'e395307252b805932cdbebe2bc8e31178b8c8fb6', class: "close", part: "close", type: "button", "aria-label": "Close", onClick: () => this.hide() }, h("svg", { key: 'f83625e2e03e6c0e5f29aa1dd76dabab6011d27f', viewBox: "0 0 16 16", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, h("path", { key: 'fccb0dadc0442661f9300fdec4b36234124fcd93', d: "M4 4l8 8M12 4l-8 8", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", fill: "none" })))), h("slot", { key: '8a01602089364eeeb8dfb4b8c1f9d6b48bc3f4a5' })))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "syncOpen": 0
+            }]
+    }; }
+};
+PfModal.style = pfModalCss();
+
+export { PfModal as pf_modal };
+//# sourceMappingURL=pf-modal.entry.js.map
+
+//# sourceMappingURL=pf-modal.entry.js.map

package/dist/esm/pf-modal.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-modal.entry.js","sources":["src/components/pf-modal/pf-modal.css?tag=pf-modal&encapsulation=shadow","src/components/pf-modal/pf-modal.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n/*\n * The dialog is the overlay: it fills the viewport and centres the panel, so a\n * click that lands on it rather than on the panel is an overlay click.\n */\n.dialog {\n  align-items: center;\n  background: none;\n  border: 0;\n  display: none;\n  height: 100%;\n  justify-content: center;\n  max-height: 100%;\n  max-width: 100%;\n  padding: var(--space-4);\n  width: 100%;\n}\n\n.dialog[open] {\n  display: flex;\n}\n\n.dialog::backdrop {\n  background: var(--pf-modal-overlay-backdrop, var(--pf-overlay-backdrop));\n}\n\n.panel {\n  background: var(--pf-modal-bg);\n  border: 1px solid var(--pf-modal-border);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-lg);\n  color: var(--pf-modal-text);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n}\n\n:host([size='sm']) .panel {\n  max-width: 400px;\n}\n\n:host([size='md']) .panel {\n  max-width: 560px;\n}\n\n:host([size='lg']) .panel {\n  max-width: 800px;\n}\n\n.close {\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-modal-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  inset-block-start: var(--space-3);\n  inset-inline-end: var(--space-3);\n  padding: var(--space-1);\n  position: absolute;\n}\n\n.close:hover {\n  color: var(--pf-modal-text);\n}\n\n.close:focus-visible {\n  box-shadow: var(--pf-focus-ring);\n  outline: none;\n}\n\n.dialog[open] .panel {\n  animation: pf-modal-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-modal-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dialog[open] .panel {\n    animation: none;\n  }\n}\n","import { lockPageScroll } from '@pitchfork-ui/core';\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nexport type PfModalSize = 'sm' | 'md' | 'lg';\n\n/**\n * A modal dialog.\n *\n * A native `<dialog>` opened with `showModal()`, which from inside a shadow\n * root gives the focus trap, Escape and the backdrop for nothing — all\n * measured: focus moves inside on open and cannot be taken by a light-DOM\n * button, and a real Escape fires `cancel` then `close`. So `trapFocus` from\n * core is not needed here, unlike in the React component.\n *\n * What `showModal()` does *not* do is lock page scroll — measured: a real\n * wheel still scrolled the page behind an open modal — so this element locks\n * it, exactly as the React component does.\n *\n * @slot - the modal's sections, usually `pf-modal-header`, `pf-modal-body` and\n * `pf-modal-footer`.\n * @part dialog - the native dialog, which is also the overlay.\n * @part panel - the bordered box the content sits in.\n * @part close - the close button.\n */\n@Component({\n  tag: 'pf-modal',\n  styleUrl: 'pf-modal.css',\n  shadow: true,\n})\nexport class PfModal {\n  @Element() el!: HTMLElement;\n\n  /** Whether the modal is showing. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Panel width. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) size: PfModalSize = 'md';\n\n  /**\n   * Accessible name. Falls back to the text of whatever is slotted, which is\n   * usually the header — `aria-labelledby` cannot be used, because an IDREF\n   * does not cross a shadow boundary and the header is in the light DOM.\n   */\n  @Prop() label?: string;\n\n  /** Close on Escape or a click on the overlay. Defaults to true. */\n  @Prop() dismissable = true;\n\n  /** Render the corner close button. Defaults to true. */\n  @Prop() showCloseButton = true;\n\n  /** Fires whenever the modal opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /**\n   * Releases the page-scroll lock, or null when this modal does not hold it.\n   * The lock is core's and reference-counted, so a slideout opening over a\n   * modal cannot leave the page unscrollable.\n   */\n  private releaseScroll: (() => void) | null = null;\n\n  componentDidLoad() {\n    if (this.open) this.showDialog();\n  }\n\n  disconnectedCallback() {\n    // A modal removed while open would otherwise leave the page unscrollable.\n    this.unlockScroll();\n  }\n\n  /** Opens the modal. */\n  @Method()\n  async show(): Promise<void> {\n    this.open = true;\n  }\n\n  /** Closes the modal. */\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  /**\n   * The one place a state change is announced, whatever caused it: `show()`,\n   * the close button, Escape, an overlay click, or a consumer writing the prop.\n   *\n   * The first version emitted from the `close` handler alone, which fired for\n   * every close and for no open — caught by its own test. A consumer mirroring\n   * this value back sets `open` to what it already is, which Stencil does not\n   * treat as a change, so there is no loop.\n   */\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showDialog();\n    else this.closeDialog();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  private get dialog() {\n    return this.el.shadowRoot?.querySelector('dialog') ?? null;\n  }\n\n  private lockScroll() {\n    if (this.releaseScroll) return;\n    this.releaseScroll = lockPageScroll();\n  }\n\n  private unlockScroll() {\n    this.releaseScroll?.();\n    this.releaseScroll = null;\n  }\n\n  private showDialog() {\n    const dialog = this.dialog;\n    if (!dialog || dialog.open) return;\n    dialog.showModal();\n    this.lockScroll();\n  }\n\n  private closeDialog() {\n    const dialog = this.dialog;\n    this.unlockScroll();\n    if (dialog?.open) dialog.close();\n  }\n\n  /** Fires on Escape. Blocking it is how a non-dismissable modal stays put. */\n  private onCancel = (event: Event) => {\n    if (!this.dismissable) {\n      event.preventDefault();\n      return;\n    }\n    // Let it close; `close` does the state mirroring.\n  };\n\n  /**\n   * Mirrors a close the browser made — Escape, or the dialog being closed by\n   * anything other than this element — back into `open`, which then announces\n   * it through the watch above.\n   */\n  private onClose = () => {\n    this.unlockScroll();\n    if (this.open) this.open = false;\n  };\n\n  /**\n   * A click on the dialog element itself is a click on the overlay: the panel\n   * is an inner box, so anything landing on the dialog missed the content.\n   */\n  private onDialogClick = (event: MouseEvent) => {\n    if (!this.dismissable || event.target !== this.dialog) return;\n    this.open = false;\n  };\n\n  private accessibleName() {\n    if (this.label) return this.label;\n    const text = this.el.textContent?.trim();\n    return text ? text.slice(0, 120) : undefined;\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog\n          part=\"dialog\"\n          class=\"dialog\"\n          aria-label={this.accessibleName()}\n          onCancel={this.onCancel}\n          onClose={this.onClose}\n          onClick={this.onDialogClick}\n        >\n          <div class=\"panel\" part=\"panel\">\n            {this.showCloseButton && (\n              <button\n                class=\"close\"\n                part=\"close\"\n                type=\"button\"\n                aria-label=\"Close\"\n                onClick={() => this.hide()}\n              >\n                <svg\n                  viewBox=\"0 0 16 16\"\n                  width=\"16\"\n                  height=\"16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\"\n                >\n                  <path\n                    d=\"M4 4l8 8M12 4l-8 8\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.6\"\n                    stroke-linecap=\"round\"\n                    fill=\"none\"\n                  />\n                </svg>\n              </button>\n            )}\n            <slot />\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}