agnosticui-core 2.0.0-alpha.2

package/dist/components/Card/core/_Card.js

@@ -0,0 +1,194 @@
+import { LitElement as g, css as p, html as v } from "lit";
+import { n as e } from "../../../property-CemaeiRl.js";
+import { hasSlotContent as d } from "../../../utils/slot.js";
+var m = Object.defineProperty, s = (l, a, t, n) => {
+  for (var o = void 0, i = l.length - 1, h; i >= 0; i--)
+    (h = l[i]) && (o = h(a, t, o) || o);
+  return o && m(a, t, o), o;
+};
+const c = class c extends g {
+  constructor() {
+    super(), this._hasHeaderSlotContent = !1, this._hasFooterSlotContent = !1, this.stacked = !1, this.shadow = !1, this.animated = !1, this.rounded = "", this.variant = "";
+  }
+  /**
+   * Handle slot changes to detect if header/footer are empty
+   */
+  _handleSlotChange(a) {
+    const t = a.target, n = t.name;
+    n === "header" ? this._hasHeaderSlotContent = d(t) : n === "footer" && (this._hasFooterSlotContent = d(t)), this.requestUpdate();
+  }
+  firstUpdated() {
+    const a = this.shadowRoot?.querySelector('slot[name="header"]'), t = this.shadowRoot?.querySelector('slot[name="footer"]');
+    this._hasHeaderSlotContent = d(a), this._hasFooterSlotContent = d(t), this.requestUpdate();
+  }
+  render() {
+    const a = this._hasHeaderSlotContent ? "card-header" : "card-header empty", t = this._hasFooterSlotContent ? "card-footer" : "card-footer empty";
+    return v`
+      <div class="card-wrapper" part="ag-card-wrapper">
+        <div class="${a}" part="ag-card-header">
+          <slot name="header" @slotchange=${this._handleSlotChange}></slot>
+        </div>
+        <div class="card-content" part="ag-card-content">
+          <slot></slot>
+        </div>
+        <div class="${t}" part="ag-card-footer">
+          <slot name="footer" @slotchange=${this._handleSlotChange}></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+c.styles = p`
+    :host {
+      display: block;
+      position: relative;
+      box-sizing: border-box;
+      width: 100%;
+      /* Use the global token directly for padding */
+      --card-padding: var(--ag-space-6, --ag-card-padding);
+      background-color: var(--ag-background-primary);
+      border: var(--ag-border-width-1) solid var(--ag-border);
+    }
+
+    /* Rounded variants - no rounding by default */
+    :host([rounded="sm"]) {
+      border-radius: var(--ag-radius-sm);
+    }
+
+    :host([rounded="md"]) {
+      border-radius: var(--ag-radius-md);
+    }
+
+    :host([rounded="lg"]) {
+      border-radius: var(--ag-radius-lg);
+    }
+
+    :host([shadow]) {
+      box-shadow: var(--ag-shadow-lg);
+      overflow: hidden;
+    }
+
+    /* Enhanced hover effect for shadow cards */
+    :host([shadow]:hover) {
+      box-shadow: var(--ag-shadow-xl);
+    }
+
+    /* Animated cards - smooth transitions */
+    :host([animated]) {
+      transition:
+        box-shadow var(--ag-timing-fast, 150ms) ease-out,
+        transform var(--ag-timing-fast, 150ms) cubic-bezier(0.39, 0.575, 0.565, 1);
+    }
+
+    :host([animated]:hover) {
+      transform: translateY(-3px);
+      transition:
+        box-shadow var(--ag-timing-fast, 150ms) ease-out,
+        transform var(--ag-timing-slow, 300ms) cubic-bezier(0.39, 0.575, 0.565, 1);
+    }
+
+    /* Respect reduced motion preferences */
+    @media (prefers-reduced-motion), (update: slow) {
+      :host([animated]),
+      :host([animated]:hover) {
+        transition-duration: 0.001ms !important;
+        transform: none !important;
+      }
+    }
+
+    /* Variant colors */
+    :host([variant="success"]) {
+      background-color: var(--ag-success-background);
+      color: var(--ag-success-text);
+    }
+
+    :host([variant="info"]) {
+      background-color: var(--ag-info-background);
+      color: var(--ag-info-text);
+    }
+
+    :host([variant="error"]) {
+      background-color: var(--ag-danger-background);
+      color: var(--ag-danger-text);
+    }
+
+    :host([variant="warning"]) {
+      background-color: var(--ag-warning-background);
+      color: var(--ag-warning-text);
+    }
+
+    :host([variant="monochrome"]) {
+      background-color: var(--ag-background-primary-inverted);
+      color: var(--ag-text-primary-inverted);
+    }
+
+    .card-header,
+    .card-footer {
+      color: var(--ag-text-primary);
+    }
+
+    .card-header {
+      padding: var(--ag-space-4) var(--card-padding);
+      border-bottom: var(--ag-border-width-1) solid var(--ag-border);
+    }
+
+    .card-footer {
+      padding: var(--ag-space-4) var(--card-padding);
+      border-top: var(--ag-border-width-1) solid var(--ag-border);
+    }
+
+    /* Hide header/footer when empty class is applied */
+    .card-header.empty,
+    .card-footer.empty {
+      display: none;
+    }
+
+    .card-content {
+      padding: var(--card-padding);
+    }
+
+    :host([stacked]) .card-content > ::slotted(*:not(:last-child)) {
+      margin-block-end: var(--ag-space-8);
+    }
+
+    /* The accessible clickable card trick */
+    ::slotted(a.card-primary-action)::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      z-index: 1;
+      cursor: pointer;
+    }
+
+    /* Ensure content and other actions are selectable/clickable */
+    .card-content,
+    ::slotted(h1), ::slotted(h2), ::slotted(h3), ::slotted(h4), ::slotted(h5), ::slotted(h6),
+    ::slotted(p), ::slotted(div) {
+      position: relative;
+      z-index: 2;
+    }
+
+    ::slotted(.card-secondary-action) {
+      position: relative;
+      z-index: 2;
+    }
+  `;
+let r = c;
+s([
+  e({ type: Boolean, reflect: !0 })
+], r.prototype, "stacked");
+s([
+  e({ type: Boolean, reflect: !0 })
+], r.prototype, "shadow");
+s([
+  e({ type: Boolean, reflect: !0 })
+], r.prototype, "animated");
+s([
+  e({ type: String, reflect: !0 })
+], r.prototype, "rounded");
+s([
+  e({ type: String, reflect: !0 })
+], r.prototype, "variant");
+export {
+  r as AgCard
+};

package/dist/components/Card/react/ReactCard.d.ts

@@ -0,0 +1,5 @@
+import { AgCard, CardProps } from '../core/Card';
+
+export type ReactCardProps = CardProps;
+export declare const ReactCard: import('@lit/react').ReactWebComponent<AgCard, {}>;
+//# sourceMappingURL=ReactCard.d.ts.map

package/dist/components/Card/react/ReactCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/react/ReactCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC,eAAO,MAAM,SAAS,oDAOpB,CAAC"}

package/dist/components/Card/react/ReactCard.js

@@ -0,0 +1,15 @@
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import r from "react";
+import "../core/Card.js";
+import { AgCard as a } from "../core/_Card.js";
+const p = t({
+  tagName: "ag-card",
+  elementClass: a,
+  react: r,
+  events: {
+    // onEventName: 'event-name',
+  }
+});
+export {
+  p as ReactCard
+};

package/dist/components/Card/react/index.d.ts

@@ -0,0 +1,3 @@
+export { ReactCard } from './ReactCard';
+export type { ReactCardProps } from './ReactCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Card/react/index.js

@@ -0,0 +1,4 @@
+import { ReactCard as e } from "./ReactCard.js";
+export {
+  e as ReactCard
+};

package/dist/components/Card/vue/VueCard.js

@@ -0,0 +1,59 @@
+import { defineComponent as n, ref as d, onMounted as r, createElementBlock as s, openBlock as i, mergeProps as l, renderSlot as a } from "vue";
+import "../core/Card.js";
+import { _ as u } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const f = n({
+  name: "VueCard",
+  props: {
+    stacked: {
+      type: Boolean,
+      default: !1
+    },
+    shadow: {
+      type: Boolean,
+      default: !1
+    },
+    animated: {
+      type: Boolean,
+      default: !1
+    },
+    rounded: {
+      type: String,
+      default: ""
+    },
+    variant: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, { emit: o }) {
+    const t = d(null);
+    return r(async () => {
+      await customElements.whenDefined("ag-card");
+    }), {
+      agComponent: t,
+      stacked: e.stacked,
+      shadow: e.shadow,
+      animated: e.animated,
+      rounded: e.rounded,
+      variant: e.variant
+    };
+  }
+}), m = [".stacked", ".shadow", ".animated", "rounded", "variant"];
+function c(e, o, t, p, h, k) {
+  return i(), s("ag-card", l({
+    ref: "agComponent",
+    ".stacked": e.stacked,
+    ".shadow": e.shadow,
+    ".animated": e.animated,
+    rounded: e.rounded,
+    variant: e.variant
+  }, e.$attrs), [
+    a(e.$slots, "header", { slot: "header" }),
+    a(e.$slots, "default"),
+    a(e.$slots, "footer", { slot: "footer" })
+  ], 48, m);
+}
+const v = /* @__PURE__ */ u(f, [["render", c]]);
+export {
+  v as default
+};

package/dist/components/Card/vue/VueCard.vue.d.ts

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import { CardProps, CardVariant, CardRounded } from '../core/Card';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: PropType<CardRounded>;
+        default: CardRounded;
+    };
+    variant: {
+        type: PropType<CardVariant>;
+        default: CardVariant;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & CardProps) | null, (HTMLElement & CardProps) | null>;
+    stacked: boolean;
+    shadow: boolean;
+    animated: boolean;
+    rounded: CardRounded;
+    variant: CardVariant;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: PropType<CardRounded>;
+        default: CardRounded;
+    };
+    variant: {
+        type: PropType<CardVariant>;
+        default: CardVariant;
+    };
+}>> & Readonly<{}>, {
+    variant: CardVariant;
+    rounded: CardRounded;
+    shadow: boolean;
+    stacked: boolean;
+    animated: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueCard.vue.d.ts.map

package/dist/components/Card/vue/VueCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/vue/VueCard.vue"],"names":[],"mappings":"AAqBA;AAEA,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;cAkBA,QAAQ,CAAC,WAAW,CAAC;iBACtB,WAAW;;;cAGV,QAAQ,CAAC,WAAW,CAAC;iBACtB,WAAW;;;;;;;;;;;;;;;;;;;;;;;cALV,QAAQ,CAAC,WAAW,CAAC;iBACtB,WAAW;;;cAGV,QAAQ,CAAC,WAAW,CAAC;iBACtB,WAAW;;;;;;;;;AArBhC,wBA6CG"}

package/dist/components/Card/vue/index.d.ts

@@ -0,0 +1,5 @@
+import { default as VueCard } from './VueCard.vue';
+import { CardProps as VueCardProps } from '../core/_Card';
+
+export { VueCard, type VueCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC"}

package/dist/components/Card/vue/index.js

@@ -0,0 +1,4 @@
+import { default as r } from "./VueCard.js";
+export {
+  r as VueCard
+};

package/dist/components/Checkbox/core/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { AgCheckbox } from './_Checkbox.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-checkbox': AgCheckbox;
+    }
+}
+export * from './_Checkbox.js';
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/core/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/core/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,cAAc,gBAAgB,CAAC"}

package/dist/components/Checkbox/core/Checkbox.js

@@ -0,0 +1,5 @@
+import { AgCheckbox as e } from "./_Checkbox.js";
+customElements.get("ag-checkbox") || customElements.define("ag-checkbox", e);
+export {
+  e as AgCheckbox
+};

package/dist/components/Checkbox/core/_Checkbox.d.ts

@@ -0,0 +1,77 @@
+import { LitElement } from 'lit';
+
+export type CheckboxSize = 'small' | 'medium' | 'large';
+export type CheckboxTheme = 'default' | 'primary' | 'success' | 'monochrome';
+export interface CheckboxChangeEventDetail {
+    checked: boolean;
+    value: string;
+    name: string;
+    indeterminate: boolean;
+}
+export type CheckboxChangeEvent = CustomEvent<CheckboxChangeEventDetail>;
+/**
+ * @csspart ag-checkbox-wrapper - The outer wrapper label element
+ * @csspart ag-checkbox-input - The native checkbox input element
+ * @csspart ag-checkbox-indicator - The custom visual checkbox indicator (box with checkmark)
+ * @csspart ag-checkbox-label - The label text span
+ */
+export interface CheckboxProps {
+    name: string;
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    size: CheckboxSize;
+    theme: CheckboxTheme;
+    labelText: string;
+    labelPosition: 'end' | 'start';
+    required?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    helpText?: string;
+    onClick?: (event: MouseEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
+}
+export declare class AgCheckbox extends LitElement implements CheckboxProps {
+    static styles: import('lit').CSSResult[];
+    name: string;
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    size: CheckboxSize;
+    theme: CheckboxTheme;
+    labelText: string;
+    labelPosition: 'end' | 'start';
+    required: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+    onClick?: (event: MouseEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
+    private _ids;
+    private inputRef?;
+    constructor();
+    /**
+     * Expose the internal focusable element for FormControl ARIA wiring
+     */
+    get controlElement(): HTMLElement | null;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleClick;
+    private handleChange;
+    /**
+     * Render helper text
+     */
+    private _renderHelper;
+    /**
+     * Render error text
+     */
+    private _renderError;
+    /**
+     * Build ARIA describedby attribute
+     */
+    private _getAriaDescribedBy;
+    render(): import('lit').TemplateResult<1>;
+    firstUpdated(): void;
+}
+//# sourceMappingURL=_Checkbox.d.ts.map

package/dist/components/Checkbox/core/_Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/core/_Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAQrD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAG7E,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,yBAAyB,CAAC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,KAAK,GAAG,OAAO,CAAC;IAE/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;AAED,qBAAa,UAAW,SAAQ,UAAW,YAAW,aAAa;IACjE,OAAgB,MAAM,4BAsOpB;IAGM,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,OAAO,CAAC;IAGjB,aAAa,EAAE,OAAO,CAAC;IAGvB,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,YAAY,CAAC;IAGnB,KAAK,EAAE,aAAa,CAAC;IAGrB,SAAS,EAAE,MAAM,CAAC;IAGlB,aAAa,EAAE,KAAK,GAAG,OAAO,CAAC;IAI/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,EAAE,MAAM,CAAC;IAGjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAGxD,OAAO,CAAC,IAAI,CAAuC;IAEnD,OAAO,CAAC,QAAQ,CAAC,CAAmB;;IAmBpC;;OAEG;IACH,IAAI,cAAc,IAAI,WAAW,GAAG,IAAI,CAEvC;IAEQ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASxD,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAmCpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IASlB,MAAM;IAqEN,YAAY;CAQtB"}