agnosticui-core 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/VueSelectionButton.vue_vue_type_script_setup_true_lang-DJN-Uk6n.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, createElementBlock as t, openBlock as o, mergeProps as d, renderSlot as n } from "vue";
+import "./components/SelectionButton/core/SelectionButton.js";
+const c = ["value", "label", ".checked", ".disabled"], i = /* @__PURE__ */ a({
+  __name: "VueSelectionButton",
+  props: {
+    value: { default: "" },
+    label: { default: "" },
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, s) => (o(), t("ag-selection-button", d({
+      value: e.value,
+      label: e.label,
+      ".checked": e.checked,
+      ".disabled": e.disabled
+    }, l.$attrs), [
+      n(l.$slots, "default")
+    ], 48, c));
+  }
+});
+export {
+  i as _
+};

package/dist/VueSelectionButtonGroup.vue_vue_type_script_setup_true_lang-CLuww2Ac.js

@@ -0,0 +1,42 @@
+import { defineComponent as u, createElementBlock as s, openBlock as i, mergeProps as o, renderSlot as c } from "vue";
+import "./components/SelectionButtonGroup/core/SelectionButtonGroup.js";
+const m = ["type", "name", "legend", "legend-hidden", "theme", "size", "shape", "value", "values", ".disabled"], g = /* @__PURE__ */ u({
+  __name: "VueSelectionButtonGroup",
+  props: {
+    type: { default: "radio" },
+    name: { default: "" },
+    legend: { default: "" },
+    legendHidden: { type: Boolean, default: !1 },
+    theme: { default: "" },
+    size: { default: "md" },
+    shape: { default: "" },
+    value: { default: "" },
+    values: { default: () => [] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["selection-change", "update:value", "update:values"],
+  setup(e, { emit: d }) {
+    const l = d, n = (a) => {
+      const t = a.detail;
+      l("selection-change", t), t.selectedValues.length <= 1 && l("update:value", t.selectedValues[0] || ""), l("update:values", t.selectedValues);
+    };
+    return (a, t) => (i(), s("ag-selection-button-group", o({
+      type: e.type,
+      name: e.name,
+      legend: e.legend,
+      "legend-hidden": e.legendHidden,
+      theme: e.theme,
+      size: e.size,
+      shape: e.shape,
+      value: e.value,
+      values: e.values,
+      ".disabled": e.disabled,
+      onSelectionChange: n
+    }, a.$attrs), [
+      c(a.$slots, "default")
+    ], 48, m));
+  }
+});
+export {
+  g as _
+};

package/dist/VueSelectionCard.vue_vue_type_script_setup_true_lang-DJiyPsXH.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, createElementBlock as t, openBlock as d, mergeProps as o, renderSlot as c } from "vue";
+import "./components/SelectionCard/core/SelectionCard.js";
+const n = ["value", "label", ".checked", ".disabled"], i = /* @__PURE__ */ a({
+  __name: "VueSelectionCard",
+  props: {
+    value: { default: "" },
+    label: { default: "" },
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, s) => (d(), t("ag-selection-card", o({
+      value: e.value,
+      label: e.label,
+      ".checked": e.checked,
+      ".disabled": e.disabled
+    }, l.$attrs), [
+      c(l.$slots, "default")
+    ], 48, n));
+  }
+});
+export {
+  i as _
+};

package/dist/VueSelectionCardGroup.vue_vue_type_script_setup_true_lang-B2uA4jdK.js

