@skdx/web-components-blocks 0.36.0 → 0.38.0

package/dist/confirm-dialog/ConfirmDialog.cjs

@@ -1,38 +0,0 @@
-"use strict";var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var r in e)n(i,r,{get:e[r],enumerable:!0})},k=(i,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of f(e))!b.call(i,d)&&d!==r&&n(i,d,{get:()=>e[d],enumerable:!(l=u(e,d))||l.enumerable});return i};var v=i=>k(n({},"__esModule",{value:!0}),i),s=(i,e,r,l)=>{for(var d=l>1?void 0:l?u(e,r):e,g=i.length-1,p;g>=0;g--)(p=i[g])&&(d=(l?p(e,r,d):p(d))||d);return l&&d&&n(e,r,d),d};var $={};y($,{SkdxConfirmDialog:()=>t});module.exports=v($);var o=require("lit"),a=require("lit/decorators.js"),m=require("../internal/define.cjs"),c=require("../internal/slots.cjs"),T=require("@skdx/web-components/primitives/dialog");var h="data-skdx-confirm-dialog-generated",x={fromAttribute:i=>i!=="false"},t=class extends o.LitElement{constructor(){super(...arguments);this.defaultOpen=!1;this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.destructive=!1;this.pending=!1;this.disabled=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(r){return this.querySelector(`.skdx-confirm-dialog__${r}`)}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}get hasBody(){return(0,c.hasUnslottedChild)(this,h)||(this.region("body")?.hasChildNodes()??!1)}updated(){(0,c.placeSlotted)(this,h,{trigger:this.querySelector("skdx-dialog-trigger")},this.region("body"))}render(){return o.html`
-      <skdx-dialog-root
-        role="alertdialog"
-        data-skdx-confirm-dialog-generated
-        .open=${this.open}
-        ?default-open=${this.defaultOpen}
-        dismiss=${this.pending?"none":"escape"}
-      >
-        ${this.hasTrigger?o.html`<skdx-dialog-trigger></skdx-dialog-trigger>`:o.nothing}
-        <skdx-dialog-overlay></skdx-dialog-overlay>
-        <skdx-dialog-content
-          .size=${this.size}
-          .status=${this.destructive?"danger":void 0}
-        >
-          <skdx-dialog-title class="skdx-confirm-dialog__title"
-            >${this.title??""}</skdx-dialog-title
-          >
-          ${this.description?o.html`<skdx-dialog-description class="skdx-confirm-dialog__description"
-                  >${this.description}</skdx-dialog-description
-                >`:o.nothing}
-          ${this.hasBody?o.html`<div class="skdx-confirm-dialog__body"></div>`:o.nothing}
-          <div class="skdx-confirm-dialog__footer">
-            <skdx-dialog-cancel
-              class="skdx-confirm-dialog__cancel"
-              ?disabled=${this.pending}
-              >${this.cancelLabel}</skdx-dialog-cancel
-            >
-            <skdx-dialog-action
-              class="skdx-confirm-dialog__confirm"
-              data-status=${this.destructive?"danger":o.nothing}
-              ?data-loading=${this.pending}
-              ?disabled=${this.pending||this.disabled}
-              >${this.confirmLabel}</skdx-dialog-action
-            >
-          </div>
-        </skdx-dialog-content>
-      </skdx-dialog-root>
-    `}};s([(0,a.property)({converter:x})],t.prototype,"open",2),s([(0,a.property)({type:Boolean,attribute:"default-open"})],t.prototype,"defaultOpen",2),s([(0,a.property)({type:String})],t.prototype,"title",2),s([(0,a.property)({type:String})],t.prototype,"description",2),s([(0,a.property)({type:String,attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([(0,a.property)({type:String,attribute:"cancel-label"})],t.prototype,"cancelLabel",2),s([(0,a.property)({type:Boolean})],t.prototype,"destructive",2),s([(0,a.property)({type:Boolean})],t.prototype,"pending",2),s([(0,a.property)({type:Boolean})],t.prototype,"disabled",2),s([(0,a.property)({type:String})],t.prototype,"size",2),t=s([(0,m.customElement)("skdx-confirm-dialog","confirm-dialog","root")],t);0&&(module.exports={SkdxConfirmDialog});

package/dist/confirm-dialog/ConfirmDialog.d.cts

@@ -1,101 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import '@skdx/web-components/primitives/dialog';
-/**
- * Confirmation dialog block for a destructive, irreversible or sensitive
- * action, composing the core dialog primitives as an alert dialog with an
- * externally controlled pending state that disables both buttons and blocks
- * dismissal while the confirmed request is in flight.
- *
- * A synchronous confirmation with no pending state is served by the core
- * `<skdx-dialog role="alertdialog">` recipe alone.
- *
- * Renders light DOM, so its parts are classes rather than shadow `::part()`
- * targets: `.skdx-confirm-dialog` on the host, then `__title`,
- * `__description`, `__body`, `__footer`, `__cancel` and `__confirm`.
- *
- * @example
- * ```html
- * <skdx-confirm-dialog
- *   title="Delete this project?"
- *   description="This cannot be undone."
- *   destructive
- * >
- *   <span slot="trigger">Delete project</span>
- * </skdx-confirm-dialog>
- * ```
- *
- * @slot - Extra content rendered between the description and the footer buttons.
- * @slot trigger - Content of the button that opens the dialog; no trigger renders without it.
- * @fires open-change - Fires with the new open state whenever the dialog opens or closes, controlled or not.
- * @fires open-change-complete - Fires with the new open state once the panel's enter or exit animation has settled.
- * @fires confirm - Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.
- * @fires cancel - Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.
- * @fires escape-key-down - Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.
- * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.
- * @fires focus-outside - Fires when focus moves outside the panel while open; an alert dialog never closes on one.
- * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
- * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
- */
-export declare class SkdxConfirmDialog extends LitElement {
-    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
-    createRenderRoot(): HTMLElement | DocumentFragment;
-    /**
-     * Whether the dialog is open, for controlled usage; pair it with `open-change`.
-     * @default undefined — uncontrolled, following `defaultOpen`.
-     */
-    open?: boolean | undefined;
-    /**
-     * Whether the dialog starts open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen: boolean;
-    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
-    title: string;
-    /**
-     * Supporting sentence rendered into the panel's description, read alongside the title.
-     * @default undefined — no description region renders.
-     */
-    description?: string | undefined;
-    /**
-     * Text of the button that carries out the confirmed action.
-     * @default 'Confirm'
-     */
-    confirmLabel: string;
-    /**
-     * Text of the button that abandons the action.
-     * @default 'Cancel'
-     */
-    cancelLabel: string;
-    /**
-     * Colours the confirm button and the panel danger, for an irreversible or destructive action.
-     * @default false
-     */
-    destructive: boolean;
-    /**
-     * Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.
-     * @default false
-     */
-    pending: boolean;
-    /**
-     * Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Panel width rung the skin reads, fed to the underlying dialog panel.
-     * @default undefined — the skin's own default width.
-     */
-    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
-    connectedCallback(): void;
-    private region;
-    private get hasTrigger();
-    private get hasBody();
-    protected updated(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-confirm-dialog': SkdxConfirmDialog;
-    }
-}

package/dist/confirm-dialog/ConfirmDialog.d.ts

@@ -1,101 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import '@skdx/web-components/primitives/dialog';
-/**
- * Confirmation dialog block for a destructive, irreversible or sensitive
- * action, composing the core dialog primitives as an alert dialog with an
- * externally controlled pending state that disables both buttons and blocks
- * dismissal while the confirmed request is in flight.
- *
- * A synchronous confirmation with no pending state is served by the core
- * `<skdx-dialog role="alertdialog">` recipe alone.
- *
- * Renders light DOM, so its parts are classes rather than shadow `::part()`
- * targets: `.skdx-confirm-dialog` on the host, then `__title`,
- * `__description`, `__body`, `__footer`, `__cancel` and `__confirm`.
- *
- * @example
- * ```html
- * <skdx-confirm-dialog
- *   title="Delete this project?"
- *   description="This cannot be undone."
- *   destructive
- * >
- *   <span slot="trigger">Delete project</span>
- * </skdx-confirm-dialog>
- * ```
- *
- * @slot - Extra content rendered between the description and the footer buttons.
- * @slot trigger - Content of the button that opens the dialog; no trigger renders without it.
- * @fires open-change - Fires with the new open state whenever the dialog opens or closes, controlled or not.
- * @fires open-change-complete - Fires with the new open state once the panel's enter or exit animation has settled.
- * @fires confirm - Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.
- * @fires cancel - Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.
- * @fires escape-key-down - Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.
- * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.
- * @fires focus-outside - Fires when focus moves outside the panel while open; an alert dialog never closes on one.
- * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
- * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
- */
-export declare class SkdxConfirmDialog extends LitElement {
-    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
-    createRenderRoot(): HTMLElement | DocumentFragment;
-    /**
-     * Whether the dialog is open, for controlled usage; pair it with `open-change`.
-     * @default undefined — uncontrolled, following `defaultOpen`.
-     */
-    open?: boolean | undefined;
-    /**
-     * Whether the dialog starts open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen: boolean;
-    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
-    title: string;
-    /**
-     * Supporting sentence rendered into the panel's description, read alongside the title.
-     * @default undefined — no description region renders.
-     */
-    description?: string | undefined;
-    /**
-     * Text of the button that carries out the confirmed action.
-     * @default 'Confirm'
-     */
-    confirmLabel: string;
-    /**
-     * Text of the button that abandons the action.
-     * @default 'Cancel'
-     */
-    cancelLabel: string;
-    /**
-     * Colours the confirm button and the panel danger, for an irreversible or destructive action.
-     * @default false
-     */
-    destructive: boolean;
-    /**
-     * Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.
-     * @default false
-     */
-    pending: boolean;
-    /**
-     * Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Panel width rung the skin reads, fed to the underlying dialog panel.
-     * @default undefined — the skin's own default width.
-     */
-    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
-    connectedCallback(): void;
-    private region;
-    private get hasTrigger();
-    private get hasBody();
-    protected updated(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-confirm-dialog': SkdxConfirmDialog;
-    }
-}

package/dist/confirm-dialog/ConfirmDialog.js

@@ -1,38 +0,0 @@
-var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var t=(s,o,a,r)=>{for(var d=r>1?void 0:r?h(o,a):o,c=s.length-1,g;c>=0;c--)(g=s[c])&&(d=(r?g(o,a,d):g(d))||d);return r&&d&&u(o,a,d),d};import{html as l,LitElement as m,nothing as n}from"lit";import{property as i}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{hasUnslottedChild as b,placeSlotted as y}from"../internal/slots.js";import"@skdx/web-components/primitives/dialog";var p="data-skdx-confirm-dialog-generated",k={fromAttribute:s=>s!=="false"},e=class extends m{constructor(){super(...arguments);this.defaultOpen=!1;this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.destructive=!1;this.pending=!1;this.disabled=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-confirm-dialog__${a}`)}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}get hasBody(){return b(this,p)||(this.region("body")?.hasChildNodes()??!1)}updated(){y(this,p,{trigger:this.querySelector("skdx-dialog-trigger")},this.region("body"))}render(){return l`
-      <skdx-dialog-root
-        role="alertdialog"
-        data-skdx-confirm-dialog-generated
-        .open=${this.open}
-        ?default-open=${this.defaultOpen}
-        dismiss=${this.pending?"none":"escape"}
-      >
-        ${this.hasTrigger?l`<skdx-dialog-trigger></skdx-dialog-trigger>`:n}
-        <skdx-dialog-overlay></skdx-dialog-overlay>
-        <skdx-dialog-content
-          .size=${this.size}
-          .status=${this.destructive?"danger":void 0}
-        >
-          <skdx-dialog-title class="skdx-confirm-dialog__title"
-            >${this.title??""}</skdx-dialog-title
-          >
-          ${this.description?l`<skdx-dialog-description class="skdx-confirm-dialog__description"
-                  >${this.description}</skdx-dialog-description
-                >`:n}
-          ${this.hasBody?l`<div class="skdx-confirm-dialog__body"></div>`:n}
-          <div class="skdx-confirm-dialog__footer">
-            <skdx-dialog-cancel
-              class="skdx-confirm-dialog__cancel"
-              ?disabled=${this.pending}
-              >${this.cancelLabel}</skdx-dialog-cancel
-            >
-            <skdx-dialog-action
-              class="skdx-confirm-dialog__confirm"
-              data-status=${this.destructive?"danger":n}
-              ?data-loading=${this.pending}
-              ?disabled=${this.pending||this.disabled}
-              >${this.confirmLabel}</skdx-dialog-action
-            >
-          </div>
-        </skdx-dialog-content>
-      </skdx-dialog-root>
-    `}};t([i({converter:k})],e.prototype,"open",2),t([i({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([i({type:String})],e.prototype,"title",2),t([i({type:String})],e.prototype,"description",2),t([i({type:String,attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({type:String,attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({type:Boolean})],e.prototype,"destructive",2),t([i({type:Boolean})],e.prototype,"pending",2),t([i({type:Boolean})],e.prototype,"disabled",2),t([i({type:String})],e.prototype,"size",2),e=t([f("skdx-confirm-dialog","confirm-dialog","root")],e);export{e as SkdxConfirmDialog};

package/dist/confirm-dialog/index.cjs

@@ -1 +0,0 @@
-"use strict";var m=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var e=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(r,o)=>{for(var i in o)m(r,i,{get:o[i],enumerable:!0})},l=(r,o,i,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let f of e(o))!g.call(r,f)&&f!==i&&m(r,f,{get:()=>o[f],enumerable:!(x=d(o,f))||x.enumerable});return r};var n=r=>l(m({},"__esModule",{value:!0}),r);var p={};k(p,{SkdxConfirmDialog:()=>a.SkdxConfirmDialog});module.exports=n(p);var a=require("./ConfirmDialog.cjs");0&&(module.exports={SkdxConfirmDialog});

package/dist/confirm-dialog/index.d.cts

@@ -1 +0,0 @@
-export { SkdxConfirmDialog } from './ConfirmDialog.cjs';

package/dist/confirm-dialog/index.d.ts

@@ -1 +0,0 @@
-export { SkdxConfirmDialog } from './ConfirmDialog.js';

package/dist/confirm-dialog/index.js

@@ -1 +0,0 @@
-import{SkdxConfirmDialog as f}from"./ConfirmDialog.js";export{f as SkdxConfirmDialog};