@@ -0,0 +1,36 @@
+import { defineComponent as u, createElementBlock as s, openBlock as o, mergeProps as i, renderSlot as c } from "vue";
+import "./components/SelectionCardGroup/core/SelectionCardGroup.js";
+const g = ["type", "name", "legend", "legend-hidden", "value", "values", ".disabled"], r = /* @__PURE__ */ u({
+  __name: "VueSelectionCardGroup",
+  props: {
+    type: { default: "radio" },
+    name: { default: "" },
+    legend: { default: "" },
+    legendHidden: { type: Boolean, default: !1 },
+    value: { default: "" },
+    values: { default: () => [] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["selection-change", "update:value", "update:values"],
+  setup(e, { emit: d }) {
+    const t = d, n = (a) => {
+      const l = a.detail;
+      t("selection-change", l), l.selectedValues.length <= 1 && t("update:value", l.selectedValues[0] || ""), t("update:values", l.selectedValues);
+    };
+    return (a, l) => (o(), s("ag-selection-card-group", i({
+      type: e.type,
+      name: e.name,
+      legend: e.legend,
+      "legend-hidden": e.legendHidden,
+      value: e.value,
+      values: e.values,
+      ".disabled": e.disabled,
+      onSelectionChange: n
+    }, a.$attrs), [
+      c(a.$slots, "default")
+    ], 48, g));
+  }
+});
+export {
+  r as _
+};

package/dist/components/Button/core/_Button.js

@@ -1,4 +1,4 @@
-import { LitElement as l, css as h, html as c } from "lit";
+import { LitElement as l, css as c, html as h } from "lit";
 import { n as r } from "../../../property-CemaeiRl.js";
 import { o as s } from "../../../if-defined-C8i28hSj.js";
 var b = Object.defineProperty, o = (g, a, e, v) => {
@@ -53,7 +53,7 @@ const d = class d extends l {
   }
   render() {
     const a = this.disabled || this.loading;
-    return c`
+    return h`
       <button
         type=${this.type}
         part="ag-button"
@@ -71,7 +71,7 @@ const d = class d extends l {
     `;
   }
 };
-d.styles = h`
+d.styles = c`
     /* MINIMALIST & THEMEABLE - Styling via --ag-* design tokens */
     :host {
       /* Inline-flex for perfect centering while maintaining inline behavior */
@@ -127,32 +127,32 @@ d.styles = h`
       background: var(--ag-neutral-500);
     }
 
-    /* Primary, success, warning, and danger all have white text and get
-      darker on hover */
+    /* Primary, success, warning, and danger use variant-specific foreground
+      tokens (--ag-{variant}-fg) and get darker on hover */
     :host([variant="primary"]) button {
       background: var(--ag-primary);
-      color: var(--ag-white);
+      color: var(--ag-primary-fg);
     }
     :host([variant="primary"]) button:hover {
       background: var(--ag-primary-dark);
     }
     :host([variant="success"]) button {
       background: var(--ag-success);
-      color: var(--ag-white);
+      color: var(--ag-success-fg);
     }
     :host([variant="success"]) button:hover {
       background: var(--ag-success-dark);
     }
     :host([variant="warning"]) button {
       background: var(--ag-warning);
-      color: var(--ag-neutral-900);
+      color: var(--ag-warning-fg);
     }
     :host([variant="warning"]) button:hover {
       background: var(--ag-warning-dark);
     }
     :host([variant="danger"]) button {
       background: var(--ag-danger);
-      color: var(--ag-white);
+      color: var(--ag-danger-fg);
     }
     :host([variant="danger"]) button:hover {
       background: var(--ag-danger-dark);
@@ -339,11 +339,11 @@ d.styles = h`
       border-color: var(--ag-primary-text);
     }
 
-    /* Bordered Buttons on Hover have a filled background with white text.  The
-      Default Bordered is an exception to this rule. */
+    /* Bordered Buttons on Hover have a filled background with variant-specific
+      foreground text.  The Default Bordered is an exception to this rule. */
     :host([bordered][variant="primary"]) button:hover {
       background: var(--ag-primary);
-      color: var(--ag-white);
+      color: var(--ag-primary-fg);
     }
 
     :host([bordered][variant="secondary"]) button,
@@ -358,7 +358,7 @@ d.styles = h`
     }
 
     :host([bordered][variant="success"]) button:hover {
-      color: var(--ag-white);
+      color: var(--ag-success-fg);
       background: var(--ag-success);
     }
 
@@ -369,7 +369,7 @@ d.styles = h`
 
     :host([bordered][variant="warning"]) button:hover {
       background: var(--ag-warning);
-      color: var(--ag-neutral-900);
+      color: var(--ag-warning-fg);
     }
 
     :host([bordered][variant="danger"]) button {
@@ -379,7 +379,7 @@ d.styles = h`
 
     :host([bordered][variant="danger"]) button:hover {
       background: var(--ag-danger);
-      color: var(--ag-white);
+      color: var(--ag-danger-fg);
     }
 
     :host([bordered][variant="monochrome"]) button {

package/dist/components/Fieldset/vue/VueFieldset.vue.d.ts

@@ -44,8 +44,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     legend: string;
     bordered: boolean;
-    layout: "horizontal" | "vertical";
     legendHidden: boolean;
+    layout: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=VueFieldset.vue.d.ts.map

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

@@ -0,0 +1,9 @@
+import { AgSelectionButton } from './_SelectionButton.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-selection-button': AgSelectionButton;
+    }
+}
+export * from './_SelectionButton.js';
+//# sourceMappingURL=SelectionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButton/core/SelectionButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAM1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,cAAc,uBAAuB,CAAC"}

package/dist/components/SelectionButton/core/SelectionButton.js

@@ -0,0 +1,5 @@
+import { AgSelectionButton as t } from "./_SelectionButton.js";
+customElements.get("ag-selection-button") || customElements.define("ag-selection-button", t);
+export {
+  t as AgSelectionButton
+};

package/dist/components/SelectionButton/core/_SelectionButton.d.ts

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+
+export type SelectionButtonTheme = 'success' | 'info' | 'error' | 'warning' | 'monochrome' | '';
+export type SelectionButtonSize = 'sm' | 'md' | 'lg';
+export type SelectionButtonShape = '' | 'rounded' | 'capsule';
+export interface SelectionButtonProps {
+    /** Unique value for this button (required) */
+    value: string;
+    /** Accessible label for this button (required) */
+    label: string;
+    /** Whether this button is selected */
+    checked?: boolean;
+    /** Whether this button is disabled */
+    disabled?: boolean;
+}
+interface SelectionButtonInternalProps {
+    /** Input type (set by parent group) */
+    _type?: 'radio' | 'checkbox';
+    /** Input name (set by parent group) */
+    _name?: string;
+    /** Theme (set by parent group) */
+    _theme?: SelectionButtonTheme;
+    /** Size (set by parent group) */
+    _size?: SelectionButtonSize;
+    /** Shape (set by parent group) */
+    _shape?: SelectionButtonShape;
+}
+export declare class AgSelectionButton extends LitElement implements SelectionButtonProps, SelectionButtonInternalProps {
+    static styles: import('lit').CSSResult;
+    value: string;
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    _type: 'radio' | 'checkbox';
+    _name: string;
+    _theme: SelectionButtonTheme;
+    _size: SelectionButtonSize;
+    _shape: SelectionButtonShape;
+    constructor();
+    focus(): void;
+    private _handleClick;
+    private _handleKeyDown;
+    private _renderIndicator;
+    render(): import('lit').TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=_SelectionButton.d.ts.map

package/dist/components/SelectionButton/core/_SelectionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SelectionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButton/core/_SelectionButton.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC;AAChG,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,MAAM,MAAM,oBAAoB,GAAG,EAAE,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,UAAU,4BAA4B;IACpC,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,kCAAkC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,qBAAa,iBAAkB,SAAQ,UAAW,YAAW,oBAAoB,EAAE,4BAA4B;IAC7G,OAAgB,MAAM,0BAuWpB;IAGM,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAIlB,KAAK,EAAE,OAAO,GAAG,UAAU,CAAC;IAG5B,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,oBAAoB,CAAC;IAG7B,KAAK,EAAE,mBAAmB,CAAC;IAG3B,MAAM,EAAE,oBAAoB,CAAC;;IAe5B,KAAK;IAKd,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,gBAAgB;IAoBf,MAAM;CA4ChB"}